/* CSS Document */

/* The top menu styling */
#multi-levela {height:30px; width:100%; top: 0px; left: 0px; z-index:300; padding:0px;}

/* Remove the padding, margins and bullets from the lists */
.amenu, .amenu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif; z-index:0;}

/* Set up the top level list items and float left to place inline */
.amenu li.tops {display:block; float:left; position:relative; z-index:330;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.amenu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0; z-index:-1;}

/* Default top link link styling */
.amenu li.tops a.tops_link {display:block; float:left; height:30px;}
.amenu li.tops a span {position:absolute; left:-9999px; top:0; z-index:-1; font-size:10px;} /* move the link text off screen */

/* pre-load the hover images into the lists */
.amenu li.p1 {width:100px; height:30px; background:url(/images/nav/gov_btn_on.gif) no-repeat;}
.amenu li.p2 {width:110px; height:30px; background:url(/images/nav/admin_btn_on.gif) no-repeat;}
.amenu li.p3 {width:104px; height:30px; background:url(/images/nav/pub_safety_btn_on.gif) no-repeat;}
.amenu li.p4 {width:135px; height:30px; background:url(/images/nav/utility_svc_btn_on.gif) no-repeat;}
.amenu li.p5 {width:177px; height:30px; background:url(/images/nav/build_plan_btn_on.gif) no-repeat;}
.amenu li.p6 {width:224px; height:30px; background:url(/images/nav/bus_econdev_btn_on.gif) no-repeat;}

/* set up the normal unhovered images in the links */
.amenu li a#gov {width:100px; height:30px; background:url(/images/nav/gov_btn.gif) no-repeat;}
.amenu li a#admin {width:110px; height:30px; background:url(/images/nav/admin_btn.gif) no-repeat;}
.amenu li a#pubsafety {width:104px; height:30px; background:url(/images/nav/pub_safety_btn.gif) no-repeat;}
.amenu li a#utility {width:135px; height:30px; background:url(/images/nav/utility_svc_btn.gif) no-repeat;}
.amenu li a#buildplan {width:177px; height:30px; background:url(/images/nav/build_plan_btn.gif) no-repeat;}
.amenu li a#busdev {width:224px; height:30px; background:url(/images/nav/bus_econdev_btn.gif) no-repeat;}

/* Style the list OR link hover. Depends on which browser is used */
.amenu a:hover {visibility:visible; z-index:350;} /* for IE6 */
.amenu li:hover {position:relative; z-index:350;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.amenu li a#gov:hover, .amenu li:hover a#gov,
.amenu li a#admin:hover, .amenu li:hover a#admin,
.amenu li a#pubsafety:hover, .amenu li:hover a#pubsafety,
.amenu li a#utility:hover, .amenu li:hover a#utility,
.amenu li a#buildplan:hover, .amenu li:hover a#buildplan,
.amenu li a#busdev:hover, .amenu li:hover a#busdev {background:transparent;}

/* keep the 'next' level invisible by placing it off screen. */
.amenu ul, 
.amenu :hover ul ul, 
.amenu :hover ul :hover ul ul,
.amenu :hover ul :hover ul :hover ul ul,
.amenu :hover ul :hover ul :hover ul :hover ul ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:0;
	height:0;
}

/* set up the drop down sub levels */

.amenu :hover ul.subs {
	left:0;
	top:30px;
	background:#E6E3D4;
	padding:5px 2px 6px 6px;
	border:1px solid #fff;
	white-space:nowrap;
	width:174px;
	height:auto;
}

.amenu :hover ul.subs li {
	display:block;
	height:22px;
	position:relative;
	float:left;
	width:169px;
	background:#F3F1E9;
	border:2px solid #E6E3D4;
	border-width:0px 0px 2px 0px;
}

.amenu :hover ul.subs li a {
	display:block;
	float:left;
	font-size:11px;
	height:22px;
	width:166px;
	line-height:22px;
	text-indent:4px;
	color:#5E101F;
	text-decoration:none;
	border:2px solid #656565;
	border-width:0 0 0 3px;
}

.amenu :hover ul.subs li a:hover {
	background:#5E101F;
	color:#fff;
}



/*********************************************************/

/* The bottom menu styling */
#multi-levelb {height:30px; width:100%; top: 0px; left: 0px; z-index:100; padding:0px;}

/* Remove the padding, margins and bullets from the lists */
.bmenu, .bmenu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif; z-index:0;}

/* Set up the top level list items and float left to place inline */
.bmenu li.tops {display:block; float:left; position:relative; z-index:130;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.bmenu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0; z-index:-1;}

/* Default top link link styling */
.bmenu li.tops a.tops_blink {display:block; float:left; height:30px;}
.bmenu li.tops a span {position:absolute; left:-9999px; top:0; z-index:-1; font-size:10px;} /* move the link text off screen */

/* pre-load the hover images into the lists */
.bmenu li.b1 {width:140px; height:30px; background:url(/images/nav/parks_rec_btn_on.gif) no-repeat;}
.bmenu li.b2 {width:171px; height:30px; background:url(/images/nav/info_events_btn_on.gif) no-repeat;}
.bmenu li.b3 {width:157px; height:30px; background:url(/images/nav/office_contacts_btn_on.gif) no-repeat;}
.bmenu li.b4 {width:382px; height:30px; background:url(/images/nav/address_bar_tan.gif) no-repeat;}

/* set up the normal unhovered images in the links */
.bmenu li a#parks {width:140px; height:30px; background:url(/images/nav/parks_rec_btn.gif) no-repeat;}
.bmenu li a#info {width:171px; height:30px; background:url(/images/nav/info_events_btn.gif) no-repeat;}
.bmenu li a#contacts {width:157px; height:30px; background:url(/images/nav/office_contacts_btn.gif) no-repeat;}
.bmenu li img#address {width:382px; height:30px; background:url(/images/nav/address_bar_tan.gif) no-repeat;}

/* Style the list OR link hover. Depends on which browser is used */
.bmenu a:hover {visibility:visible; z-index:150;} /* for IE6 */
.bmenu li:hover {position:relative; z-index:150;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.bmenu li a#parks:hover, .bmenu li:hover a#parks,
.bmenu li a#info:hover, .bmenu li:hover a#info,
.bmenu li a#contacts:hover, .bmenu li:hover a#contacts {background:transparent;}

/* keep the 'next' level invisible by placing it off screen. */
.bmenu ul, 
.bmenu :hover ul ul, 
.bmenu :hover ul :hover ul ul,
.bmenu :hover ul :hover ul :hover ul ul,
.bmenu :hover ul :hover ul :hover ul :hover ul ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:0;
	height:0;
}

/* set up the drop down sub levels */

.bmenu :hover ul.bsub {
	left:0px;
	background:#E6E3D4;
	padding:6px 2px 5px 6px;
	border:1px solid #fff;
	white-space:nowrap;
	width:170px;
	height:auto;
}

.bmenu :hover ul.bsub li {
	display:block;
	height:22px;
	position:relative;
	float:left;
	width:165px;
	background:#F3F1E9;
	border:2px solid #E6E3D4;
	border-width:0px 0px 2px 0px;
}

.bmenu :hover ul.bsub li a {
	display:block;
	float:left;
	font-size:11px;
	height:22px;
	width:162px;
	line-height:22px;
	text-indent:4px;
	color:#5E101F;
	text-decoration:none;
	border:2px solid #656565;
	border-width:0 0 0 3px;
}

.bmenu :hover ul.bsub li a:hover {
	background:#5E101F;
	color:#fff;
}