body {
background-color: #004594;  font-family: verdana, arial, helvetica, sans-serif;
color: #ccc; text-align: center; padding-top: 30px;}


.body_copy{
font-family: Helvetica, Univers, Arial, sans-serif; font-size: 9pt; color: #004594; text-decoration: none; line-height:220%;}

.body_copy2{
font-family: Helvetica, Univers, Arial, sans-serif; font-size: 9pt; color: #5F6062; text-decoration: none; line-height:220%; }



	  
	  
	  
/* part 1 of 2 centering hack */
	
	
div#container{width:800px; height:600px; margin:1 auto; text-align:left; background: #fff; border:solid 1px #151c4d; right: 0; bottom: 0; left: 0;
width: 800px; height: 600px; margin: auto; background-color: #fff;}

div#container2{width:800px; height:600px; text-align:left; background: #fff; border: solid 1px #151c4d; border-bottom:solid 1px #fff;
width: 800px; height: 600px; margin: auto; background-color: #fff;}


div#navigation{margin-left: 0px; /*Opera 8 fix -1px*/  /* maybe take out */
padding: 0; width: 750px; height: 28px; background-image: url(images/nav_fade.gif); padding-left: 50px; padding-top: 4px;}


div#title_header_left{margin-left: 0px; /*Opera 8 fix -1px*/  /* maybe take out */
float:left; width:525px; height: 120px; border-bottom: solid 1px #151c4d; background: #fff;}

div#title_header_right{margin-left: 0px; /*Opera 8 fix -1px*/  /* maybe take out */
float:right; width:275px;  height: 120px; border-bottom: solid 1px #151c4d; background: #fff;}





div#table_full2 p{line-height:180%; margin:0px 0px}

div#table_full2{margin-left: 0px; /*Opera 8 fix -1px*/  /* maybe take out */
float:left; width:450px; height: 120px;  position: relative; left: 0px; top:0px; z-index:1; padding-left: 50px; padding-top: 50px; background-image: url(images/t_text.gif);}

div#table_full3{margin-left: 25px;  /*Opera 8 fix -1px*/  /* maybe take out */
 float:left; width:200px; height: 120px; }
 
div#table_full4{margin-left: 0px; /*Opera 8 fix -1px*/  /* maybe take out */
float:left; width:800px; height: 120px;  position: relative; left: 0px; top:0px; z-index:1; padding-left: 0px; padding-top: 0px;}

div#table_full5{margin-left: 0px; /*Opera 8 fix -1px*/  /* maybe take out */
float:left; width:750px; height: 120px;  position: relative; left: 0px; top:0px; z-index:1; padding-left: 42px; padding-top: 51px;}

div#table_full5b{margin-left: 0px; /*Opera 8 fix -1px*/  /* maybe take out */
float:left; width:750px; height: 120px;  position: relative; left: 0px; top:0px; z-index:1; padding-left: 50px; padding-top: 41px;}





div#table_full6{ /*Opera 8 fix -1px*/  /* maybe take out */
float: left; width: 700px; height: 388px;   padding-left: 50px; padding-top: 59px; padding-right: 50px; background-color: #fff; background-image: url(images/tech_boat1.jpg);}



div#table_full6b{margin-left: 0px; /*Opera 8 fix -1px*/  /* maybe take out */
float:left; width:700px; height: 120px;  position: relative; left: 0px; top:0px; z-index:1; padding-left: 50px; padding-top: 50px; background-image: url(images/w_text.gif);}


div#table_full6c{ /*Opera 8 fix -1px*/  /* maybe take out */
float: left; width: 700px; height: 388px;   padding-left: 50px; padding-top: 59px; padding-right: 50px; background-color: #fff;}



.body_copy3{
font-family: Helvetica, Univers, Arial, sans-serif; font-size: 8pt;  line-height:145%; font-size: text-decoration: none;  color: #5F6062; text-decoration: none; margin-bottom: 0px;}






div#table_full7{ /*Opera 8 fix -1px*/  /* maybe take out */
float: left; width: 700px; height: 447px;  background-color: #fff;
}

div#table_full8{ /*Opera 8 fix -1px*/  /* maybe take out */
float: left; width: 700px; height: 100px;   padding-left: 50px; padding-top: 200px; padding-right: 50px; background-color: #fff;}


div#table_full9{margin-left: 0px; /*Opera 8 fix -1px*/  /* maybe take out */
float:left; width:450px; height: 120px;  position: relative; left: 0px; top:0px; z-index:1; padding-left: 50px; padding-top: 50px; background-image: url(images/o_text.gif);}

div#table_full9 p{line-height:180%; margin:0px 0px}

div#table_full10{margin-left: 0px; /*Opera 8 fix -1px*/  /* maybe take out */
float:left; width:450px; height: 120px;  position: relative; left: 0px; top:0px; z-index:1; padding-left: 50px; padding-top: 50px; background-image: url(images/l_text.gif);}

div#table_full10 p{line-height:180%; margin:0px 0px}


div#table_full11{margin-left: 0px; /*Opera 8 fix -1px*/  /* maybe take out */
float:left; width:450px; height: 120px;  position: relative; left: 0px; top:0px; z-index:1; padding-left: 50px; padding-top: 50px; background-image: url(images/r_text.gif);}

div#table_full11 p{line-height:180%; margin:0px 0px}





Table_01{ /*Opera 8 fix -1px*/  /* maybe take out */
 width: 800px; height: 447px;}



.white_text {
font-family: Helvetica, Univers, Arial, sans-serif;
font-size: 8pt;
color: #ffffff;
line-height: 175%;
padding-left: 5px;

}

.table_text {
font-family: Helvetica, Univers, Arial, sans-serif;
font-size: 8pt;
color: #004594;
padding-left: 0px;
}

.table_text p{
border-bottom: 1px solid #AFAFB0;
font-family: Helvetica, Univers, Arial, sans-serif;
font-size: 8pt;
color: #004594;
margin-top: 0; 
margin-bottom: 0px;

 }


.white_text p{
text-indent: 5px;
}











img.initial
{
position: relative;
left:-60px;
top:-320px;
z-index:-1}


img.boat
{
position: relative;
left:0px;
top:0px;
z-index:1}



.divider {color: #FFFFFF; font-size: 8pt;}


div#title_header_boat{margin-left: 0px; /*Opera 8 fix -1px*/  /* maybe take out */
float:right; width:800px; height: height: 447px;}





div#footer{margin-left: 0px; /*Opera 8 fix -1px*/  /* maybe take out */
padding: 0;
width: 750px; margin:1 auto; text-align:left;
height: 28px;   margin: auto;
padding-left: 50px;
padding-top: 4px; background-color: #fff; border-bottom: solid 1px #151c4d; border-right: solid 1px #151c4d; border-left: solid 1px #151c4d; 
}

	
	
	
		

a:link {
font-family: Helvetica, Univers, Arial, sans-serif;
font-size: 8pt;
letter-spacing: .1em;
font-weight: normal;
color: #004594;
text-decoration: none;}

a:visited {
font-family: Helvetica, Univers, Arial, sans-serif;
font-size: 8pt;
letter-spacing: .1em;
font-weight: normal;
color: #004594;
text-decoration: none;}

a:hover {
font-family: Helvetica, Univers, Arial, sans-serif;
font-size: 8pt;
letter-spacing: .1em;
font-weight: normal;
font-style: normal;
color: #000;
text-decoration: none;}	


.a2 a:link {
font-family: Helvetica, Univers, Arial, sans-serif;
font-size: 8pt;
letter-spacing: 0em;
font-weight: normal;
color: #004594;
text-decoration: underline;}

.a2 a:visited {
font-family: Helvetica, Univers, Arial, sans-serif;
font-size: 8pt;
letter-spacing: 0em;
font-weight: normal;
color: #004594;
text-decoration: underline;}

.a2 a:hover {
font-family: Helvetica, Univers, Arial, sans-serif;
font-size: 8pt;
letter-spacing: 0em;
font-weight: normal;
font-style: normal;
color: #000;
text-decoration: underline;}	




img.x
{
position: relative;
left:0px;
top:34px;
z-index:1
}

img.logo
{
position: relative;
left:50px;
top:20px;
z-index:1
}

img.title_text
{
position: relative;
left:70px;
top:25px;
z-index:1
}












.link2 a:link{
font-family: Helvetica, Univers, Arial, sans-serif;
font-size: 9pt;
font-weight: normal;
color: #AFAFB0;
text-decoration: none;}

.link2 a:visited {
font-family: Helvetica, Univers, Arial, sans-serif;
font-size: 9pt;
font-weight: normal;
color: #AFAFB0;
text-decoration: none;}

.link2 a:hover {
font-family: Helvetica, Univers, Arial, sans-serif;
font-size: 9pt;
font-weight: normal;
font-style: normal;
color: #5F6062;
text-decoration: none;}	

.foot_text {
font-family: Helvetica, Univers, Arial, sans-serif;
font-size: 9pt;
font-weight: normal;
color: #AFAFB0;
text-decoration: none;}
















.ahem {
	display: none;
	}
strong, b {
	font-weight: bold;
	}
p {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}
	
	
	

/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1 {
	font-size: 24px;
	line-height: 44px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h2 {
	font-size: 18px;
	line-height: 40px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h3 {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h4 {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
img {
	border: 0;
	}
.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}
.tiny {
	font-size: 9px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px; 
	}
#content {
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto; 	/* opera does not like 'margin:20px auto' */
	background: #666;
	border: 5px solid #ccc;
	text-align:left; /* part 2 of 2 centering hack */
	width: 400px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 370px;
	}
html>body #content {
	width: 370px; /* ie5win fudge ends */
	}
pre {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}
	








	
	/* =Hoverbox Code
----------------------------------------------------------------------*/

*
{
	border: 0;
	margin: 0;
	padding: 0;
}



.hoverbox
{
	cursor: default;
	list-style: none;
	
	
}

.hoverbox a
{
	cursor: default;
	
	
}

.hoverbox a .preview
{
	display: none;
	
	
}

.hoverbox a:hover .preview
{
	display: block;
		border:1px solid red;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
	

	
}

.hoverbox img
{
	background: #fff;
		border:1px solid #004594;
	color: inherit;
	padding: 0px;
	vertical-align: top;
	width: 100px;
	height: 70px;
	
	
}

.hoverbox li
{
	background: #fff;
	border-color: #fff;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 0px;
	padding: 7px;
	position: relative;
	
	
}



#lightbox{
	background-color:#fff;
		border:1px solid red;
	padding: 10px 10px 3px 10px;
	border: 2px;
	border-color: yellow;
	
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png);  }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/overlay.png, sizingMethod="scale");
	}
	
	
	

/* ---------------------- BEGIN Showcase Styles ---------------------- */
.site{float:left;width:226px;padding:0 10px 12px 0px;}
.site a img{border:1px solid #AFAFB0 ;padding:1px;width:222px;}
.site a:hover img{border:1px solid #004594;}
.site a:hover{color:#5F6062;}

.site strong{padding:5px 0 5px 5px;display:block;margin-bottom:0px;background-color:#AFAFB0;}

/* ---------------------- END Showcase Styles ---------------------- */