/* 
	LEVEL ONE
*/
ul.dropdown                         {
	padding-left:3px;
	padding-top:10px;
}
ul.dropdown li                      {
	font-weight: bold;
	float: left;
	padding-right:15px;
}
	
ul.dropdown li.last					{ padding-right:0;}
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; padding: 24px 0 0; background-repeat:no-repeat; height:0; overflow:hidden;
	 								  color: #222; }
ul.dropdown li a:hover				{ background-position:0 -24px;}
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                {  color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }




/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li 					{ font-weight: normal; background: #fff; color: #000; font:normal 11px Arial, Helvetica, sans-serif;
										  
									  border-bottom: 1px solid #ccc;  border-left: 1px solid #ccc; border-right: 1px solid #ccc; float: left; width:100%; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }



ul.dropdown ul.sub_menu li{ padding:0; }

ul.dropdown ul.sub_menu li a{ background-image:none; overflow:visible; padding:4px 0px 4px 8px; height:auto;}
ul.dropdown ul.sub_menu li a:hover{ color:#000; background:none!important; background:#C3C1C1;}

ul.dropdown ul.sub_menu li:hover{ background:#C3C1C1; }


.the_marina a{ background-image:url(../images/the_marina.gif); width:112px;}

.full_service a{ background-image:url(../images/full_service.gif); width:123px;}

.events a{ background-image:url(../images/events.gif); width:62px;}

.fuel_store a{ background-image:url(../images/fuel_store.gif); width:153px;}

.location a{ background-image:url(../images/location.gif); width:91px;}

.boat_sales a{ background-image:url(../images/boat_sales.gif); width:104px;}

.site_map a{ background-image:url(../images/site_map.gif); width:82px;}

.slip_transient a{ background-image:url(../images/slip_transient.gif); width:155px;}

.contact a{ background-image:url(../images/contact.gif); width:80px;}