/*
light blue	99CCFF	
blue		0080ff	
dark blue	002b55	
light orange FFCC99
 orange		FF8000
*/


body {
	/*background: #002b55 url('img/back2.png') repeat-x ;	*/
	font: 				10px verdana;	
	margin-top: 		4;
	margin-left: 		20;		
}
/*------------------
		Layout
---------------------*/

div.page{
	width:				900;	
	text-align: 		left;
	margin-left: 		16px; 	
}

/*----- HEAD -----*/
div.head{
	position: 			relative;		
	height: 			132;
	width: 				900;
	background:	white url('img/header.gif') no-repeat;
	background-position: 0 0;
}
a img{
	text-decoration: 	none;		
	border-style: 		none; 
}

div.head a.head{
	text-decoration: 	none;
	padding-left: 900;	
	padding-top: 0;
	padding-bottom: 100;	
}
div.head img#logo{ 
	position: 			absolute;
	top: 				2px;
	left: 				2px;	
	height: 106px;
	display: none;
	
}
div.head img#title{ 
	position: 			absolute;	
	top: 				10px;
	left: 				120px;	
	display: none;
}
div.head img#subtitle{ 
	position: 			absolute;	
	top: 				72px;
	left: 				500px;
	width: 240;
	display: none;
	/*top: 				80px;
	left: 				550px;	*/
}
div.head a#address{
	position: 			absolute;
	top: 				0px;
	left: 				740px;	
	font-size: 			12px;	
	text-align: 		right;	
	color: 				#002b55;
	margin-top:			14;
	margin-right:		10;	
	text-decoration: 	none;	
}
div.head a#address:hover{		
	text-decoration: 	underline;
}
div.head ul.menu{
	position: 			absolute;
	top: 				90px;
	left: 				0px;		
}
div.head div.submenu{	
	position: 			absolute;
	top: 				110px;
	left: 				0px;	
	width: 				100%;
}


/*----- BODY -----*/
div.body{
	border-left: 		1px solid #99CCFF;		
	background: 		#002b55 url('img/blue_fade.png') repeat-x;
}

/*----- LEFT -----*/
div.body div.left{	
	float: 				left;
	width: 				140;	
	font-size: 			10px ;
	text-align: 		center;
	padding-left:		4px;
}

div.body div.left div.hours{	
	margin-top: 		8;	
	text-align: 		center;
}

div.hours a.link#hours{		
	font-size: 			11px;
	text-decoration: 	none;	
	color: 				#002b55;	
}
div.hours a.link#hours:hover{		
	text-decoration: 	underline;
}
div.left h2{
	font-size: 12px;
	font-weight: 		bold;
	margin: 0; 
	margin-bottom: 1px;
	color: 002b55;
}
div.links{
	padding-top: 		20;
	padding-bottom: 	40;
	text-align: center;
}
div.links a{
	font-size: 			11px;
	line-height:		150%;	
	color: 				#0080ff;	
}

/*----- RIGHT -----*/
div.body div.right{
	float: 				right;	
	width: 				752;	
	border-left: 		1px solid #99CCFF; 
	background: 		white;	
}

div.right h1{	
	font: 				bold 18px Lucida Calligraphy;
	margin-left: 		16;
	margin-bottom: 		12;
	margin-top: 		12;
	color: 				#002b55;
	letter-spacing: 	1px;
}
div.right h2{	
	font: 				bold 16px arial;
	margin-left: 		16;
	margin-bottom: 		2;
	margin-top: 		16;
	color: 				#002b55;
	/*letter-spacing: 	1px;*/
	
}
div.right h3{	
	clear:				both;
	font: 				bold 16px arial;
	margin-left: 		16;
	margin-bottom: 		2;
	margin-top: 		24;
	color: 				#002b55;
	width: 				640;
	border-bottom: 		1px solid #FFCC99;	
}
div.right h4{	
	font: 				bold 12px arial;
	margin-left: 		24;
	margin-bottom: 		2;
	margin-top: 		16;
	color: 				#002b55;
}

div.right h5{	
	font: 				bold 16px arial;
	text-align:			center;
	margin-left: 		24;
	margin-bottom: 		2;
	margin-top: 		24;
	color: 				#002b55;
	width: 				640;
	border-bottom: 		1px solid #FFCC99;	

}

div.right h4{	
	font: 				bold 16px arial;
	margin-left: 		24;
	margin-bottom: 		2;
	margin-top: 		16;
	color: 				#0066CC;
}

div.right span.qual{
	font-weight: bold;

}

div.right p{	
	font-size: 			12px;
	margin-top: 		0;
	margin-left: 		24;
	margin-bottom: 		16;
	width: 				600;		
	color: 				#002b55;	
	line-height: 		125%;	
}
div.right p.wide	{	width: 100%;}
div.right p.narrow{	width: 450;	}
div.right p.narrower{	width: 350;	}

div.right p.img{
	clear:				both; 
	position:			relative;
}

div.right p.subhead{
	font-size: 			10px;
	font-style:			italic; 
}

div.right a.up{
	color: #FF8000;	
	margin-left: 4px;
	text-decoration: 	none;
}

div.right li{
	color: 				#002b55;
	font-size: 			12px;
	margin-left:		16px;
}

div.right a{
	color: 				#0080ff;	
}

div.right table{
	margin-left: 32px;
	font-size: 			12px;
	border-collapse: collapse;
}

div.right th{
	text-align: left;
	padding-top: 16px;
}

div.right td{	
	border: 1px solid #99CCFF;
	border-left: 1px solid #99CCFF;
	padding: 4;
}



/*----- FOOT -----*/
div.foot{		
	font-size: 			10px;
	text-align: 		left;	
	clear: 				both;
	padding-top:		2;
	padding-left:		6;
	padding-bottom: 	6;
	padding-right:		0;	
	background: 		#002b55;		
	color: 				white;	
	line-height: 		130%;	
}

/*----- OTHER -----*/
div.crumb{
	font-size: 			12px;		
	margin: 			10;	
	color: 				#002b55;
}
div.crumb a{
	text-decoration: 	#none;	
	color: 				#0080ff;
}
div.crumb  a:hover  {color:FF8000;}

div.map{	
	width:				700;
	margin-left: 		40;
	margin-top: 		20;
	margin-bottom: 		20;
	border: 			1px solid silver;
}

img#travel	{ 
	float:				right;
	margin-right:		80px;
	margin-top:			12px;	
	border: 			1px solid silver;
}

img#be_a_diver{		
	position:			right; 
	top:				80px;
	right: 				40px;	
}

img#inside{
	border: 1px solid #002b55;
}
img#outside{
	border: 1px solid #002b55;
}


img.bio{
	float:left; 
	border:1px solid silver;
	margin-right: 16px;
}

img.center {
  display: block;
  margin-left: 200;
  margin-right: auto;
}


/*------------------
		MENU
---------------------*/
.menu{		
	font-size:			12px;	
	font-weight: 		bold;	
	list-style-type: 	none;
	margin: 			0;
	margin-top: 		-4;
	margin-left: 		110;	
	padding: 			3;	
}
.menu li{	display: 	inline;}
.menu li a{
	text-decoration: 	none;
	padding: 			3px 5px;
	margin-right: 		2px;		
	color: 				#002b55;
}
.menu li a:visited{color:	#002b55; }
.menu li a:active {color: #002b55; }
.menu li a:hover   {color:	#FF8000; }
.submenu{	
	font-size: 			11px;
	padding-top: 		4px;
	padding-bottom: 	4px;	
	border-top-width: 	0;
	width: 				auto;
	display: 			none;	
	background: 		#002b55;
	filter:				alpha(opacity=0);
	-moz-opacity:		0;
}
* html .submenu{ width: 	100%;} /* IE */
.submenu a{
	padding-left: 		8px;	
	text-decoration: 	none;	
	color: 				white;
}
.submenu a:hover{ color:red;}