body {
background-color: #0d3559;
background-image:url(images/back_gra.jpg); background-position:top; background-repeat:repeat-x;
}

#wrapper {
	width: 802px;
	background-color:#01aef0;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;/*border-left: medium solid #01aef0;
border-right: medium solid #01aef0;*/

}

h1 {font: normal 15px Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif; color:#05334F; font-weight:bold; padding:0px; margin:0px; }
h2 {font: normal 12px Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif; color:#05334F; font-weight:bold; padding:0px; margin:0px; }

a:link, a:visited, a:active {font: normal 12px Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif; color: #008deb; text-decoration:none; font-weight:bold;} a:hover { color: #008deb;}

ul {padding:0 0 0 10px;}

p {font: normal 12px Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif; color:#000; }

/*Left Side*/
.lefty {
width: 220px;
margin: 0;
padding: 0;
float: left;
}

#logo {
margin:0;
padding: 0;
}

#nav {
margin:0 0 0 2px;
padding: 0;
}

/*Right side*/
.righty {
	width: 580px;
	float: left;
}

.top {
background: url('images/ocean_top2.jpg');
background-repeat: no-repeat;
margin: 0;
padding: 0; 
}

.top h2 span {position:absolute;bottom:10px;left:10px; width:565px;}

.top h2 span a {
font: bold 17px Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #05334F;
text-decoration: none; 
}

.top h2 span a:hover {
font: bold 17px Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #05334F;
text-decoration: underline; 
}

.topEssex h2 span a:link, .topEssex h2 span a:visited, .topEssex h2 span a:active {
font: bold 17px Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #05334F;
text-decoration: none; 
}

.topEssex h2 span a:hover {
font: bold 17px Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #05334F;
text-decoration: underline; 
}

.topSub h2 span a:link, .topSub h2 span a:visited, .topSub h2 span a:active {
font: bold 17px Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #05334F;
text-decoration: none; 
}

.topSub h2 span a:hover {
font: bold 17px Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #05334F;
text-decoration: underline; 
}

.topDino h2 span a:link, .topDino h2 span a:visited, .topDino h2 span a:active {
font: bold 17px Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #05334F;
text-decoration: none; 
}

.topDino h2 span a:hover {
font: bold 17px Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #05334F;
text-decoration: underline; 
}

.topEssex {
background: url('images/essex_top2.jpg');
background-repeat: no-repeat;
margin: 0;
padding: 0; 
}

.topSub {
background: url('images/sub_top2.jpg');
background-repeat: no-repeat;
margin: 0;
padding: 0; 
}

.topLodge {
background: url('images/subpage_header2.jpg');
background-repeat: no-repeat;
margin: 0;
padding: 0; 
}
.topDino {
background: url('images/dino_top2a.jpg');
background-repeat: no-repeat;
margin: 0;
padding: 0; 
}
.topDir {
background: url('images/subpage_header2.jpg');
background-repeat: no-repeat;
margin: 0;
padding: 0; 
}

.top h2 {
font: bold 20px Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #05334F;
}

.topLodge h2 {
font: bold 20px Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #05334F;
}

.topEssex h2, .topDino h2, .topDir h2 {
font: bold 20px Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #05334F;
}

.topSub h2 {
font: bold 20px Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #05334F;
}

#alignBottom {
height: 380px; 
margin: 0;
position: relative;
}

#alignBottom2 {
height: 244px; 
margin: 0;
position: relative;
}

.middle {
background-color: #fff79a;
border-left: medium solid #ffffff;
}

.middle table tr td ul li {
font: bold 13px Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #05334F;
list-style: none;
line-height: 175%;
margin: 0;
padding: 0;
}

.middle table tr td p {
font: normal 12px Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #05334F;
}

 #ul2 li { line-height: normal; font: bold 12px Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif; list-style-type:disc; list-style:disc; padding:2px 0px 5px 4px; margin:0px;
}
 #ul2 {margin-left:13px; padding-left:10px;}
 
 #ul3 li {font: normal 12px Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif; list-style-type:disc; list-style:disc;
}
 #ul3 {margin-left:13px; padding-left:10px;}
 
/*Nav Menu JS*/
.glossymenu{
	margin: 0;
	padding: 0;
	width: 218px; /*width of menu*/
}

.glossymenu a.menuitem{
	background: #3399CC;
	font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: white;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 10px 0;
	padding-left: 10px;
	text-decoration: none;
	background-color: #01aef0;
}


.glossymenu a.menuitem:visited, .glossymenu a.menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
color:#0033FF;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: #00aeef;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0 10px;
}

.glossymenu div.submenu ul li{

}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 25px;
}

.glossymenu div.submenu ul li a:hover{
color: white;
}

/*Footer*/
#footer {
	background: url("images/footer_back.jpg") #1a92c6 repeat-x;
	width: 796px;
	height: 100px;
	border-bottom: medium solid #01aef0;
	border-left: medium solid #01aef0;
	border-right: medium solid #01aef0;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
} 
#hmfooter {background: url("images/footer_back.jpg") #1a92c6 repeat-x;
	width: 796px;
	height: 140px;
	border-bottom: medium solid #01aef0;
	border-left: medium solid #01aef0;
	border-right: medium solid #01aef0;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;}

#footer p, #hmfooter p, #footer a:link, #hmfooter a:link, #footer a:visited, #hmfooter a:visited, #footer a:active, #hmfooter a:active {
font: normal 11px Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
text-decoration: none;
margin: 0;
padding: 0;
}

#footer ul li, #hmfooter ul li {
font: normal 10px Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
list-style:none;
display: inline;

}

#footer a:hover, #hmfooter a:hover {
font: normal 11px Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
text-decoration: underline;
}

.leftyFoot {
width: 220px;
margin: 0;
padding: 0;
float: left;
}
.hmleftyFoot {
width: 210px;
margin: 0;
padding: 0;
float: left;
}
.leftyFoot img, .hmleftyFoot img {
padding: 16px;
}

.rightyFoot {
width: 490px;
float: left;
padding: 0;
margin: 0;
}
.hmrightyFoot {width: 245px;
}
.clear {
clear: both;
height: 0;
margin: 0;
padding: 0; 
}

#form {padding: 0px 0px 0px 20px; color:#05334F; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

input, textarea {background-color:#FFF; border:1px solid #75cedc; font-family:Arial, Helvetica, sans-serif;}

.sm{font-size:10px;}

 .package {padding:5px 10px 5px 10px; background-color:#FCDE72;}
.pmarg1 {margin:5px 0px 5px 0px;}
.padL10 {padding-left:10px;}
#lineheightnormal {line-height:normal}

.topwave {float:right; width:582px;  }

.fb{float:right; width:70px; padding-right:15px; margin-top:10px; padding-top:8px; } .fb img{padding-top:5px;}

.packagelink{width:241px; padding: 14px 0 0 98px;}
#mydiv h1, #mydiv2 h1, #mydiv3 h1 { color:#05334F; font-size:18px; background-color:#FCDE72; padding:5px; margin:5px 0 5px 0;}
#mydiv, #mydiv2, #mydiv3 {width:700px;}

.dir h3, .dir h3 a {font-size:16px;  font-family:Arial, Helvetica, sans-serif; color:#000; }