/* mac hide \*/
html, body {height:100%}
/* end hide*/


html { 
	background:#fec ;
	height:100%;
}
body {
	font:normal 75%/140% verdana, arial, sans-serif;
	color:#000;
	margin:0;
	padding:0;
	background: #fec;
}
#container{
	min-height:100%;/*for mozilla as IE treats height as min-height anyway*/
	margin-left:200px;
	background:#fec;
	xborder-left:1px solid #000;
	xborder-right:1px solid #000;
	margin-bottom:-100px;
	color: #000000;
}
* html #container{height:100%;margin-left:197px}/* ie 3 pixel jog*/ 

#fishheader{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100px;
	background:#fec url(fishheader.jpg) repeat-x;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	overflow:hidden;
	color: #000000;
}

#floraheader{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100px;
	background:#fec url(florafooter.jpg) repeat-x;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	overflow:hidden;
	color: #000000;
}

#subheader {
	width:80%;
	height: 14em;
	background-color: #fec;
} 
#index #subheader {height: 105px;}
#mal5 #subheader {height: 140px;}
#trop6 #subheader {height: 195px;}
#mal65 #subheader {height: 150px;}
#got #subheader {height: 150px;}
#contactus #subheader {height: 105px;}


#subheader h1
{
	font-size: 3em;
	font-family: georgia, serif;
	background-color: #fec;
	color: #000;
	padding: 0.5em;
}

#subheader h2
{
	font-size: 1.5em;
	font-family: georgia, serif;
	background-color: #fec;
	color: #787;
	padding:  0 0 1em 1em;
	width: 60%;
}

#subheader h3
{
	font-size: 1em;
	font-family: georgia, serif;
	font-style: italic;
	background-color: #fec;
	color: #787;
	padding:  0 0 0 2em;
	width: 90%;
}


#menu {
	float:left;
	width: 140px;
	margin: 1.5em 0 0 -2em;
	padding: 10px;
	color: #000;
	font-size:1.2em;
}

#menu h2 {
	color: #000;
	height: 20px;
}

#menu ul {
	list-style: none;
	font-size: 0.8em;
	margin-top: 10px;
}

#menu ul li {
	margin: 4px 0;
	color: #000;
	height: 24px;
}

#menu ul li * {
	width: 125px;
	height: 20px;
	line-height: 20px;
	display:block;
	background: #787;
	border: 2px outset #000;
	color: #fff;
	padding-left: 15px;
}

#menu ul li a { 
	text-decoration: none;
	color: #000;
}

#menu ul li a:link {
	background-position: left center;
	background-color: #fdcd01;
	border-color: #fdcd01;
}

#menu ul li a:visited {
	background-position: left bottom;
	background-color: #fdcd01;
	border-color: #fdcd01;
	color: #000;
}

#menu ul li a:hover {
	border-color: #000;
	background-color: #000;
	color: #fff;
}

#flora #menu ul li * {width: 145px;	}

#fish .left2 {width 100px; }

#fish .left2  h3 
{
	font-size:1em;
	font-weight:bold;
	color:#787;
}

ul.nav
{
	width:14em;
	display: block;
	margin:0;
	padding:0;
}

ul.nav li
{
	list-style-type: none;
	margin:  0;
	text-align: left;
	display: inline; 
	font-weight: bold;
}

ul.nav li a
{
	display: block;
	width:13em;
	padding: 0.25em 0.5em 0.25em 0.75em;
	border-left: 1em solid #787;
	background-color:#ffe;
	text-decoration:  none;
	border-bottom: 1px solid #787;
	color:#000;
}
	
ul.nav li a:link {color: #000;}
ul.nav li a:visited {color: #000; }
ul.nav li a:hover { color:#000; background: #fdcd01;border-left: 1em solid #fdcd01;}

.navflora {

	list-style:none;
	display:block;
	float: left;
	width:70%;
	margin: 2em 0 0.5em 1em;
	font:bold 1em georgia, "times new roman", serif;
	color:#000;
	background-color:#fec;
	height:2em; 
}

.navflora li {
	padding:0;
	display:inline;
	float: left;
	margin-right: 0.5em;
}
.navflora li * {
	display:block;
	text-decoration:none;
	padding:5px 10px;
	color:#000;  
}
.navflora li span {
	background:#fec;
	color:red;
}
.navflora li a:visited {
	color:#000;
	background-color:#fec;
}
.navflora li a:hover {
	color:#000;
	background: #fdcd01;
}
#xflora .navflora li a:hover {background:  #fdcd01;}

#left {
	position:relative;/*ie needs this to show float */
	width:200px;
	float:left;
	margin-left:-199px;/*must be 1px less than width otherwise won't push footer down */
	padding: 0.5em;
	padding-top:125px;/*needed to make room for header*/
	left:-1px/* line things up exactly*/
}

#left img {margin: 3em 0 0 0.5em;}
* html #left {margin-right:-3px}/* three pixel jog*/
#left p {padding-left:3px;padding-right:2px}

#left, #left2 h4 {font-weight: bold; font-size: 1em; color: #787;}
#left, #left2 span {color: red;font-weight: bold;}
#left, #left2 ul.menu span {color: red;}

.left2{
	border:1px solid #787;
	border-left: 5px solid #787;
	margin:1em 0 1em 1em;
	padding:0.5em;
	width:200px;
	background: #fec;
	float: left;
	min-height:150px;
}
#fish .left2 {width 100px; }

#fish .left2  h3 
{
	font-size:1em;
	font-weight:bold;
	color:#787;
}
#content
{
	padding: 3em;
	}

	
#content h1
{
	font-size: 3em;
	font-family: georgia, serif;
	background-color: #fec;
	color: #000;
	padding: 0.5em;
}

#content h2
{
	font-size: 1.5em;
	font-family: georgia, serif;
	background-color: #fec;
	color: #787;
	padding:  0 0 1em 1em;
	width: 60%;
}
#fish #content h2 {font-size: 1.2em;}
#content h3
{
	font-size: 0.9em;
	font-family: georgia, serif;
	background-color: #fec;
	color: #787;
	padding:  0 0 1em 1em;
	width: 60%;
}
#content p {font-weight: bold; padding: 1em;}

.box
{
	width: 15em;
	float: right;
}
#fishfooter {
	width:100%;
	clear:both;
	height:100px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	background: #fec url(florafooter.jpg) repeat-x;;
	color: #fff;
	font-weight: bold;
	text-align:right;
	position:relative;
}

#fishfooter a { font-weight:bold;color:#fff; text-decoration: underline;}
#fishfooter a:hover { background:#fff;color:#000; }

#florafooter {
	width:100%;
	clear:both;
	height:100px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	background: #fec url(fishheader.jpg) repeat-x;
	color: #fff;
	font-weight: bold;
	text-align:right;
	position:relative;
}

#florafooter a { font-weight:bold;color:#fff; text-decoration: underline;}
#florafooter a:hover { background:#fff;color:#000; }
* html #footer {/*only ie gets this style*/
	\height:52px;/* for ie5 */
	he\ight:50px;/* for ie6 */
}
#clearheader{height:100px;}/*needed to make room for header*/
#clearfooter{clear:both;height:100px;}/*needed to make room for footer*/
div,p  {margin-top:0}/*clear top margin for mozilla*/
* html #centrecontent {height:1%;margin-bottom:12px}/* combat IE's 3 pixel jog */