body	
{
background: #001D38;
background-image: url('../images/site-bg.gif');
margin: 0px;
padding: 0px;
}



/* STANDARD FORMATTING */
body,table,p,h1,h2,ol
{
font-family: helvetica,arial,sans-serif;
color: #ffffff;
font-size: 10pt;
}

a
{
color: #ffffff;
}

a:hover
{
color: #33ccff;
}

h1
{
padding: 6px;
margin-bottom: 30px;
background: #0F62AE;
color: #ffffff;
font-size: 14pt;
font-weight: bold;
}

h2
{
margin-top: 30px;
margin-bottom: 5px;
padding: 4px;
background: #0F62AE;
color: #ffffff;
font-size: 10pt;
font-weight: bold;
}

h3
{
margin-bottom: 5px;
color: #ffffff;
font-size: 10pt;
font-weight: bold;
font-style: italic;
}



/* PAGE LAYOUT */
#container
{
margin-left: auto;
margin-right: auto;
width: 800px;
}

#main
{
width: 100%;
background-color: #064681;
background-image: url('../images/main-bg2.gif');
background-position: bottom left;
background-repeat: no-repeat;
}

#main-submenu
{
float: left;
width: 120px;
padding-top: 30px;
padding-left: 2px;
padding-right: 2px;
padding-bottom: 30px;
/*height: 400px; *//* sets minimum height for content */
}

#main-seperator
{
float: left;
}

#main-content
{
float: left;
padding-top: 10px;
padding-left: 6px;
padding-right: 4px;
padding-bottom: 30px;
width: 665px;
}

#copyright
{
text-align: center;
color: #336699;
font-size: 8pt;
}													

.spacer
{
clear:both;
height: 5px;
}

.heightspacer
{
float: left;
height: 500px;
}

.chapterimage
{
float: right;
padding-left: 20px;
padding-top: 0px;
padding-right: 20px;
padding-bottom: 20px;
background: #064681;;
}




/* MENU RELATED STUFF */
.menubase
{
background-color: #A8BFD9;				
background-image: url('../images/menu-bg.gif');
width: 800px;
height: 28px;
}	

.menuitem,
.menuitemactive
{
float: left;
padding-left: 3px;
padding-right: 3px;
padding-top: 5px;
padding-bottom: 0px;
}

.menuitem a,
.menuitemactive a
{
color: #000033;
font-size: 10pt;
text-decoration: none;
font-weight: bold; 
}

.menuitem a:hover,
.menuitemactive a:hover
{
color: #000033;
text-decoration: underline;
font-weight: bold;
}

.menuitemactive a,
.menuitemactive a:hover
{
color: #ffffff;
}

.menuseperator
{
float: left;
}

.menuspacer
{
float: left;
width: 30px;
}



/* SUBMENU RELATED STUFF */
.submenu-base
{
background: #2766A1;
background-image: url('../images/waves-menu-bg.gif');
background-repeat: no-repeat;
background-position: bottom left;
}

.submenu-title,
.submenu-title-active
{
color: #ffffff;
font-size: 8pt;
font-weight: bold;
padding-left: 5pt;
padding-bottom: 5pt;
}

.submenu-title a,
.submenu-title-active a
{
color: #ffffff;
text-decoration: none;								
}

.submenu-title a:hover,
.submenu-title-active a:hover
{
color: #ffffff;
text-decoration: underline;
}

.submenu-title-active a
{
color: #33ccff;
}

.submenu-spacer
{
background-image: url('./../images/menu-sub-line.gif');
}

.submenu-item,
.submenu-item-active
{
color: #ffffff;
font-size: 8pt;
font-weight: bold;
padding-top: 3pt;
padding-bottom: 3pt;
}

.submenu-item a,
.submenu-item-active a
{
color: #ffffff;
text-decoration: none;
}

.submenu-item a:hover,
.submenu-item-active a:hover
{
color: #33ccff;
text-decoration: underline;
}

.submenu-item-active a
{
color: #33ccff;
}




/* DIVING RELATED STUFF */
.diveimage
{
color: #000000;
}

.diveimage:hover
{
color: #ffffff;
}




/* TOC RELATED STUFF */
.toc
{
width: 100%;
}

.toc-title
{
padding: 4px;
margin: 4px;
background: #0F62AE;
color: #ffffff;
font-size: 10pt;
font-weight: bold;
text-align: center;
}

.toc-image
{
padding-bottom: 30px;
text-align: center;
}




/* SITEMAP RELATED STUFF */
.sitemap0-item
{
width: 300px;
padding: 4px;
background: #0F62AE;
color: #ffffff;
font-size: 8pt;
font-weight: bold;
}

.sitemap0-item a
{
text-decoration: none;
}

.sitemap0-item a:hover
{
color: #33ccff;
text-decoration: underline;
font-weight:bold;
}

.sitemap1-item
{
font-size: 8pt;
font-weight: bold;
}

.sitemap1-item a
{
text-decoration: none;
}

.sitemap1-item a:hover
{
text-decoration: underline;
}

.sitemap2-item
{
font-size: 8pt;
font-weight: bold;
}

.sitemap2-item a
{
text-decoration: none;
}

.sitemap2-item a:hover 
{
text-decoration: underline;
}

.sitemap3-item
{
font-size: 8pt;
font-weight: bold;
}

.sitemap3-item a
{
text-decoration: none;
}

.sitemap3-item a:hover
{
text-decoration: underline;
}