/* Drop Down Menu */

.chromestyle {
	width: 99%;
	font-weight: bold;
	}

.chromestyle:after { /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

.chromestyle ul {
	width: 792px;
	height:48px;
	background:url(../i/bg_nav.png) no-repeat center top;
	padding: 0;
	margin: 0 auto;
	}

.chromestyle ul li {
	float:left;
	width:auto;
	display: block;
	_display:inline;
	}

.chromestyle ul li a {
	float:left;
	width:auto;
	height:23px;
	padding:0;
	margin: 0;
	text-indent:-999em;
	background:inherit no-repeat left top;
	display:block;
	}
	li#home a { width:62px; background:url(../i/btn_home.png); margin-left:21px;_margin-left:10px; }
	li#calendar a { width:93px; background:url(../i/btn_calendar.png); }
	li#info a { width:117px; background:url(../i/btn_info.png); }
	li#community a { width:103px; background:url(../i/btn_community.png); }
	li#about a { width:90px; background:url(../i/btn_about.png); }
	li#reservations a { width:140px; background:url(../i/btn_reservations.png); }
	li#scouts a { width:145px; background:url(../i/btn_scouts.png); }

.chromestyle ul li a:hover{
	background-position:right top;
	}
	
	li#home a.current { background:url(../i/btn_home_active.png); }
	li#calendar a.current { background:url(../i/btn_calendar_active.png); }
	li#info a.current { background:url(../i/btn_info_active.png); }
	li#community a.current { background:url(../i/btn_community_active.png); }
	li#about a.current { background:url(../i/btn_about_active.png); }
	li#reservations a.current { background:url(../i/btn_reservations_active.png); }
	li#scouts a.current { background:url(../i/btn_scouts_active.png); }



/* Drop Down Menu Styles */

.dropmenudiv {
	position:absolute;
	top: 0;
	left: 0;
	border: 1px solid #231f20;
	border-top-width:5px;
	border-bottom-width: 0;
	font:normal 92.5% "Lucida Sans", Arial, sans-serif;
	line-height:18px;
	z-index:1000;
	background:url(../i/transparent.png);
	width: 180px;
	_width: 170px;
	visibility: hidden;
	}
	
.dropmenudiv.last {
	width:159px;
	_width:149px;
	}

.dropmenudiv a {
	width: auto;
	border-bottom: 1px solid #231f20;
	padding: 4px 5px 2px;
	text-decoration: none;
	font-weight: bold;
	color: #ecae62;
	display: block;
	}

* html .dropmenudiv a { /*IE only hack*/
	width: 100%;
	}

.dropmenudiv a:hover {
	background-color: #ab7e47;
	color:#fff;
	text-decoration:none;
	}
	
img.inline {
	margin-right:5px;
	vertical-align:text-bottom;
	}
	
.dropmenudiv img a,
.dropmenudiv a img {
	border:none;
	background:none;
	}
	
.dropmenudiv sup {
	font-weight:normal;
	font-style:italic;
	color:#333;
	font-size:10px;
	}