body {font-family: arial, sans-serif; }
body,p {font-size: 11px; color: #8D5F44; font-weight: normal; line-height: 16px;}
td {font-size: 11px; color: #8D5F44; font-weight: normal;}

.list_table0 {background-color: #F3ECDF}
.list_table1 {background-color: #ddd3c7}

H1 {font-family: georgia, times new roman, serif; font-size: 17px; color: #8D5F44; font-weight: bold; margin-top: 0; margin-bottom: 0;}
H2 {font-family: georgia, times new roman, serif; font-size: 17px; color: #FFFFFF; font-weight: bold; margin-top: 0; margin-bottom: 0;}

.form {font-size: 11px; color: #7C7C7C; font-weight: normal; margin-top: 0; margin-bottom: 0; line-height: 12px; height: 19px;}
.form_admin {font-size: 14px; color: #222222; font-weight: normal; margin-top: 0; margin-bottom: 0; line-height: 15px; background-color: #F9FCEF; }
.ltblue11 {font-size: 11px; color: #C5F2FF; font-weight: normal; line-height: 16px;}
.ltblue11b {font-size: 11px; color: #C5F2FF; font-weight: bold; line-height: 16px;}
.bluebar {font-size: 11px; color: #4891C2; font-weight: normal;}
.bluebody {font-size: 11px; color: #366CB5; font-weight: normal; line-height: 16px;}
.bluebodyb {font-size: 11px; color: #366CB5; font-weight: bold; line-height: 16px;}
.bluebodyit {font-size: 11px; color: #366CB5; font-weight: normal; line-height: 16px; font-style: italic;}

.bluebody13b {font-size: 13px; color: #366CB5; font-weight: bold; line-height: 16px;}
.blue11 {font-size: 11px; color: #C5F2FF; font-weight: bold; line-height: 16px;}
.blue11g {font-family: georgia, times new roman, serif; font-size: 11px; color: #4891C2; font-weight: bold; line-height: 16px;}
.blue9 {font-size: 9px; color: #799DCD; font-weight: normal; vertical-align: middle;}
.blue17b {font-family: georgia, times new roman, serif; font-size: 17px; color: #075193; font-weight: bold; line-height: 28px; text-align : justify;}
.brown10b {font-size: 10px; color: #8D5F44; font-weight: bold;}
.brown10it {font-size: 10px; color: #8D5F44; font-weight: normal; font-style: italic;}
.brown11b {font-family: georgia, times new roman, serif; font-size: 11px; color: #8D5F44; font-weight: bold; line-height: 18px;}
.brown11it {font-family: georgia, times new roman, serif; font-size: 11px; color: #8D5F44; font-weight: normal; font-style: italic;}
.brown15it {font-family: georgia, times new roman, serif; font-size: 15px; color: #8D5F44; font-weight: normal; font-style: italic;}
.brown1116 {font-size: 11px; color: #8D5F44; font-weight: normal; line-height: 16px;}
.brown1116b {font-size: 11px; color: #8D5F44; font-weight: bold; line-height: 16px;}
.brown1116it {font-size: 11px; color: #8D5F44; font-weight: normal; line-height: 16px; font-style: italic;}
.brown1114 {font-size: 11px; color: #8D5F44; font-weight: normal; line-height: 14px;}
.brown1114b {font-size: 11px; color: #8D5F44; font-weight: bold; line-height: 14px;}
.ivory11 {font-size: 11px; color: #F0F0DE; font-weight: normal; line-height: 14px;}
.tan11 {font-size: 11px; color: #736257; font-weight: normal; line-height: 14px;}
.tan11b {font-size: 11px; color: #736257; font-weight: bold; line-height: 14px;}
.white11 {font-size: 11px; color: #FFFFFF; font-weight: normal; line-height: 16px;}
.white11 *{color: #FFFFFF;}
.white11 a{color: #000000;}
.white11b {font-size: 11px; color: #FFFFFF; font-weight: bold; line-height: 16px;}
.white11it {font-size: 11px; color: #FFFFFF; font-weight: normal; line-height: 16px; font-style: italic;}
.white13 {font-size: 13px; color: #FFFFFF; font-weight: bold; line-height: 16px;}
.white14 {font-size: 14px; color: #FFFFFF; font-weight: bold; line-height: 16px;}

A {font-size: 11px; color: #799DCD; font-weight: normal; text-decoration: none; line-height: 14px;}
A:hover {font-size: 11px; color: #366CB5; font-weight: normal; text-decoration: none; line-height: 14px;}
A.blink {font-size: 11px; color: #698DBD; font-weight: bold; text-decoration: none; line-height: 14px;}
A:hover.blink {font-size: 11px; color: #366CB5; font-weight: bold; text-decoration: none; line-height: 14px;}
A.whitelink {font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: none;}
A:hover.whitelink {font-size: 11px; color: #366CB5; font-weight: normal; text-decoration: none;}
A.bluebarlink {font-size: 11px; color: #4891C2; font-weight: normal; text-decoration: none;}
A:hover.bluebarlink {font-size: 11px; color: #366CB5; font-weight: normal; text-decoration: none;}
A.blue1118link {font-size: 11px; color: #4891C2; font-weight: normal; text-decoration: none; line-height: 18px;}
A.glossaryletter {font-size: 13px; color: #799DCD; font-weight: normal; text-decoration: none; line-height: 14px;}
A:hover.glossaryletter {font-size: 13px; color: #366CB5; font-weight: normal; text-decoration: none; line-height: 14px;}
A.bluebodylink {font-size: 11px; color: #799DCD; font-weight: normal; text-decoration: none; line-height: 16px;}
A:hover.bluebodylink {font-size: 11px; color: #366CB5; font-weight: normal; text-decoration: none; line-height: 16px;}
A.bluebody14link {font-size: 11px; color: #799DCD; font-weight: normal; text-decoration: none; line-height: 14px;}
A:hover.bluebody14link {font-size: 11px; color: #366CB5; font-weight: normal; text-decoration: none; line-height: 14px;}
A.bluesnavlink {font-size: 11px; color: #799DCD; font-weight: normal; text-decoration: none; line-height: 14px;}
A:hover.bluesnavlink {font-size: 11px; color: #366CB5; font-weight: normal; text-decoration: none; line-height: 14px;}
A.blue1118link {font-size: 11px; color: #799DCD; font-weight: normal; text-decoration: none; line-height: 18px;}
A:hover.blue1118link {font-size: 11px; color: #366CB5; font-weight: normal; text-decoration: none; line-height: 18px;}
A.blue11blink {font-size: 11px; color: #4891C2; font-weight: bold; text-decoration: none;}
A:hover.blue11blink {font-size: 11px; color: #366CB5; font-weight: bold; text-decoration: none;}
A.bluecaplink {font-size: 9px; color: #799DCD; font-weight: normal; text-decoration: none; vertical-align: middle;}
A:hover.bluecaplink {font-size: 9px; color: #366CB5; font-weight: normal; text-decoration: none; vertical-align: middle;}
A.ltblueblink {font-size: 11px; color: #C5F2FF; font-weight: bold; text-decoration: none;}
A:hover.ltblueblink {font-size: 11px; color: #FFFFFF; font-weight: bold; text-decoration: none;}
A.brownlink {font-family: georgia, times new roman, serif; font-size: 11px; color: #8D5F44; font-weight: bold; text-decoration: none;}
A:hover.brownlink {font-family: georgia, times new roman, serif; font-size: 11px; color: #799DCD; font-weight: bold; text-decoration: none;}
A.tanblink {font-size: 11px; color: #736257; font-weight: bold; text-decoration: none;}
A:hover.tanblink {font-size: 11px; color: #799DCD; font-weight: bold; text-decoration: none;}
A.palebluelink {font-size: 11px; color: #E1ECF8; font-weight: normal; text-decoration: none; line-height: 16px;}
A:hover.palebluelink {font-size: 11px; color: #799DCD; font-weight: normal; text-decoration: none; line-height: 16px;}
A.whitebitlink {font-size: 11px; color: #FFFFFF; font-weight: bold; text-decoration: none; line-height: 16px; font-style: italic;}
A:hover.whitebitlink {font-size: 11px; color: #366CB5; font-weight: bold; text-decoration: none; line-height: 16px; font-style: italic;}
A.blue17link {font-family: georgia, times new roman, serif; font-size: 17px; color: #4891C2; font-weight: bold; text-decoration: none; line-height: 28px;}
A:hover.blue17link {font-family: georgia, times new roman, serif; font-size: 17px; color: #8D5F44; font-weight: bold; text-decoration: none; line-height: 28px;}
A.bluelink {font-family: georgia, times new roman, serif; font-size: 11px; color: #4891C2; font-weight: bold; text-decoration: none;}
A:hover.bluelink {font-family: georgia, times new roman, serif; font-size: 11px; color: #8D5F44; font-weight: bold; text-decoration: none;}


.bullet {list-style : url(../images/bullet.gif);}
.clip {background-image:url(../images/clip_mermaid.gif); background-repeat: no-repeat; background-position: bottom;}
.clipsquid {background-image:url(../images/clip_squid.gif); background-repeat: no-repeat; background-position: bottom;}
.clipnarwhal {background-image:url(../images/clip_narwhal.gif); background-repeat: no-repeat; background-position: bottom;}
.clipseahorse {background-image:url(../images/clip_seahorse.gif); background-repeat: no-repeat; background-position: bottom;}
.clipmantaray {background-image:url(../images/clip_mantaray.gif); background-repeat: no-repeat; background-position: bottom;}
.clipbuoy{background-image:url(../images/clip_buoy.gif); background-repeat: no-repeat; background-position: bottom;}
.clipjournal {background-image:url(../images/journalpages.gif); background-repeat: no-repeat; background-position: bottom;}
.clipglossary {background-image:url(../images/glossary.gif); background-repeat: no-repeat; background-position: bottom;}
.clipspfeat {background-image:url(../images/spfeatoverview.gif); background-repeat: no-repeat; background-position: bottom;}
.clipsearch {background-image:url(../images/searchsections.gif); background-repeat: no-repeat; background-position: bottom;}
.clipaboutthesite {background-image:url(../images/aboutthesite.gif); background-repeat: no-repeat; background-position: bottom;}
.clipaboutthemuseum {background-image:url(../images/aboutthemuseum.gif); background-repeat: no-repeat; background-position: bottom;}

.clipancestors {background-image:url(../images/ancestors.gif); background-repeat: no-repeat; background-position: bottom;}
.clipchinatrade {background-image:url(../images/chinatrade.gif); background-repeat: no-repeat; background-position: bottom;}
.clipfisheries {background-image:url(../images/fisheries.gif); background-repeat: no-repeat; background-position: bottom;}
.cliplifeatsea {background-image:url(../images/lifeatsea.gif); background-repeat: no-repeat; background-position: bottom;}
.clipmarineart {background-image:url(../images/marineart.gif); background-repeat: no-repeat; background-position: bottom;}
.clipmaritime {background-image:url(../images/maritmecommunities.gif); background-repeat: no-repeat; background-position: bottom;}
.clipnavigation {background-image:url(../images/navigation.gif); background-repeat: no-repeat; background-position: bottom;}
.clipships {background-image:url(../images/ships&shipbuilding.gif); background-repeat: no-repeat; background-position: bottom;}
.clipbay {background-image:url(../images/workingbythebay.gif); background-repeat: no-repeat; background-position: bottom;}
.clipmatesguidebook {background-image:url(../images/matesguidebook.gif); background-repeat: no-repeat; background-position: bottom;}

td.vr {background-image:url(../images/vr.gif); background-repeat: no-repeat;}
td.vred {background-image:url(../images/vred.gif); background-repeat: no-repeat;}
td.frameed {background-image:url(../images/left_frame2.png); background-repeat: no-repeat;}

input.button {background-color: #D1CABD; color: #000000; border: 1px outset #F3FCFF; height: 25px; width: 100px;}
input.button_small {background-color: #D1CABD; color: #000000; border: 1px outset #F3FCFF; height: 20px; width: 60px;}