#header {
   text-align: center;
}
/*  
                             The whole of the screen area
*/


body {
   background: #74A2CD;
   background-attachment: fixed;
   margin: 0;
   padding: 0;
   text-align: center;
	color: #000000;		
font-family: Verdana, Arial, Helvetica, Sans-Serif;

}
/*                               Pagewrapper - the amount of space used for the header, three columns and the footer
*/


#pagewrapper {
   background: #f9f9f9;
   margin: 0px auto;
   text-align: left;
   width: 800px;
}


/*                               mast head area - defines the heading line and the graphic to be used
*/
/***** top masthead picture or logo *****/
#mastphoto { 		width: 100%;
					margin-bottom: 10px;
 					border: 0;  
					padding-bottom: 20px;
 					}


h1 {
width: 100%;
height: 160px;
background-image: url("images/masttop2.jpg");
text-indent: 15px;
font-family: "Adamsky Outline SF",verdana;
font-size: x-large;
color: #f6f6f6;
padding-top: 40px;
}

/*                               Whole of the left hand column area
*/



#leftcol {
 padding-top: 30px;
 width: 178px;
 float: left;
}

/*                               The navigation area within the left hand column area
*/
#navmenu { 			clear: left; 
					float: left; 
	width: 177px;	
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 10px; 
	font-size: small;
                	font-weight: normal; 	
}

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

#navmenu a   		{ 
              		background: #ADC7E1; 	
					color: #000000; 
					text-decoration: none; 
					}

#navmenu ul 		{ 	
					margin: 0;  
					margin-left: 10px;
					padding: 0; 
					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;  
                	text-decoration: none; 
                 	display: block; 	
       	        	}	
	
#navmenu li a:hover { 
					background: #eaeaea; 
					color: #ADC7E1; 
					border-left: 2px solid #ADC7E1;
					}


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



/*                               The announcement area within the left hand column area
*/
#leftannounce {
	color: #666666;	
	margin: 0;
 	padding: 15px;
 	list-style-type: none;
}

#leftannounce .leftheader {
font-size: small;
}

#leftannounce a:visited, a:link {
	text-decoration: none;
	color: 	#7A6670;
}

#leftannounce  a:hover {
	text-decoration: none;
	color: #ffffff;		
}



/*                               Content  - the middle column used for data content
*/

#content {
 width: 370px;
 float: left;
 padding-top: 30px;
 padding-right: 20px;
 padding-bottom: 10px;
 padding-left: 10px;
}

#content h2 {
 font-family:  Tahoma, Arial, Helvetica, sans-serif;
font-size: large;
 color: #356592; 
 padding: 0 0 0 29px;
}

#content h4 {
font-size: medium;
 color: #356592; 
 padding: 0 0 0 29px;
}


#content a:link {
 	color: #7A6670;
	text-decoration: underline; 
}

#content a:visited {
 	color: #C0A0A0;
	text-decoration: underline; 
}

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

#content h3 a:link {
 	color: #7A6670;
	font-weight: bold;
 	text-decoration: none;
}

#content h3 a:visited {
 	color: #C0A0A0;
	font-weight: bold;
 	text-decoration: none;
}

#content h3 a:hover {
	color: #999999;
	font-weight: bold;
	text-decoration: none;
}



#content p {
 color: #666666;
font-size: small;
 font-family:  Tahoma, Arial, Helvetica, sans-serif;
 margin-bottom: 10px;
 margin-left: 25px;
}

#content ol li{
 font: 11px/18px Tahoma, Arial, Helvetica, sans-serif;;
 color: #aabbcc;
 margin-left: 0;
 padding: 0;
}

#content h3{
 font-weight: bold;
}
/*                               end of content declarations
*/


/*                               rightcol - used for the "neat bits"
*/
#rightcol{
width: 190px;
float: left;
padding-top: 30px;
padding-right: 0;
padding-bottom: 10px;
padding-left: 10px;
background:#f9f9f9;
color: #666666;
}

#rightcol .rsubhead{
padding: 0;
}

#rightcol a, #rightcol a:visited  {
color: #c8c8c8;
text-decoration: none;
}

#rightcol a:hover, #rightcol a:active  {
color: #ababab;
text-decoration: underline;
}

#rightcol p {
 color: #a3a3a3;
 margin-left: 10px;
}

#rightcol ul{
 color: #c8c8c8;
}



/*                               end of right column declarations
*/


/*                               legal area - used for copyright info and other odds n ends
*/
#legal {		

	margin: 0px auto;
	position: relative;
	width: 800px;
	height: 103px;
	clear: both;
}

#legal h2 {
	padding: 10px;	
	text-align: left;
	font: normal 9px/16px Tahoma, Arial, Helvetica, sans-serif;;
	color: #ffffff;
}

#legal h2 a:visited, #legal h2 a:link {
	font: normal 9px/16px Tahoma, Arial, Helvetica, sans-serif;;
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px dotted #ffffff;
}

#legal h2 a:hover {
	font: normal 9px/16px Tahoma, Arial, Helvetica, sans-serif;;
	color: #7A6670;
	text-decoration: none;
	border-bottom: 1px solid #ffffff;
}



/*                               end of legal footer  declarations
*/


/*                              misc area area - used for coommon purposes - image placement and clearing
*/



/*                              misc area area - used for coommon purposes - image placement and clearing
*/

/***** 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; }



.clear {
	clear: both;
}


#invisibleobject {
     visibility: hidden;
}