body {
	margin : 0;
	padding : 0;
	font-family : Verdana, Geneva, sans-serif;
	font-size : 100%;
	background-color : #0f2233;
	background-repeat : repeat-y;
	background-position : center top;
	background-attachment : fixed;
	line-height : 110%;
	background-image: url(../images/design/background-strip.jpg);
}
img {
border-top-style : none;
border-right-style : none;
border-bottom-style : none;
border-left-style : none;
}
h1 {
font-weight : bold;
color : #0f2233;
font-size : 120%;
text-align : left;
padding-bottom : 20px;
line-height : 120%;
padding-top : 20px;
}
h2 {
	font-family : Verdana, Geneva, sans-serif;
	font-weight : bold;
	color : #AF0A04;
	font-size : 110%;
	text-align : left;
}
h3 {
font-family : Verdana, Geneva, sans-serif;
font-weight : bold;
color : #036;
font-size : 105%;
text-align : left;
}
h4 {
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
color : #069;
font-size : 110%;
text-align : left;
}
h5 {
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
color : #a4712d;
font-size : 18px;
text-align : left;
}
h6 {
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
color : #ff9900;
font-size : 18px;
text-align : left;
}
#page {
	width : 850px;
	margin-right : auto;
	margin-left : auto;
	border : 3px solid #779a96;
	background-repeat : no-repeat;
	background-position : center top;
	background-color : #fff;
	background-image : url(../images/design/_base_design_wide.jpg);
}
#header {
	position : relative;
	background-repeat : repeat-x;
	background-position : left top;
	height : 220px;
}
#header_inner {
text-align : left;
vertical-align : top;
background-repeat : no-repeat;
height : 130px;
float : left;
background-position : left top;
width : 850px;
}
#header_inner a:link, #header_inner a:visited, #header_inner a:hover, #header_inner a:active {
text-decoration : none;
display : block;
text-align : center;
font-weight : bold;
color : #423218;
}
#middle {
	background-repeat : repeat-y;
	background-position : right top;
	margin-bottom : 0;
	padding-right : 0;
	padding-bottom : 30px;
	padding-left : 0;
}
#middle_inner {
background-repeat : repeat-y;
background-position : right top;
}
#right_bar {
float : right;
text-align : left;
font-size : 90%;
font-weight : bold;
color : #4e6968;
width : 200px;
border : 3px none black;
background-repeat : no-repeat;
background-position : right top;
height : 20px;
}
#right_bar a:link, #right_bar a:visited, #right_bar a:hover, #right_bar a:active {
text-decoration : none;
display : block;
color : #4e6968;
text-align : left;
font-weight : bold;
}
#clear_right {
clear : both;
height : 1px;
}
#content {
	text-align : left;
	margin-right : 20px;
	margin-left : 20px;
	font-size : 90%;
	line-height : 100%;
	background-repeat : no-repeat;
	background-image : url(../images/design/img_1512.gif);
	background-position : right bottom;
}
.left_column {
background-color : #eaffff;
float : left;
width : 50%;
padding-right : 20px;
}
.right_column {
background-color : #ccc;
float : right;
width : 45%;
padding-right : 20px;
clear : left;
}
#content a:link {
color : #4b6b67;
}
#notes {
background-color : #999;
border : thick solid #03c;
width : 50%;
}
#content a:hover, #content a:visited, #content a:active {
border-bottom-width : medium;
border-bottom-color : #663366;
font-weight : normal;
color : #000066;
}
#content .go_left {
float : left;
clear : none;
margin-top : 0;
margin-right : 10px;
margin-bottom : 0;
margin-left : 0;
border-top-width : 3px;
border-right-width : 2px;
border-bottom-width : 2px;
border-left-width : 3px;
border-top-style : none;
border-right-style : none;
border-bottom-style : none;
border-left-style : none;
border-top-color : #666666;
border-right-color : #666666;
border-bottom-color : #666666;
border-left-color : #666666;
padding : 0;
}
#content .go_right {
float : right;
clear : none;
margin-top : 10px;
margin-right : 0;
margin-left : 10px;
border-top-width : 3px;
border-right-width : 3px;
border-bottom-width : 2px;
border-left-width : 2px;
border-top-style : none;
border-right-style : none;
border-bottom-style : none;
border-left-style : none;
border-top-color : #666666;
border-right-color : #666666;
border-bottom-color : #666666;
border-left-color : #666666;
padding : 0;
margin-bottom : 0;
}
#content .go_left_border {
float : left;
clear : none;
margin-top : 0;
margin-right : 10px;
margin-bottom : 0;
margin-left : 0;
padding : 0;
border : 1px solid #000;
}
#content .clear_left {
clear : left;
}
#menu {
	padding-top : 5px;
	text-align: center;
	background-color: #0F2233;
	padding-bottom: 5px;
	background-image: url(../images/design/header_repeat.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
#menu .heading {
	font-weight: bold;
	font-size: 80%;
	color: #0F2233;
}
#menu .heading a:link {
	background-color: #D6D6D6;
	padding: 3px;
	border: 1px solid #0F2233;
	margin: 2px;
	text-decoration: none;
	color: #0F2233;
}
#menu .heading a:visited {
	background-color: #D6D6D6;
	padding: 3px;
	border: 1px solid #0F2233;
	margin: 2px;
	text-decoration: none;
	color: #0F2233;
}
#menu .heading a:hover {
	background-color: #A80301;
	padding: 3px;
	border: 1px solid #0F2233;
	margin: 2px;
	text-decoration: none;
	color: #FFF;
}
#menu .heading a:active {
	background-color: #D6D6D6;
	padding: 3px;
	border: 1px solid #0F2233;
	margin: 2px;
	text-decoration: none;
	color: #0F2233;
}
#footer {
text-align : center;
vertical-align : middle;
color : #575259;
background-repeat : no-repeat;
background-position : center bottom;
width : 850px;
margin-right : auto;
margin-left : auto;
padding-top : 5px;
padding-bottom : 5px;
font-weight : bold;
background-color : #202743;
background-image : url(../images/design/footer.jpg);
border-top-width : 3px;
border-right-width : 3px;
border-bottom-width : 3px;
border-left-width : 3px;
border-top-style : none;
border-right-style : solid;
border-bottom-style : solid;
border-left-style : solid;
border-top-color : #779a96;
border-right-color : #779a96;
border-bottom-color : #779a96;
border-left-color : #779a96;
}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
text-decoration : none;
text-align : center;
font-weight : bold;
color : #fff;
font-size : 80%;
}
#website_ad {
text-align : center;
border : thin dotted #660000;
background-color : #e3e0b9;
}
#more_info {
text-align : left;
border : thin dotted #660000;
background-color : #e3e0b9;
padding : 5px;
}
#more_info .more_info_title {
text-align : left;
border : thin none #660000;
font-weight : bold;
color : #660000;
}
#more_info a:link, #more_info a:visited, #more_info a:hover, #more_info a:active {
text-decoration : none;
display : block;
text-align : left;
font-weight : bold;
color : #423218;
}
#more_info li {
padding-bottom : 10px;
}
.image_left {
padding : 0;
margin-top : 0;
margin-right : 0;
margin-bottom : 5px;
margin-left : 0;
}
.image_left img {
float : left;
margin-top : 0;
margin-right : 20px;
margin-bottom : 5px;
margin-left : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 0;
padding-left : 0;
border : 1px solid #666666;
}
.image_centre img {
border : 1px solid #333;
margin-right : auto;
margin-left : auto;
font-size : 80%;
text-align : center;
display : block;
}
#gallery {
clear : none;
text-align : center;
vertical-align : top;
color : #ffff99;
display : block;
padding-top : 5px;
padding-right : 5px;
padding-bottom : 5px;
padding-left : 5px;
border-top-width : 3px;
border-right-width : 3px;
border-bottom-width : 3px;
border-left-width : 3px;
border-top-style : none;
border-right-style : none;
border-bottom-style : none;
border-left-style : none;
border-top-color : #b09975;
border-right-color : #b09975;
border-bottom-color : #b09975;
border-left-color : #b09975;
}
#gallery .thumb {
text-decoration : none;
color : #b09975;
text-align : center;
border : thin solid #000000;
height : 75px;
width : 100px;
}
#gallery .resized {
text-decoration : none;
color : #b09975;
text-align : center;
border : thick double #000000;
height : 300px;
width : 400px;
}
.scientific_name {
font-style : italic;
}
.sign_off {
font-weight : bold;
color : #006;
}
.new {
font-weight : normal;
color : #663300;
background-color : #ffcc33;
border-top-width : 1px;
border-right-width : 1px;
border-bottom-width : 1px;
border-left-width : 1px;
border-top-style : solid;
border-right-style : solid;
border-bottom-style : solid;
border-left-style : solid;
border-top-color : #663333;
border-right-color : #663333;
border-bottom-color : #663333;
border-left-color : #663333;
padding-right : 5px;
padding-left : 5px;
}
.white_text {
color : #ffffff;
}
#infobox {
border : thin dashed #0000ff;
text-align : left;
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : small;
padding : 10px;
width : 40%;
background-repeat : repeat-y;
background-position : left top;
background-color : #ffff66;
overflow : visible;
}
#left_column {
width : 300px;
line-height : 20%;
text-align : center;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
margin-left : 10px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : small;
background-repeat : repeat;
background-position : center bottom;
}
#right_column {
width : 300px;
text-align : center;
float : right;
line-height : 20%;
margin-top : 0;
margin-right : 10px;
margin-bottom : 0;
margin-left : 0;
font-size : small;
display : none;
}
.table_left_heading {
font-weight : bold;
color : #660000;
text-align : left;
vertical-align : top;
}
.table_small_text {
font-size : small;
color : #006600;
}
.bold_middle {
font-weight : bold;
text-align : center;
}
.photocaption {
font-size : 10px;
text-align : center;
}
.signoff {
font-style : italic;
font-weight : bold;
color : #698f8d;
}
#contact {
padding-top : 5px;
padding-right : 5px;
padding-bottom : 5px;
padding-left : 15px;
font-size : 80%;
font-weight : normal;
width : 138px;
border : 1px solid #009;
text-align : center;
}
#contact a:link, #contact a:visited, #contact a:hover, #contact a:active {
color : #478f8f;
font-weight : normal;
}
#contact .link {
color : #478f8f;
font-weight : normal;
background-color : #fff;
display : none;
}
#mailform {
background-color : #e8ecef;
border : thin dashed #7aa19c;
text-align : center;
}
.bullet_1 li {
list-style-position : outside;
list-style-image : url(../images/design/bullet_1.jpg);
line-height : 20px;
font-size : 90%;
}
.bullet_1 a:link {
font-weight : normal;
color : #557573;
text-decoration : none;
}
.bullet_1 a:visited {
font-weight : normal;
color : #759c99;
text-decoration : none;
}
.bullet_1 a:hover {
list-style-position : outside;
list-style-image : url(../images/design/header_repeat.jpg);
text-decoration : none;
font-weight : bold;
color : #333;
}
.bullet_2 li {
list-style-position : outside;
list-style-image : url(../images/design/bullet_2.jpg);
line-height : 20px;
text-indent : 20px;
}
.bullet_2 li a:link {
font-weight : normal;
color : #789f9a;
text-decoration : none;
}
.bullet_2 li a:visited {
font-weight : normal;
color : #789f9a;
text-decoration : none;
}
.bullet_2 li a:hover {
list-style-position : outside;
}
.bullet_3 li {
list-style-position : outside;
line-height : 20px;
padding-bottom : 20px;
list-style-image : url(../images/design/bullet_3.jpg);
}
.bullet_3 li a:link {
font-weight : bold;
color : #789f9a;
text-decoration : none;
}
.bullet_3 li a:visited {
font-weight : bold;
color : #c09;
text-decoration : none;
}
.bullet_3 li a:hover {
list-style-position : outside;
font-weight : bold;
color : #000;
}
.bullet_kids li {
list-style-position : outside;
list-style-image : url(../images/flash/kids-star-fish.gif);
font-size : 90%;
padding-bottom : 20px;
}
.bullet_kids a:link {
font-weight : normal;
color : #557573;
text-decoration : none;
}
.bullet_kids a:visited {
font-weight : normal;
color : #759c99;
text-decoration : none;
}
.bullet_kids a:hover {
list-style-position : outside;
list-style-image : url(../images/design/header_repeat.jpg);
text-decoration : none;
font-weight : bold;
color : #333;
}
#content .menu_submenu ul {
text-align : left;
font-weight : bold;
}
#content .menu_submenu li {
list-style-type : none;
list-style-position : outside;
padding-top : 20px;
}
#content .menu_submenu a:link {
text-decoration : none;
color : #425e5a;
list-style-position : outside;
border-left-width : 10px;
border-left-style : none;
border-left-color : #759c97;
width : 140px;
display : block;
padding-left : 20px;
border-top-width : 1px;
border-right-width : 1px;
border-bottom-width : 1px;
border-top-style : none;
border-right-style : none;
border-bottom-style : none;
border-bottom-color : #79a09b;
list-style-type : none;
background-image : url(../images/design/sub_menu_link.jpg);
background-repeat : no-repeat;
background-position : left center;
}
#content .menu_submenu a:visited {
text-decoration : none;
color : #425e5a;
list-style-position : outside;
width : 140px;
display : block;
padding-left : 20px;
list-style-type : none;
background-image : url(../images/design/sub_menu_link.jpg);
background-repeat : no-repeat;
background-position : left center;
}
#content .menu_submenu a:hover {
text-decoration : none;
color : #000;
list-style-position : outside;
width : 140px;
display : block;
padding-left : 20px;
list-style-type : none;
font-weight : bold;
background-image : url(../images/design/sub_menu_hover.jpg);
background-position : left center;
background-repeat : no-repeat;
}
#content .menu_submenu a:active {
text-decoration : none;
color : #7aa19c;
list-style-position : outside;
border-left-width : 10px;
border-left-style : solid;
border-left-color : #759c97;
width : 140px;
display : block;
padding-left : 5px;
border-top-width : 1px;
border-right-width : 1px;
border-bottom-width : 1px;
border-top-style : none;
border-right-style : none;
border-bottom-style : none;
border-bottom-color : #79a09b;
list-style-type : none;
}
#content .menu_sub_sub_menu ul {
text-align : left;
font-weight : bold;
}
#content .menu_sub_sub_menu li {
list-style-type : none;
list-style-position : outside;
padding-top : 10px;
font-size : 90%;
color : #fff;
}
#content .menu_sub_sub_menu a:link {
text-decoration : none;
color : #425e5a;
list-style-position : outside;
border-left-width : 10px;
border-left-style : none;
border-left-color : #759c97;
display : block;
padding-left : 20px;
border-top-width : 1px;
border-right-width : 1px;
border-bottom-width : 1px;
border-top-style : none;
border-right-style : none;
border-bottom-style : none;
border-bottom-color : #79a09b;
list-style-type : none;
background-image : url(../images/design/sub_sub_menu_link.jpg);
background-repeat : no-repeat;
background-position : left center;
margin-left : 10px;
}
#content .menu_sub_sub_menu a:visited {
text-decoration : none;
color : #425e5a;
list-style-position : outside;
border-left-width : 10px;
border-left-style : none;
border-left-color : #759c97;
display : block;
padding-left : 20px;
border-top-width : 1px;
border-right-width : 1px;
border-bottom-width : 1px;
border-top-style : none;
border-right-style : none;
border-bottom-style : none;
border-bottom-color : #79a09b;
list-style-type : none;
background-image : url(../images/design/sub_sub_menu_link.jpg);
background-repeat : no-repeat;
background-position : left center;
margin-left : 10px;
}
#content .menu_sub_sub_menu a:hover {
text-decoration : none;
color : #000;
list-style-position : outside;
display : block;
padding-left : 20px;
list-style-type : none;
font-weight : bold;
background-image : url(../images/design/sub_sub_menu_hover.jpg);
background-position : left center;
background-repeat : no-repeat;
}
#content .menu_sub_sub_menu a:active {
text-decoration : none;
color : #7aa19c;
list-style-position : outside;
border-left-width : 10px;
border-left-style : solid;
border-left-color : #759c97;
display : block;
padding-left : 5px;
border-top-width : 1px;
border-right-width : 1px;
border-bottom-width : 1px;
border-top-style : none;
border-right-style : none;
border-bottom-style : none;
border-bottom-color : #79a09b;
list-style-type : none;
}
.question {
background-image : url(../images/flash/kids-star-fish.gif);
background-repeat : no-repeat;
background-position : left top;
padding-left : 40px;
border : 1px solid #7a8ee5;
padding-top : 5px;
padding-bottom : 5px;
}
.answer {
background-image : url(../images/design/bullet_starfish_hover.jpg);
padding-left : 40px;
background-repeat : no-repeat;
background-position : left top;
margin-left : 40px;
border : 1px dashed #fc0;
padding-top : 5px;
padding-bottom : 5px;
}
.bookdetail {
font-size : 14px;
padding-bottom : 100px;
color : #435c5a;
padding-top : 40px;
}
.boldred {
color : #c00;
}
#contacts {
line-height : 110%;
}
#contacts td {
text-align : left;
vertical-align : top;
padding-top : 3px;
padding-right : 3px;
padding-bottom : 10px;
padding-left : 3px;
}
#contacts h2 {
text-align : left;
vertical-align : top;
padding : 3px;
font-weight : bold;
color : #f00;
}
.centre-text {
text-align : center;
}