* {font-size: 100%; }

body {
font : 0.84em/1.333 tahoma, Verdana, Arial, Helvetica, sans-serif;
margin : 0;
padding : 0;
color: #000;
text-align : center;
background : #fff;
}

div { behavior: url(iepngfix.htc); }

a:link {color: #386165; text-decoration: underline; }
a:visited {color : #551A8B; text-decoration: underline;} 
a:hover {color: #386165; text-decoration: underline;}


#wrapper {
margin : 1em auto;
width : 800px;
height : auto;
border : 1px solid gray;
padding : 0;
background : #fff url(../i/shell_by_sea512_wht2.gif) no-repeat 0 0; /* 512px height */
}

#topnavbar {
width : auto;
margin : 7px 12px 5px 12px;
padding : 3px 6px;
color : #fff;
text-align : right;
font : 12px tahoma, verdana, arial, sans-serif;
border : 0; /*1px solid #fff;*/
}


#content {
width : auto;
margin : 0;
padding : 12px;
height : auto;
border :0; 
}


div#topnavbar a:link {
width : auto;
padding-left : 5px;
padding-right : 5px;
font-weight : bold;
text-decoration : underline;
color : #fff;
background-color :transparent;
margin : 0;
border : 0;
}

div#topnavbar a:visited {
	width : auto;
	padding-left : 5px;
	padding-right : 5px;
	font-weight: bold;
	text-decoration: underline;
	color: #551A8B; /*purple for visited links */
	background-color: transparent;  /* to bring the shell photo thru*/
}

div#topnavbar a:hover {
width : auto;
padding-left : 5px;
padding-right : 5px;
font-weight : bold;
text-decoration : underline;
color : #fff;
background-color: transparent;
}


div#topnavbar a:active {
width : auto;
padding-left : 5px;
padding-right : 5px;
font-weight : bold;
text-decoration : underline;
color : #fff;
background-color: transparent;
}


#masthead {
width : auto;
margin : 0;
padding : 6px 12px;
text-align : right;
color : #fff;
font : 40px tahoma, verdana, arial, sans-serif;
border : 0;
}



div#col2 {
background: url(../i/content_bgrd_wht_big.png);
width : 60%;
float : right;
text-align : left;
padding: 0; margin: 0;
}


#col2 p {
	margin: 0.33em 0 1em 0;
	}


#col1 {
margin : 0 65% 0 3%;
padding : 1em;
text-align : left;
border :0;
}


ul li {
list-style : square url(../i/arrow.gif);
margin : 0.25em 0 0.25em 0;
}


div#entry1 {
margin : 6px;
padding : 0;
border : 0;
background : #800080;
}


.info {
color : #386165; /*#4f888e;*/
text-transform : uppercase;
font-size: 1.2em;
font-weight: bold;
}


h1, h2, h3, h4, h5, h6 {
margin : 16px 0 4px 0;
color : #386165; /*#4f888e;*/
text-transform : uppercase;
}


h1 {
font-size: 180%;
}
h2 {
font-size : 160%;
}
h3 {
font-size : 140%;
}
h4 {
font-size : 130%;
}
h5 {
font-size : 120%;
}
h6 {
font-size : 110%;
}


.xx-large {
font-size : 1.3em;
}
.x-large {
font-size : 1.2em;
}
.large {
font-size : 1.1em;
}
.medium {
font-size : 1em;
}
.small {
font-size : 0.9em;
}
.x-small {
font-size : 0.8em;
}
.xx-small {
font-size : 0.7em;
}


.warning {
color : #ff0000;
font-size : 0.8em;
font-weight : 800;
}


.picright {
float : right;
border : 0;
margin : 5px 5px 0 0;
}


.picleft {
float : left;
border : 0;
}


.left {
float : left;
border : 0;
}


.right {
float : right;
border : 0;
}


#print {
float : left;
border : 0;
padding : 0 10px;
margin : 0;
width : auto;
}


div.clearer_left {
clear : left;
line-height : 0;
height : 0;
}


div.clearer_right {
clear : right;
line-height : 0;
height : 0;
}


div.clearer_both {
clear : both;
line-height : 0;
height : 0;
}


div#footer {
width : 100%;
height : 40px;
margin : 0;
padding : 0.5em 0;
border : 0; /*1px solid red;*/
background-color: #a1aab9;
}


div#footerinfo {
float : right;
background-color: #a1aab9;
width : 80%;
height : auto;
margin : 0;
padding : 0;
color : #fff;
font : normal 10px arial, Times, serif;
text-align : left;
border : 0;
}


div#top {
font-size : 9px;
color : #fff;
float : right;
margin : 0;
padding : 6px;
border : 0;
}


#top a {
padding : 3px;
margin : 0;
}


div.faqentry {
border : 0;
margin : 5px;
padding : 0;
} 

div.contact {
	color: #fff;
	background: #386165;
	padding: 12px;
	margin: 0;
	border: 0;
	}
	
div.contact a:link {color: #fff; text-decoration: underline; }
div.contact a:visited {color : #551A8B; text-decoration: underline;} 
div.contact a:hover {color: #fff; text-decoration: underline;}