/* --------- Meta Layout --------- */

html {
    min-height:100%;
    margin-bottom:1px;
	}
body {
	font: 76% Verdana, Arial, Helvetica, sans-serif;     
	margin: 0;	
	padding: 0;
	background: #fff url(../images/body-bg.jpg) repeat-x;
	}
#container {
	margin: 0 auto; 
	width: 980px;
	padding: 0px;
	background: url(../images/aquarium.jpg) left 31px no-repeat;
/*	border-left: #666 solid 1px;
	border-right: #666 solid 1px; */
	}
#wrapper {
	clear:both;
	border:solid #CBC9CE 1px;
	}



/* --------- Header --------- */

#header {
	height: 110px;
	margin: 0;
	}
#header-left {
	float:left;
	width: 183px;
	padding: 0;
	}
#header-left img {
	margin:0;
	border:0;
	display:block;
	}
#header-left p {
	margin:0;
	font: 2.9em Impact, "Arial Black", Arial, Helvetica, sans-serif;
	color:#fff;
	}
#header-right {
	padding-top:10px;
	float:right;
	}

/* --------- Columns --------- */

#left-column {
	clear:both;
	margin: 0;
	padding: 15px 20px;
	float: left;
	width: 630px;
	}
#right-column {
	margin: 0 8px 0 0;
	padding: 45px 0 0;
	float:right;
	display: inline;
	width: 300px;
	}

a:link, a:active {
	color:#2980b0;
	text-decoration:underline;
	}
a:visited {
	color:#115073;
	text-decoration:underline;
	}
a:hover, a:focus {
	color:#cc6600;
	text-decoration:none;
	}
img {
	border: none;
	}

/* --------- Horizontal Nav --------- */

#nav {
	background: url(../images/left-tab.gif) left bottom no-repeat;
	}
#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font: .9em Arial, Helvetica, sans-serif;
	}
#nav ul li {
	float:left;
	margin:0;
	padding:0;
	display: inline; 
	color:#525A64;
	}
#nav ul li a {
	background:transparent url(../images/nav-bg-left.gif) no-repeat scroll left top;
	height:29px;
	padding-left: 10px;
	color: #fff;
	text-decoration: none;
	display:block;
	font-weight:bold;
	line-height:140%;
	width:auto;
	}
#nav ul li a:hover, #nav ul li a.active {
	color: #cc0000;
	background-position: left bottom;
	}
#nav ul li a span {	
	background:transparent url(../images/nav-bg-right.gif) no-repeat scroll right top;
	display:block;
	height:24px;
	padding-right:10px;
	padding-top:5px;
	}	
#nav ul li a:hover span, #nav ul li a.active span {
	background-position: right bottom;

	}

	
/* --------- Headings and Paragraph --------- */


h1 {
	font: normal 1.8em Arial, Helvetica, sans-serif;
	margin: 0 0 0.7em 0;
	color: #4a6777;
	}
#left-column h2 {
	font: bold 1.1em Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0;
	padding: 5px 5px 5px 10px;
	text-transform:uppercase;
	background: url(../images/header-bg2.gif) center center repeat-x;
	}
#left-column h3 {
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	color: #cc0000;
	padding: 0;
	}
.bodytext {
	background-color: #e2e0e0;
	margin: 0 0 20px 0;
	padding: 10px;
	}	
p {
	line-height: 1.5em;
	}
		
/* --------- Lists --------- */

ul {
	list-style:none;
	}
ul.main { 
	line-height:1.5em;
	margin:0;
	padding:0;
	list-style: none;
	}
ul.main li {
	margin: .5em 0 .5em 0;
	background: url(../images/bullet-link.gif) left .4em no-repeat;
	padding: 0 0 0 15px;
	}

/* ------------------- Above Footer ------------------- */

#above-footer {	
	clear:both;
	background-color:#8E9A9F;
	padding:6px 335px 6px 40px;
	border-bottom: dotted #fff 2px;
	}
#above-footer h3 {
	color:#fff;
	margin:0 0 .8em 0;
	}
img.g-map {	
	float:left;
	border:solid #fff 1px;
	}	
p.directions {
	margin:0;
	width:350px;
	float:right;
	color:#fff;
	}
	
/* ------------------- Footer ------------------- */

#footer {
	height: 32px;
	background-color:#cc0000;
	clear: both;
	margin: 0;
	font: .85em Arial, Helvetica, sans-serif;
	color: #fff;
	padding:0 0 0;
	}
#footer p {
	text-align: center;
	padding:1em 0 0 0;
	margin:0;
	}
#footer a:link, #footer a:visited, #footer a:active {
	color:#fff;
	text-decoration: none;
	}
#footer a:hover, #footer a:focus {
	text-decoration:underline;
	}
#footer ul#footer-nav {
	margin:0;
	text-align:center
	}
#footer ul#footer-nav li {
	display:inline;
	padding:0 5px;
	border-right:#fff 1px solid;
	}
#footer ul#footer-nav li.last {
	border:none;
	}
	
.clearfloat:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both;
	visibility: hidden;
	}
 
.clearfloat { display: inline-block; }
 
/* Hides from IE-mac */
* html .clearfloat { height: 1%; }
.clearfloat { display: block; }
/* End hide from IE-mac */
/*** end clearing hack ***/