/* CSS Document */

 /* common styling */
.top {border-top:1px solid #666666;width:148px;}
.bottom {border-bottom:1px solid #666666;width:148px;}
#menu {position:absolute;padding:0;margin:0;left:0px;z-index:50;}
#menu ul {padding:0;margin:0;list-style-type:none;}

#menu ul li {width:auto;height:30px;float:left; position:relative;border-right:1px solid #666666;}

#menu ul li a {
float:left; display:block; text-decoration:none; padding:0; height:30px;width:158px;
}
#menu ul ul li a, #menu ul ul ul li a {width:148px;}
#menu ul li:hover {width:auto;}

#menu ul li ul {display: none;}
#menu table a {text-align:left;color:#000;}

/* specific to non IE browsers ---------------------------------------------------------------------*/
#menu ul li:hover ul {display:block; position:relative;top:-31px; margin:0px;padding:0; left:158px; width:148px;}

#menu ul li:hover ul li ul {display: none;}

#menu ul li:hover ul li a {
display:block; background:url('http://www.whitehallpd.com/images/css_menu_backg.jpg') no-repeat;color:#000000;
	padding:5px 0 0 4px;
	margin: 0;
	height: 25px;
	width:144px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:left;
}
#menu ul li:hover ul li a:hover {background:url('http://www.whitehallpd.com/images/css_menu_backg-over.jpg') no-repeat;}

#menu ul li:hover ul li:hover ul {
display:block; position:absolute;top:-1px;left:148px; width:148px; overflow:visible; background:url('http://www.whitehallpd.com/images/css_menu_backg.jpg') no-repeat;
}
#menu ul li:hover ul li:hover ul li a {background:url('http://www.whitehallpd.com/images/css_menu_backg.jpg') no-repeat;}

#menu ul li:hover ul li:hover ul li a:hover {background:url('http://www.whitehallpd.com/images/css_menu_backg-over.jpg') no-repeat;}



/* specific to IE5.5 and IE6 browsers --------------------------------------------------------*/
#menu ul li a:hover ul {
display:block;position:absolute;top:-1px;left:158px;height:auto; background:url('http://www.whitehallpd.com/images/css_menu_backg.jpg') no-repeat;}

#menu ul li a:hover ul li a {display:block; height:25px; padding:5px 0 0 4px; width:144px;background:url('http://www.whitehallpd.com/images/css_menu_backg.jpg') no-repeat;}

#menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; height:0; width:148px;background:url('http://www.whitehallpd.com/images/css_menu_backg.jpg') no-repeat;}

#menu ul li a:hover ul li a:hover {background:url('http://www.whitehallpd.com/images/css_menu_backg-over.jpg') no-repeat;}

#menu ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:-1px; left:148px; width:148px; overflow:visible; background:url('http://www.whitehallpd.com/images/css_menu_backg.jpg') no-repeat;
}

#menu ul li a:hover ul li a:hover ul li a:hover {background:url('http://www.whitehallpd.com/images/css_menu_backg-over.jpg') no-repeat;}

/*---------------------------------------------------Top List Items-----------------------------------------------*/

/*-----------------------------------Menu Item 1-----------------------------------*/
#menu li.list1 {border: 0;width: 158px;background: url('http://www.whitehallpd.com/images/home_butn2.jpg') no-repeat;}
#menu li.list1 a:hover {background:url('http://www.whitehallpd.com/images/home_butn-over2.jpg') no-repeat;z-index:50;}
/*-----------------------------------Menu Item 2-----------------------------------*/
#menu li.list2 {border: 0;width: 158px;background: url('http://www.whitehallpd.com/images/community_butn.jpg') no-repeat;}
#menu li.list2 a:hover {background:url('http://www.whitehallpd.com/images/community_butn-over.jpg') no-repeat; z-index:50;}
/*-----------------------------------Menu Item 3-----------------------------------*/
#menu li.list3 {border: 0;width: 158px;background: url('http://www.whitehallpd.com/images/sro_butn3.jpg') no-repeat;}
#menu li.list3 a:hover {background:url('http://www.whitehallpd.com/images/sro_butn-over3.jpg') no-repeat;z-index:50;}
/*-----------------------------------Menu Item 4-----------------------------------*/
#menu li.list4 {border: 0;width: 158px;background: url('http://www.whitehallpd.com/images/k9_butn.jpg') no-repeat;}
#menu li.list4 a:hover {background:url('http://www.whitehallpd.com/images/k9_butn-over.jpg') no-repeat;z-index:50;}
/*-----------------------------------Menu Item 5-----------------------------------*/
#menu li.list5 {border: 0;width: 158px;background: url('http://www.whitehallpd.com/images/dare_butn.jpg') no-repeat;}
#menu li.list5 a:hover {background:url('http://www.whitehallpd.com/images/dare_butn-over.jpg') no-repeat;z-index:50;}
/*-----------------------------------Menu Item 6-----------------------------------*/
#menu li.list6 {border: 0;width: 158px;background: url('http://www.whitehallpd.com/images/career_butn2.jpg') no-repeat;}
#menu li.list6 a:hover {background:url('http://www.whitehallpd.com/images/career_butn-over2.jpg') no-repeat;z-index:50;}
/*-----------------------------------Menu Item 7-----------------------------------*/
#menu li.list7 {border: 0;width: 158px;background: url('http://www.whitehallpd.com/images/wanted2.jpg') no-repeat;}
#menu li.list7 a:hover {background:url('http://www.whitehallpd.com/images/wanted-over2.jpg') no-repeat;z-index:50;}
/*-----------------------------------Menu Item 8-----------------------------------*/
#menu li.list8 {border: 0;width: 158px;background: url('http://www.whitehallpd.com/images/forms_butn.jpg') no-repeat;}
#menu li.list8 a:hover {background:url('http://www.whitehallpd.com/images/forms_butn-over.jpg') no-repeat;z-index:50;}
/*-----------------------------------Menu Item 9-----------------------------------*/
#menu li.list9 {border: 0;width: 158px;background: url('http://www.whitehallpd.com/images/links_butn.jpg') no-repeat;}
#menu li.list9 a:hover {background: url('http://www.whitehallpd.com/images/links_butn-over.jpg') no-repeat;z-index:50;}
/*-----------------------------------Menu Item 10-----------------------------------*/
#menu li.list10 {border: 0;width: 158px;background: url('http://www.whitehallpd.com/images/directions_butn.jpg') no-repeat;}
#menu li.list10 a:hover {background:url('http://www.whitehallpd.com/images/directions_butn-over.jpg') no-repeat;z-index:50;}
/*-----------------------------------Menu Item 11-----------------------------------*/
#menu li.list11 {border: 0;width: 158px;background: url('http://www.whitehallpd.com/images/contact_butn2.jpg') no-repeat;}
#menu li.list11 a:hover {background:url('http://www.whitehallpd.com/images/contact_butn-over2.jpg') no-repeat;z-index:50;}/*---------------------------------------------------------------------------------*/