body { background: url('../images/body_bg.gif') repeat; width: 100%; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

#container { width: 1011px; margin: 0 auto; }

#header { background: url('../images/header.jpg') no-repeat; height: 239px; }
	#header	h1 {float: left; width: 528px; height: 93px; padding: 81px 0 0 235px; }
	#header h1 a { text-indent: -3000px; display: block; background: url('../images/logo.png') no-repeat; width: 100%; height: 100%; cursor: pointer;  }

#menu { background: url('../images/menu_bg.gif') repeat-x; width: 1011px; height: 37px; }
	#member { margin-left: 10px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }
	#member li { display: inline; color: #369;  font: 18px Verdana, Arial, Helvetica, sans-serif; }
	#member a { color: #369; padding: 0 3px 0 0;}
	#member a:hover { color: #fc9; }
	#nav { float: right; font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #666; margin: -20px 20px 0 0; }
	#nav li { display: inline; }
	#nav a { color: #666; font-weight: bold; padding: 0 15px 0  10px; }
	#nav a:hover { color: #fc6; }
	
#sidebar { float: left; width: 400px; margin-top: 0px; margin-right: 0px; background:#f4ece1; border: 1px solid #ccc;}
	#sidebar ul { background:#f4ece1;font: 10px Verdana, Arial, Helvetica, sans-serif; width: 335px;  margin-left: 27px; }
	#sidebar h2 { font: bold 22px Arial, Helvetica, sans-serif; color: #2c7ca6; padding: 7px 10px; }
	#sidebar li { background:#f4ece1; border-bottom: 1px solid #ccc; padding: 5px 0 10px 0; clear: both; margin-top: -4px; }
	#sidebar li.first { margin-top: 0; }
	#sidebar li.middle { background: #ddd5cb; }
	#sidebar li.last { border-bottom: none; padding-bottom: 0;}
	#sidebar p { font: 10px Verdana, Arial, Helvetica, sans-serif;  width: 380px; padding: 5px;float: left; }
	#sidebar img { float: left; display: inline; position: relative; margin: 8px; }
	#sidebar img.mangrove { margin: -15px 23px 10px -28px; }

	
	#info {  clear: left;width: 360px; background: url('../images/footer_logo.gif') right no-repeat; font: 9px Verdana, Arial, Helvetica, sans-serif; line-height: 1.6;  height: 49px; padding-top: 45px; margin-top: 6px;  }
	#info a { color: #000; }
	#info a:hover { text-decoration: underline; }

#mainContent { width: 609px; float: left; padding: 0px 0px 0px 0px; background: #FFF; font: 12px Verdana, Arial, Helvetica, sans-serif; }
	#mainContent h2 { display: block; background: #666; font: 18px Arial, Helvetica, sans-serif; color: #ffcc99; 
	padding: 7px 10px; }
	#mainContent p { margin-bottom: 8px; }
	#mainContent li { font: 10px Verdana, Arial, Helvetica, sans-serif; list-style: disc; margin-left: 13px; }
	#mainContent .imgLeft { display: inline; float: left; margin: 5px 12px 0 0; border: 1px solid #be6d41; }
	#mainContent .imgRight { display: inline; float: right; margin: 5px 0 5px 10px; border: 1px solid #f16761; }
	#mainContent img.custom { border: 1px solid #0b94f1; }
	#mainContent #list { margin-left: 150px; }