html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, li { margin: 0; padding: 0;}

body, html    { height: 100%; 
			color: #666; 
			font-family: Georgia, "Times New Roman", Times, serif; 
			text-align: center; /*** Centers the design in old IE versions ***/
			min-width: 1000px;
			font-size:95%;
			}
			
body { 		background-image: url('../images/bg_header.gif'); 
        	background-repeat: repeat-x;
			background-color: #9DD2CA;
			height: 100%;  }
			
			
p { text-align: left; 
		font-size: 1em;
		line-height: 1.5em;
		padding-bottom: 1.0em;	}
			
#content { 
		margin-left: auto; 
		margin-right: auto;
		width: 990px;
		
		}	
		

#head       { height: 220px;
			margin: 0 auto; 
			padding: 0px;
			  }			
#logo       { position: relative;
			margin: 0 auto;
			padding: 20px 0px 0px 0px; 
			text-align: center;
			  }					  

  			
			  
#wide       { 
			width: 990px;
			float: left; 
			margin: 0 auto; 
			padding: 0px;
			background-color: #E9F5EB;
			min-height: 400px;
			  }
	  				    	
			


#nav    { position: relative; 
			float: left; 
			width: 230px; 
			text-align: left; 
			margin: 0px; 
			padding: 15px;
			background:  url('../images/bg_nav.gif') no-repeat top left; 
}
#navBox	{ border: #4DB6AF dashed 1px;  padding:10px; 
			background: #fff url('../images/bg_navBox.gif') no-repeat top  left ;
			min-height: 300px;
			 }

#column    { position: relative; 
			float: left; 
			width: 700px; 
			text-align: left; 
			margin: 0px; 
            padding: 15px;
}	

/*** -----------------footer -------------------- ***/	


#foot { clear: both;
	margin: 0px; 
    padding: 0px;
	width: 100%;
	background: #fff url('../images/bg_footer.gif') repeat-x top left;
	height: 50%;
}


#footContent { margin-left: auto; margin-right: auto; width: 990px; text-align: right; font-size:12px; 	color: #333; padding: 30px; min-height: 200px;}

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


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

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



h1 { font-family:  Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 130%;
	color: #4DB6AF;
	padding-bottom: 1.0em;
	padding-top: 0.5em;
}


h2 { color: #4DB6AF;
	font-size: 1.2em; 
	font-weight: normal;
	padding-bottom: 1.0em;
}

h3 { color: #333;
	font-size: 1.1em; 
	font-weight: bold;
	font-style: italic;
	padding-bottom: 1.0em;
}

.sml {font-size: 0.9em; }

.white { color: #fff;}

ul { margin-left:30px;
	line-height: 190%;
	list-style-type: round;
	list-style-image: url(../images/bullet.gif);
	}
	
li { line-height: 190%;}

	
hr {
	border-color: #ccc;
	border-style: dashed;
	height: 1px;
	border-width: 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: dashed;
	border-color: #4DB6AF; 
	padding: 10px;
	margin: 5px;
	background-color:#fff;}

.box	{ border: #4DB6AF dashed 1px;  padding:10px; margin-bottom: 15px;
			background:  url('../images/bg_box.gif') no-repeat top right; }	


/*** -----------------side menu navigation-------------------- ***/	
#nav a, #nav a:active, #nav a:visited{
	color: #666;
	text-decoration: none;
}
#nav a:hover{
	color: #4DB6AF;
	text-decoration: none;
}
#nav ul {  margin: 90px 0px 30px 60px; padding: 0px; color: #777; text-align: right;}
#nav li { list-style:none; list-style-image:none; list-style-type: none; margin: 0 10px 0 0px;  padding: 5px 0 10px 0; border-bottom:1px dotted #4DB6AF;}