/*
Theme Name: PMA
Theme URI: http://open-axcss.com
Description: The revised layout for PMA.
Version: 2.0
Author: Raymond Bacolod
Author URI: http://open-axcss.com
Tags: blue, custom header, fixed width, two columns, widgets

*/



/* Begin Typography & Colors */

a img {
border: none;
}

body {
	font-size: 11px; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #d5d6d7 url('images/kubrickbgcolor.jpg');
	color: #333;
	margin					: 0;
	padding					: 0;
	}

#page {
	background-color: white;
	border: 1px solid #959596;
	text-align: left;
	}


div#page-container
	{
		width						: 982px;
		margin						: 0 auto;
		background					: #FFFFFF;
		padding						: 9px;
	}


/*==========HEADER=============*/
#pma-header
	{
		height						: 110px;
	}
	
#pma-header	.pma-logo
	{
		float						: left;
		margin						: 8px 0 0 15px;
	}
	
#pma-header	.pma-theme
	{
		float						: right;
		width						: 468px;
		height						: 60px;
		background-color			: #f7f7f7;
		padding						: 5px;
		border						: #eaeaea 1px solid;
		margin						: 15px 10px 0 0;
	}
	

/*==========NAVIGATIOn=============*/
#pma-navigation
	{
		clear						: both;
		background					: url(images/pma-navbg.jpg) repeat-x;
		height						: 34px;
	}



#dropmenu, #dropmenu ul 
	{
		margin						: 0;
		padding						: 5px 0 0 0;
		height						: 29px;
		list-style-type				: none;
		list-style-position			: outside; 
		position					: relative;
		line-height					: 1.5em;
		z-index						: 300;
		width						: 982px;
		font-weight					: bold;
		text-align					: center; 
	} 
		  
#dropmenu a
	{
		display						: block;
		padding						: 0.25em 1em;
		color						: #FFFFFF;
		text-decoration				: none;
		font-size					: 12px;
	} 

#dropmenu li 
	{
		float						: left;
		position					: relative;
		width						: 110px;
		border-right				: #FFFFFF 1px solid;
	

		
	} 

#dropmenu li li a:hover 
	{
/*		background					: #4b6e8c; */
		color:#FF0000;
	} 


#dropmenu li a
	{
		text-decoration				: none;
		border						: 0;
		font-weight					: normal;
		font-size					: 12px;
		
	} 
	
#dropmenu li a:visited
	{
		text-decoration				: none;
		border						: 0;
		font-weight					: normal;
		font-size					: 12px;
		
	} 
	


#dropmenu li a:hover 
	{
		text-decoration				: none;
		
	} 


#dropmenu ul 
	{
		position					: absolute;
		display						: none;
		width						: 130px;
		top							: 2.0em;
		left						: -1px;
	} 

#dropmenu ul a 
	{	
		border-left					: 1px solid #c8c8c8;
		text-decoration				: none;
	} 

#dropmenu li ul 
	{
		
		width						: 130px;
	} 

#dropmenu li ul a 
	{
		width						: 120px;
		height						: auto;
		float						: left;
		border-bottom				: 1px solid #c8c8c8;
		border-right				: 1px solid #c8c8c8;
		background					: #FFFFFF;
		color						: #686868;
		text-align					: left;
		width						: 150px;
	} 

#dropmenu ul ul 
	{	
		top							: 0 auto;
	} 

#dropmenu li ul ul 
	{
		left						: 12em; 
		margin						: 0px 0 0 0px;
	} 

#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul 
	{
		display						: none;
	} 

#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul 
	{
		display						: block;
	} 



/*==========DATE / SEARCH=============*/
#top-gap
	{
		height						: 10px;
		padding						: 5px;
		margin-bottom				: 12px;
		clear						: both;
	}
	
.date-wrap
	{
		float						: left;
		width						: 250px;
		font-weight					: bold;
	}
	
.search-wrap
	{
		float						: right;	
		display						: block;
	}
	
/*==========BODY=============*/	

.clearer { clear:both; }

#sidebar1
	{
		width						: 200px;
		display						: block;
		float						: left;
	}
	
#sidebar2
	{
		width						: 300px;
		display						: block;
		float						: right;
	}	
	


	
/*==========sidebar=============*/		
.menu-wrap	
	{
		background-color			: #095083;
		padding						: 8px 8px 8px 8px;
/*		margin						: 0 0 8px 0;*/
		margin						: 0 0 15px 0;
		width						: 184px;
	}
	
.menu-wrap h2
	{
		color						: #FFFFFF;	
		font-size					: 14px;
		font-weight					: bold;
		background-color			: #38a3ef;
		padding						: 3px;
		margin						: 0;
		text-transform				: uppercase;
	}
	
.menu-wrap ul
	{
		padding						: 10px 0 10px 0;
		margin						: 0;
		list-style					: none;
		color						: #FFFFFF;
		font-weight					: bold;
	}
	
.menu-wrap li
	{
		padding						: 5px 0 5px 0;
		border-bottom				: #FFFFFF 1px dotted;

	}	


.menu-wrap li a, a:visited, a:hover
	{
		color						: #FFFFFF;
		text-decoration				: none;
		text-transform:capitalize;
	}	
	
.menu-wrap li  a:hover
	{
		color						: #00c6ff;
		text-decoration				: underline;
		text-transform:capitalize;
	}	
	

	
.box-poll
	{
		background-color			: #ededed;
		padding						: 8px 8px 8px 8px;
		width						: 184px;
		margin						: 0 0 8px 0;
	}
	
#sidebar1 .box
	{
		margin						: 0 0 8px 0;
	}
	
#sidebar1 .box2
	{
		margin						: 8px 0 8px 0;
		padding						: 10px 0 5px 0;
		text-align					: center;
	}	
	

#footer-wrap
	{
		background-color			: #145b8c;
		height						: 45px;
		padding						: 15px 25px 25px 25px;
	}
	
.copy-logo
	{
		float						: left;
		width						: 270px;
	}
	
.copy-name
	{
		float						: left;
		margin-left					: 10px;
		width						: 500px;
		color						: #FFFFFF;
		padding						: 10px 0 0 0;
	}	
	
.copy-name a
	{
		color						: #FFFFFF;
		text-decoration				: none;
		font-weight					: bold;
	}	
	
	
.copy-name a:visited
	{
		color						: #FFFFFF;
		text-decoration				: none;
		font-weight					: bold;
	}		
	
.copy-name a:hover
	{
		color						: #FFFFFF;
		text-decoration				: underline;
		font-weight					: bold;
	}			
	
#sidebar2 h2
	{	
		color						: #5e5e5e;
		border-top					: #dddddd 7px solid;
		padding						: 8px 0 5px 0;
		text-align					: center;
		font-size					: 14px;
	}
	


	
/*==========CONTENT GOES HERE=============*/			


#content-wrap
	{
		width						: 464px;
		float						: left;	
		margin-left					: 8px;
	}


.main-gap
	{
		margin-bottom				: 8px;
		padding-bottom				: 8px;
	}





#content-wrap h2
	{
		/*background-color			: #095083;
		font-size					: 14px;
		color						: #FFFFFF;*/
		font-size					: 18px;
		color						: #095083;
		padding						: 5px 5px 5px 0px;
		margin						: 0 0 18px 0;
	}

#content-wrap h4.ngg-album-desc a:hover	
	{
		color: #006699;
	}

#content-wrap .main-boxhead
	{
		background-color			: #095083;
		font-size					: 14px;
		color						: #FFFFFF;
		padding						: 5px 5px 5px 10px;
		margin						: 0 0 18px 0;
	}
	



#content-wrap .imgborder
	{
		background-color			: #f7f7f7;
		padding						: 3px;
		border						: #c2c2c2 1px solid;
	}
	
#content-wrap .module-box
	{
		background: url(images/content-boxbg.jpg) repeat-x;
		padding						: 10px 8px 5px 8px	;
	}

.president-img
	{
		float						: left;
		width						: 130px;
		display						: block;
	}
		
.president-cont	
	{
		float						: left;
		width						: 300px;
		margin-left					: 8px;
	}
	
.president-excerpt
	{
		padding						: 0 0 10px 0;
		border-bottom				: #999999 1px solid;
		margin						: 0 0 10px 0;
	}

.president-excerpt a
	{
		color						: #000000;
		text-decoration				: none;
		font-weight					: bold;
	}
	
.president-excerpt a:visited
	{

		color						: #000000;
		text-decoration				: none;
		font-weight					: bold;
	}
		
	
.president-excerpt	a:hover
	{		
		color						: #000000;
		text-decoration				: underline;
		font-weight					: bold;
	}	
	
	
	
.whats-img	
	{
		float						: left;
		width						: 100px;
		display						: block;
	}
	
.whats-excerpt	
	{
		float						: left;
		width						: 330px;
		margin-left					: 8px;
	}
		
.whats-excerpt	a
	{		
		color						: #921414;
		text-decoration				: none;
		font-weight					: bold;
		text-transform				: uppercase;
	}
	
.whats-excerpt	 a:visited
	{		
		color						: #921414;
		text-decoration				: none;
		font-weight					: bold;
		text-transform				: uppercase;
	}
		
	
.whats-excerpt	a:hover
	{		
		color						: #921414;
		text-decoration				: underline;
		font-weight					: bold;
		text-transform				: uppercase;
	}	
	
ul#president-playlist 
	{
		list-style					: none;		
		padding						: 3px 0 0 10px;
		margin						: 0;
	}
	
ul#president-playlist li
	{
		line-height					: 20px;
	}	
	
ul#president-playlist li a, a:visited
	{
		color						: #212120;
		text-decoration				: none;	
	}
	
ul#president-playlist li a:hover
	{
		color						: #212120;
		text-decoration				: underline;	
	}	

.readmore
	{
		text-align					: right;
		padding						: 8px 5px 0 0;
	}
	
.readmore a
	{
		color						: #1e4f84;
		font-weight					: bold;
		text-decoration				: none;
	}
	
.readmore a:visited
	{
		color						: #1e4f84;
		font-weight					: bold;
		text-decoration				: none;
	}	
			
/*==============================================*/


			
#content-wrap .cat-title
	{
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px dotted #999999;
	}			
	
#content-wrap .cat-title a
	{
		color: #1279a9;
		font-size: 14px;
		text-decoration: none;
	} 	

#content-wrap .cat-title a:visited
	{
		color: #1279a9;
		text-decoration: none;
	} 	
		
	
#content-wrap  .cat-title a:hover
	{
		color: #1279a9;
		text-decoration: underline;
	} 		