body, html    { height: 100%; 
			color: #666; 
			font-family: Helvetica, Arial, sans-serif; 
            margin: 0px; 
			padding: 0px; 
			text-align: center; /*** Centers the design in old IE versions ***/
			min-width: 950px;
			font-size:90%;
			}
			
body { 		background-image: url('../images/bg.gif'); 
        	background-repeat: repeat-x;
			background-color: #fff;
			height: 100%;  }
			
			
p, table, div, ul, li { text-align: left; 
		font-size: 1em;
		line-height: 1.5em;}
			
#content { 
		margin-left: auto; 
		margin-right: auto;
		width: 900px;
		}	
		

#head       { height: 147px;
			margin: 0 auto; 
			padding: 0px;
			  }			
#logo       { 
			margin: 0 auto;
			padding: 40px 0px 20px 0px; 

			  }					  
#nav	{ height: 37px;
		margin: 0 auto; 
		padding: 0px;
} 
#icons   { float: left;
	position: absolute;
	left: -90px;
	margin: 0px;
	padding: 0px;
	top: 10px;
	height: 1px;
	overflow:visible;
}	


#flash    { position: relative;
			height: 250px;
			margin: 0 auto;
			margin-left: 5px; margin-top: 5px;
			padding: 0px;
			  }		
#image    { position: relative;
			height: 150px;
			margin: 0 auto;
			margin-left: 5px; margin-top: 5px;
			padding: 0px;
			  }			  			
			  
#wide       { 
			width: 900px;
			float: left; 
			margin: 0 auto; 
			padding: 0px;
			min-height: 300px;
		
			  }
	  				    	
			
#column    { position: relative; 
			float: left; 
			width: 600px; 
			text-align: left; 
			margin: 0px; 
            padding: 10px;
			min-height: 250px;
}
	
ul { list-style: outside url('../images/bullet.gif'); margin-left: 40px; margin-right: 10px; padding: 0px;}
li {  margin-left: -18px;  }


ol { margin-left: 40px; margin-right: 10px; padding: 0px; }
ol li { margin-left: -18px; line-height: 18px;  }

#strip-blue   { width: 870px; background-color: #00848E; color: #fff; text-align: left; padding: 10px  0 0 20px;	margin: 5px; }
#strip-gold   { width: 870px; background-color: #DAB125; color: #fff; text-align: left; padding: 10px  0 0 20px;	margin: 5px; }
#strip-grey   { width: 870px; background-color: #3f3f3f; color: #fff; text-align: left; padding: 10px  0 0 20px;	margin: 5px; }
#strip-yellow   { width: 870px; background-color: #EEECB5; color: #333; text-align: left; padding: 10px  0 0 20px;	margin: 5px; }
/*** -----------------side menu -------------------- ***/	
#sidenav   {  position: relative; 
			float: left; 
			background-image: url('../images/grad.jpg'); 
        	background-repeat: no-repeat;
			background-position: top left;
			width: 250px; 
			text-align: left; 
			margin: 0px 0 0 5px; 
            padding: 10px;	
			font-size: 12px; 
			font-weight: normal;	
			color: #333;
			min-height: 250px;
}


#sidenav li { list-style:none;  margin-left: -10px; line-height: 18px;  margin-top: 10px; padding-top: 0px; padding-bottom: 8px; border-bottom: 1px solid #fff; }

#sidenav ul{ list-style-image:none; margin-left: 20px; margin-right: 10px;  line-height: 18px;  }


#sidenav a { 	color: #333; text-decoration: none; border-bottom:0px; }

#sidenav a:hover { color: #00848E; text-decoration: none; }

/*** -----------------footer -------------------- ***/	
#foot {
	clear: both;
	width: 100%;
	padding-top: 20px;
	background-color: #fff;
	
}
#footContent { margin-left: auto; margin-right: auto; width: 900px; text-align: right; font-size:12px; 	color: #888;}

#foot a {
	color: #888;
	text-decoration: none;
}
#foot a:hover{
	color: #333;
	text-decoration: none;
}


/*** -----------------text formatting -------------------- ***/	
a {
	color: #333;
	text-decoration: none;

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



h1 { font-family:  Helvetica, Arial,sans-serif;
	font-size: 17px;
	font-weight: normal;
	padding-bottom: 5px;
	line-height: 130%;
	color: #00848E;
}


h2 { padding: 0;
	margin: 0;
	padding-bottom: 5px;
	font-size: 16px; 
	font-weight: normal;
}

h3 { color: #00848E;
	font-size: 14px; 
	font-weight: bold;
}

.sml {font-size: 0.9em; }

.white { color: #fff;}

	
hr {
	color: #EEECB5;
	border-style: solid;
	background-color: #EEECB5;
	height: 1px;
	}

.clear { clear: both;
         display: block;     
         height: 0;          
         visibility: hidden; }

select, input, menu, list, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}


.border {border-width: 1px;
	border-style: solid;
	border-color: #EEECB5; 
	padding: 2px;
	margin: 10px;
	background-color:#fff;}

.img {border-width: 1px;
	border-style: solid;
	border-color: #EEECB5; 
}
	


/*** -----------------top menu navigation-------------------- ***/	
.topmenu{
width: 900px;
font-size: 11px;
font-weight: normal;
color: #fff;
padding: 0;
top: 10px;
position: relative; 
}

.topmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.topmenu ul{
margin: 0; text-align: left; padding: 0px;   }

.topmenu li{ margin-left: 15px; }

.topmenu ul li{ background-image: none; background-repeat: no-repeat; background-position: -3px center; display: inline;}

.topmenu ul li a{
color: #fff;
padding: 3px;
margin-left: 5px;
text-decoration: none;
font-size: 11px; 
font-weight: normal;
}

.topmenu ul li a:hover{ color: #DAB125; }


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
border-left:0px solid #3F3F3F; border-right:0px solid #3F3F3F; border-top:0px solid #3F3F3F; border-bottom:0px solid #3F3F3F; position:absolute;
margin-top: 8px;
z-index:100;
background-color: #F0F0F0;
visibility: hidden;
font-size: 11px; 

}


.dropmenudiv a{
width: 130px;
display: block;
border-bottom: 1px solid #3F3F3F;
padding: 3px;
text-decoration: none;
color: #333;
}

.dropmenudiv a:hover{ 
width: 130px;
background-color: #00848E;
color: #fff;

}