body {
	margin:0;
	padding:0;
	background:#2c90b2 url(images/bgBody.jpg) repeat-x top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.80em;
	color: #003366;
	line-height: 1.5em;
	text-align:center
}
img {border: 0;}
a:link, a:visited {color: #369;}
a:hover {text-decoration: none;color: #FF9900;}
#container {
	margin:0px auto;
	width:840px;
	background:#fff;
}
#header {
	width: 840px;
	height: 319px;
	background: #fff url(images/heading.jpg) no-repeat top;
}
h1 {
	margin: 0px;
	padding: 0px;
	float:left
}
#header h1 a {
	display:block;
	width:280px;
	height:95px;
	background: url(images/logoCoralWorld.gif) 25px 16px no-repeat;
}
#header h1 a span {display: none;}

#content {text-align:left; width:760px; margin:0 auto;font-size:0.85em}
#content h2 {color:#6cd0ff ; padding:0.2em 0; margin:0.8em auto; font-size:1.3em; text-transform:uppercase; display:block; border-bottom:1px solid #6cd0ff; font-family:Arial, Helvetica, sans-serif}
#content h3 {color:#6cd0ff ; padding: 0; margin: 30px 0 10px 0; font-size:1.1em; text-transform:uppercase; display:block; font-family:Arial, Helvetica, sans-serif}
#content p { margin: 5px 0 20px 0; }
.center { text-align: center; }

#marineParks p {clear:both; padding:0; margin:0}
#marineParks p em {color:#999999}
#img1, #img2, #img3, #img4 {float:left; text-align:center;}
#img4 img {padding:1px; margin:0 6px}

.highlightit img {border:1px solid #FFCC00; padding:1px; margin:0 6px}
.highlightit:hover img {border: 1px solid navy;}
.highlightit:hover {color: red; /* Dummy definition to overcome IE bug */}

#specialFetures {overflow:auto; width:398px; border:1px solid #eee; height:200px; padding: 10px 0}
#specialFetures img {border:1px solid #FFCC00; padding:1px; margin:2px}
#specialFetures a:hover img {border: 1px solid #00CCFF;}
#specialFetures .highlightit:hover {color: red; /* Dummy definition to overcome IE bug */}



#side-a {float:left; width:340px;}
#side-b {float:right; width:400px; text-align:center}
#side-a h3, #side-b h3 {color:#6cd0ff ; padding:0.2em 0; margin:0.8em auto; font-size:1.3em; text-transform:uppercase; display:block; border-bottom:1px solid #6cd0ff; font-family:Arial, Helvetica, sans-serif; text-align:left}
#side-a ul {list-style-type:none; margin-left:15px;list-style-position: inside; padding:0}

#footer {
	width:840px;
	height:160px;
	background-image: url(images/bgFooter.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	position:relative;
}
#contact {position:absolute; left:40px; top:110px; text-align:left; font-size:0.85em}
#contact a {text-decoration:none}
.mail {padding-left: 20px; background:url(images/icoEmail.gif) no-repeat left center;}