/* CSS Document */

body div#listmenu ul li ul
{
	display:none; /*--- Hides all drop down menus ---*/
}



div#listmenu /*--- Menu List Container ---*/
{
	float:left; /*--- Makes the div enclose the list ---*/
	padding:0px;
	width:1200px;
	margin-top:0px;
	height:29px;
	font-family: "Lucida Grande", "Trebuchet MS", "Tahoma", "Helvetica", "Arial", sans-serif;
	font-size:12px;
	font-weight:bold;
	background-color:#FFFFFF;
}

div#listmenu ul
{
	margin:0px;
	padding:0px 0px 0px 0px;
	list-style-type: none;
}

div#listmenu li
{
	float:left; /*--- Causes the list to align horizontally instead of stack ---*/
	position:relative; /*--- Positioning context for the absolutely positioned drop-down ---*/
	list-style-type: none; /*--- Removes the bullet off list items ---*/	
	display:block;
	margin:0px;
	padding:8px 4px 0px 4px;
}

div#listmenu ul li a  {
	text-decoration:none;
	display:block;
	
	color:#004677;
	letter-spacing:0px;
	padding:0px 4px 0px 4px;
}
div#listmenu ul li a:hover {
	display:block;
	color:#6BA2CB;
	letter-spacing:0px;
	padding:0px 4px 0px 4px;

}
/* DROPDOWNS */
div#listmenu ul li:hover ul  {
	display:block; /*--- Displays appropriate drop down menu ---*/
	padding:0px;
	margin:0px;
	border-top:1px solid #ffffff;
}
div#listmenu ul li ul li
{
	color:#004677;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
	font-family: "Lucida Grande", "Trebuchet MS", "Tahoma", "Helvetica", "Arial", sans-serif;
	padding:2px 5px;
}

div#listmenu ul li ul li a.dropDown {
	color:#004677;
	text-decoration:none;
	display:block;
	font-size:10px;
	padding:2px 5px;
	text-align:left;
	font-weight:bold;
	font-family: "Lucida Grande", "Trebuchet MS", "Tahoma", "Helvetica", "Arial", sans-serif;
	border:none;
}
div#listmenu ul li ul li a.dropDown:hover {
	color:#004677;
	text-decoration:none;
	display:block;
	font-size:10px;
	padding:2px 5px;
	text-align:left;
	font-weight:bold;
	font-family: "Lucida Grande", "Trebuchet MS", "Tahoma", "Helvetica", "Arial", sans-serif;
	border:none;
}

div#listmenu ul li ul.about {
	width:150px; /*--- Sets the width of the menu; in combo with the li's 100% width, makes the menu stack ---*/
	margin-left:10px;
	margin-top:0px;
}
 

div#listmenu ul li ul.plan {
	width:150px; /*--- Sets the width of the menu; in combo with the li's 100% width, makes the menu stack ---*/
	margin-left:10px;
	margin-top:0px;
}

div#listmenu ul li ul.destinations {
	width:150px; /*--- Sets the width of the menu; in combo with the li's 100% width, makes the menu stack ---*/
	margin-left:10px;
	margin-top:0px;
}

div#listmenu ul li ul.yachts {
	width:150px; /*--- Sets the width of the menu; in combo with the li's 100% width, makes the menu stack ---*/
	margin-left:10px;
	margin-top:0px;
}

div#listmenu ul li ul.life {
	width:150px; /*--- Sets the width of the menu; in combo with the li's 100% width, makes the menu stack ---*/
	margin-left:10px;
	margin-top:0px;
}

div#listmenu ul li ul.charters {
	width:150px; /*--- Sets the width of the menu; in combo with the li's 100% width, makes the menu stack ---*/
	margin-left:10px;
	margin-top:0px;
}

div#listmenu ul li ul.professionals {
	width:150px; /*--- Sets the width of the menu; in combo with the li's 100% width, makes the menu stack ---*/
	margin-left:10px;
	margin-top:0px;
}

div#listmenu ul li ul.booked {
	width:150px; /*--- Sets the width of the menu; in combo with the li's 100% width, makes the menu stack ---*/
	margin-left:10px;
	margin-top:0px;
}

div#listmenu ul li ul.contact {
	width:150px; /*--- Sets the width of the menu; in combo with the li's 100% width, makes the menu stack ---*/
	margin-left:10px;
	margin-top:0px;
}

div#listmenu ul li ul
{
	margin:0px; /*--- Prevents the temp margin on the ul from inheriting here ---*/
	position:absolute; /*--- Positions the drop-down ul in relation to its relatively positioned li parent ---*/
	left:0px; /*--- Aligns the drop-down exactly under the menu ---*/
	padding:50px;
	margin-top:2px;
	z-index:99;

}
div#listmenu ul li ul li
{
	width:100%; /*--- Makes the list items fill the list containers (ul) ---*/
	padding:0px;
	margin:0px;
	background:none;
	background-image:none;
	background-color:#c6d0e4;
}
div#listmenu ul li ul li a:hover
{
	background-color:white;
}
div#listmenu ul li ul li:hover {
	background-color:#c6d0e4;
	padding:0px;
	margin:0px;
}

/* Left Nav */

#leftnav, #leftnav ul { /* all lists */
		padding: 0;
		margin-left: 0px;
		list-style: none;
		float : left;
		width : 145px;
		z-index:0;
	}
	
	#leftnav li { /* all list items */
		position:static;
		float : left;
		width: 179px;
		margin-left: 0px;
		margin-top:5px;
		padding:0px;
		text-align:left;
		z-index:0;

	}
	
	#leftnav li a {
		width: 179px;
		color: #004677;
		background-image:url(../images/rollover_logo_off.png);
		background-position:left;
		background-repeat:no-repeat;
		text-decoration:none;
		font-family: "Lucida Grande", "Trebuchet MS", "Tahoma", "Helvetica", "Arial", sans-serif;
		font-size:12px;
		font-weight: bold;
		margin-left:15px;
		padding: 0px 0px 0px 25px;
		z-index:0;

	}
	
	#leftnav li a:hover {
		color: #6BA2CB;
		background-color: #ffffff;
		background-image:url(../images/rollover_logo.png);
		background-position:left;
		background-repeat:no-repeat;
		text-decoration:none;
		margin-left:15px;
		padding: 0px 0px 0px 25px;
	}