html,body {
margin:0px;
padding:0px;
font:100% Verdana,Tahoma,Arial,Elephant,sans-serif;
color:#03038b;
background: url(background.gif) top center repeat-y;
}

/***** Various tags *****/

h2 {
font:100% Elephant;
font-size:1em;
line-height: 2px;
}

a {
text-decoration:none;
font-weight:bold;
font-size:1em;
color:#03038b;
/0506ff;/
background-color:inherit;
}

a:hover {
text-decoration:underline;
color:#88ffff;
background-color:inherit;
}

a img {
border:0;
}


p {
margin 12px 12px 0px 12px;
font 100% Verdana,Tahoma,Arial,sans-serif;
color:#03038b;
font-size:.75em;
}

.pheader {
margin: 12px 0px 12px 12 px;
font:100% Elephant;
font-size:1em;
}

/***** Header *****/


#wrapper {
font: 100% Elephant;
font-size: 1.5em;
width: 500px;
height: 110px;
margin: 20px auto 20px auto;
padding: 20px;
text-align: center;
position: relative;
top: 20px;
left: 15px;
border-top: 4px double #88ffff;
border-right: 4px double #88ffff;
border-bottom: 4px double #0506ff;
border-left: 4px double #0506ff;
}

.firstlayer {
font:100% Elephant;
font-size: 1.5em;
color: #33ccff;
position: relative;
z-index: 1;
}

.secondlayer {
font:100% Elephant;
font-size: 1.5em;
color: #0c17ff;
position: relative;
top: -44px;
left: 2px;
z-index: 0;
} 

.firstlayer_1 {
font:100% Elephant;
font-style:Italic;
font-size: 2.25em;
color: #0c17ff;
position: relative;
top: -44px;
z-index: 1;
}

.secondlayer_1 {
font:100% Elephant;
font-style:Italic;
font-size: 2.25em;
color: #33ccff;
position:relative;
top: -112px;
left: 2px;
z-index: 0;
} 


#frontphoto {
padding: 1px 1px 1px 1px;
background-color: #6269ff;
border-right: 4px double #88ffff;
border-bottom: 4px double #0506ff;
border-left: 4px double #0506ff;
border-top: 4px double #88ffff;
}

#contentphoto {
position: relative;
left: 108px;
padding: 0px;
width: 426px;
height: 320px;
border-right: 4px double #88ffff;
border-bottom: 4px double #0506ff;
border-left: 4px double #0506ff;
border-top: 4px double #88ffff;
}

#CaptHatphoto {
position: absolute;
top: 0px;
left: 0px; 
}

/***** Left sidebar *****/

#leftside {
/clear: left;
float: left;/
width: 136px;
height: 112px;
margin: 40px 0px 0px 20px;
padding: 1px 1px 1px 1px;
background-color: #043fff;
font-weight: bold;
text-decoration: none;
border-top: 4px double #88ffff;
border-right: 4px double #88ffff;
border-bottom: 4px double #0506ff;
border-left: 4px double #0506ff;
position: fixed;
left: 0px;
top: 180px;
}

/***** Main menu *****/

/* button styles */
a.button, a.current, a.buttonDis {
display: block;
background-color: transparent;
background-image: url(VMarineButton.gif);
background-repeat: no-repeat;
width: 132px;
height: 28px;
margin: 0px auto;
padding:0px 0px 0px 0px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
text-decoration: none;
}
a.button:link, a.button:visited {
color: #ffffff;
}
a.button:hover, a.button:active {
background-position: 0 -36px;
color: #88ffff;
}
a.current:link, a.current:visited {
background-position: 0 -36px;
color: #0506ff;
}
a.current:hover, a.current:active {
color: #88ffff;
}
.icon {
display: inline-block;
background-repeat: no-repeat;
padding: 0 0 5px 18px;
}
a.button:hover .icon, a.button:active .icon, a.current:hover .icon, a.current:active .icon {
background-position: 0 -28px;
}
a.current:link .icon, a.current:visited .icon,a.current:active .icon{
background-position: 0 -56px;
}
/* list of button icons */
#buttonNote .icon {
background-image: url(noteIcon.gif);
}

#contentwide {
position: relative;
left: 0px;
top: 22px;
margin: 20px 180px 20px 180px;
padding: 10px 0px 20px 0px;
width: 642px;
border-top:1px solid #0506ff;
border-right:1px solid #0506ff;
border-bottom:1px solid #88ffff;
border-left:1px solid #88ffff;
padding:0px 10px;
line-height:1.5em;
}

#contact {
text-align: center;
}


#footer {
position: relative;
top: 0px;
left:0px;
margin:20px 170px 20px 180px;
padding: 10px 0px 10px 0px;
width:662px;
border-top:1px solid #0506ff;
border-right:1px solid #0506ff;
border-bottom:1px solid #88ffff;
border-left:1px solid #88ffff;
text-align:center;
color:#808080;
}