/***** body:  defines the default characteristics of the page before the div definitions are invoked
whatever is defined here will take precedence unless it is modified by other style commands  
text align centers the whole body container in the middle of the page *****/

body { 				width: 100%; margin: 0 auto; 
					padding: 0; 
	   				background-color: #f9f9f9; 
	 				background-image: url(bg.gif); 
	 				background-position: top center; 
					background-repeat:repeat-y; 
					font: 76% Verdana,Tahoma,Arial,sans-serif; 
					text-align: center; 
					}
	   

/***** pagewrapper: defines the portion of the screen to be used as the  visible working area -withoout scrolling.  
20% of people work at this definition.
all other info containers are positioned within this big box
because we centered the page we need to set the margins to auto and the text back to left *****/


              
                  
#pagewrapper     {  width: 855px;
                    margin-left: auto;
					margin-right: auto;
					margin-top: 6px;
	   				background-color: #f9f9f9; 
                    border-width:   6px;
                    border-color: #aabbdd;
                    border-style:   double;
                    text-align: left;
                   }                



					
/***** top masthead picture or logo *****/
#mastphoto { 		width: 855px;
					margin-bottom: 10px;
 					border: 0;  
					padding-bottom: 20px;
 					}



/***** left hand column  nav  menu system  and announcement area
  make sure that this width is less than the left margin for the content box *****/

#navmenu { 			clear: left; 
					float: left; 
					width: 210px;  
					margin-bottom: 10px; 
					padding: 0; 
					font-size: small; 
					}



/***** list properties   menu system *****/

#navmenu ul 		{ 	
					margin: 0;  
					margin-left: 10px;
					padding: 0; 
					font-size: small; 
                	font-weight: normal; 	
					list-style: none; }	

#navmenu li 		{ 		
					margin-bottom: 4px; 
					margin-left: 8px;  
					font-size: small; 
					}

#navmenu li a 		{ 	
					height: 20px; 	
					border-left: 2px solid #cccccc; 
					padding-top: 0px; 
					padding-left: 10px; 
                	background: #f9f9f9; 
                	color: #505050;  
                	font-weight: bold; 	
                	text-decoration: none; 
                 	display: block; 	
       	        	}	
	
#navmenu li a:hover { 
					background: #eaeaea; 
					color: #aabbdd; 
					border-left: 2px solid #aabbdd;
					}


#navmenu h4   		{ 	
					margin-left: 8px; 
					margin-bottom: 10px;  
					margin-top: 0px;
               		padding-left: 20px; 
               		background: #aabbdd; 
               		color: #000000; 
					font-weight: bold;  
               		font-size: small;
					}	


#navmenu a   		{ 
              		background: #aabbdd; 	
					color: #000000; 
					font-size: small; 
					font-weight: bold;  
					text-decoration: none; 
					}


/***** left hand column latest news box *****/

.announce 			{			
					width:110px; 	
					margin-top: 10px; 	
					margin-bottom: 10px; 	
					padding-top: 10px; 
					padding-left: 20px;  
            		background-color: #f9f9f9; 	
            		color: #505050;  	
					line-height: 100%;
					}




/***** right hand advertising side area *****/

#rightsidebar 		{ 	
					clear:right;
					float: right;
					width: 160px; 
					margin-right: 0px;
					padding: 6px;  
					color: #000000;
					font-size: small; 
					}

#rightsidebar p 	{ 		
					background-color: #f9f9f9;
					}

#rightsidebar h4 	{		
					margin-top: 0; 
					margin-bottom: 0; 
					padding-left: 10px; 
					background: #aabbdd; 
					color: #000000; 
					font-size: small;	
					}	



/***** main page content area *****/

#content 			{			
					margin-top: 0px; 
					margin-right: 	170px; 
					margin-bottom: 	 20px; 
					margin-left: 	210px;
					padding-top: 0px;
          			padding-right: 	 10px; 
          			padding-left:     20px;  
          			font-size: small;  
          			line-height: 130%; 
          			text-align: left; 
          			}

#content h2 		{		
					font-size: medium;   color: #000066; 
					}
					
#content h3 		{		
					margin: 0; 
					margin-bottom: 10px;
					font-size: small; 
					color: #000066; 
					}

#content h4  		{ 		
 					color: #000066; 
					font-size: small; 
 					font-style: normal;
					text-decoration: none; 
					}


#content h5  		{
			 		font-size: small;
   					font-style: italic;
 					font-weight: bold;
					}

#content ul 		{			
					font-size: small; 
					font-style: italic;
					color: #000000; 
 					list-style-type: none;
                	text-decoration: none; 
 					}	
 					
 					
#content li 		{ 			
					margin-bottom: 4px; 
					margin-left: 0px;  
					padding-left: 0px;
					font-size: small;  
					font-style: normal;
					font-weight: normal;
                    list-style-type: circle;
					}

#content img 		{		
					padding: 1px; 
					border: 4px solid #f0f0f0;
					background: #cccccc; 
					display:inline; 
					}




a 					{ 
					text-decoration: underline; 
					color: #000066;
					}

a:hover 			{ 			
					text-decoration: underline; 
					color: #000066; 
					}

a img { border: 0; }



/*****  legal footer area  *****/

#legal {			clear: both; 
					width: 100%; 
        			margin: 0 auto; 				
					border-top: 4px double #aabbdd; 
					padding: 10px 0 20px 0; 
					color: #808080;
					font-size: small;          			
					text-align: center;  
					}

#legal a 			{ 
					color: #808080; 
					text-decoration: none; 
					}

#legal a:hover 		{ 
					text-decoration: underline; 
					}


/***** all purpose commands for controlling alignment and text  *****/

.newspage   		{ 	
               		background-color: #f9f9f9; 
            		color: #505050;  	
          			text-align: right; 
					}	


/***** classes - can be used more than once *****/

.left 				{ margin: 10px 10px 5px 0; float: left; }

.right 				{ margin: 10px 0 5px 10px; float: right; }

.textright 			{ text-align: right; }

.center 			{ text-align: center; }

.small 				{ font-size: small; }

.bold 				{ font-weight: bold; }

.clearp 			{ clear:both;	}
.ads{margin-left:40px;
margin-right:40px;
margin-top:40px;
margin-bottom:40px;}

/***** display propety used to hide the information for printing purposes  *****/

.hide { display: none; }