#mainNav { width:960px; 
	height:42px; 
	background:url(../img/mainNavBk.jpg) top left repeat-x; 
	margin:0 auto;
	}
#mainNav ul { padding:0px; margin:0px;}
#mainNav li { list-style:none; float:left; padding:0px 38px; border-right:solid #036 1px; line-height:39px; margin-bottom:4px;}


#mainNav li#libraryNav { border-right:none; }
#mainNav a {text-decoration:none; color:#FFF; font:14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;  }
#mainNav li:hover a.firstLevel { color:#666666; }
#mainNav li a:hover { color:#FFF;}

#mainNav li ul { /* second-level lists */
	position: absolute; z-index:1000000;
	border-top:1px solid #fff;
	margin:0px 0 0 0; padding:0 0 10px 0;
	width: 400px;
	left: -999em;
	/* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#mainNav li li { /* second-level lists */
	margin:0; line-height:12px; float:none; list-style:none;
	padding:0 ;
	border:none;
	font-size:12px;
}
#mainNav li li a {font:13px "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding-left:10px; padding-top:10px;
}

#mainNav li:hover ul, #mainNav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	margin-left:-38px;
}
#mainNav li:hover ul.end, #mainNav li.sfhover ul.end { /* lists nested under hovered list items */
	left: auto;
	margin-left:100px;
}
#mainNav li:hover ul ul, #mainNav li.sfhover ul ul{ /* lists nested under hovered list items */
	margin-left:0px;
	width:170px;
	border:none;
}
li#businessNav ul { width:500px; }
li#govtNav ul { width:400px; }
/***************************************/
/************* THIRD LEVEL *************/

/* Reset Some Styles */
li#businessNav h3,li#govtNav h3,li#servicesNav h3,li#policeNav h3,li#libraryNav h3 { 	
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; 
	font-size:18px;
	font-weight:normal;
	padding:5px 0;
	margin:0;
}
li#businessNav ul ul,li#govtNav ul ul,li#servicesNav ul ul,li#policeNav ul ul,li#libraryNav ul ul {
	position:static;
}
li#businessNav ul ul li,li#govtNav ul ul li,li#servicesNav ul ul li,li#policeNav ul ul li,li#libraryNav ul ul li { 
}
li#businessNav ul ul li:hover,li#govtNav ul ul li:hover,li#servicesNav ul ul li:hover,li#policeNav ul ul li:hover,li#libraryNav ul ul li:hover { 
	 background:#369;
}

/* Re-style Navs */
div#businessSecondNav li,div#govtSecondNav li,div#servicesSecondNav li,div#policeSecondNav li,div#librarySecondNav li { /* second-level lists */
	position: relative;
}
div#businessSecondNav li ul,div#govtSecondNav li ul,div#servicesSecondNav li ul,div#policeSecondNav li ul,div#librarySecondNav li ul { /* second-level lists */
	float:left;
	width:170px;
	margin-left:0px;
	min-height:0px;
	border:#FFFFFF 1px solid;
}
div#businessSecondNav li:hover ul, div#businessSecondNav li.sfhover ul,
div#govtSecondNav li:hover ul, div#govtSecondNav li.sfhover ul,
div#servicesSecondNav li:hover ul, div#servicesSecondNav li.sfhover ul,
div#policeSecondNav li:hover ul, div#policeSecondNav li.sfhover ul,
div#librarySecondNav li:hover ul, div#librarySecondNav li.sfhover ul
{ /* lists nested under hovered list items */
	}
div#businessSecondNav li ul li, div#businessSecondNav li ul li.end,
div#govtSecondNav li ul li, div#govtSecondNav li ul li.end,
div#servicesSecondNav li ul li, div#servicesSecondNav li ul li.end,
div#policeSecondNav li ul li, div#policeSecondNav li ul li.end,
div#librarySecondNav li ul li, div#librarySecondNav li ul li.end
{ /* all list items */
	float: none;
	min-width:200px; 
	padding:5px 10px 5px 10px;	
	margin:0;
	border:none;
	display:block;
	color:#fff;
}
div#businessSecondNav li ul li a,
div#govtSecondNav li ul li a,
div#servicesSecondNav li ul li a, 
div#policeSecondNav li ul li a,
div#librarySecondNav li ul li a 
{
	font-size:12px; 
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; 
	font-weight:normal;
	text-decoration:none;
}



/*************************************************/
/*********** SPECIFIC MEGA NAV STYLES ************/
div#businessSecondNav ul,div#govtSecondNav ul,div#servicesSecondNav ul,div#policeSecondNav ul,div#librarySecondNav ul { 
	margin:0;
	padding:0;
	font-size:14px;
}
div#businessSecondNav ul li,div#govtSecondNav ul li,div#servicesSecondNav ul li,div#policeSecondNav ul li,div#librarySecondNav ul li { 
	margin:0;
	padding:5px 0;
}
div#businessSecondNav ul li:hover,div#govtSecondNav ul li:hover,div#servicesSecondNav ul li:hover,div#policeSecondNav ul li:hover,div#librarySecondNav ul li:hover { color:#999;
}


li#businessNav:hover, li#businessNav ul,
li#govtNav:hover, li#govtNav ul,
li#servicesNav:hover, li#servicesNav ul,
li#policeNav:hover, li#policeNav ul,
li#libraryNav:hover, li#libraryNav ul
 { background-color:#103872; }
 
li#libraryNav:hover ul, li#libraryNav ul {margin-left:-260px;}

#mainNav li:hover { background:url(../img/mainNavBkHover.jpg) top left repeat-x;}


li#businessNav:hover a,
li#govtNav:hover a,
li#servicesNav:hover a,
li#policeNav:hover a,
li#libraryNav:hover a
 { color:#fff; }
#businessSecondNav,#govtSecondNav,#servicesSecondNav,#policeSecondNav,#librarySecondNav{
	float:left; margin-top:5px;
	width:205px;
	padding:0 0 0 5px;
}
#businessSecondNav{
	float:left; margin-top:5px;
	width:300px;
	padding:0 0 0 5px;
}

#businessSecondNav li:hover,#govtSecondNav li:hover,#servicesSecondNav li:hover,#policeSecondNav li:hover,#librarySecondNav li:hover{
	width:205px;
	
}
#businessSecondNav li:hover { width:300px;}
#businessSecondNav li { width:300px;}
#govtSecondNav li:hover { width:200px;}
#govtSecondNav li { width:200px;}
#businessPanel,#govtPanel,#servicesPanel,#policePanel,#libraryPanel{
	float:right;
	width:160px;
	height:200px;
	overflow:hidden; margin:5px 5px 10px 0;
	padding:0px 10px 0px 10px;
	border-left:#FFF solid 1px;
}
#businessPanel img,#govtPanel img,#servicesPanel img,#policePanel img,#libraryPanel img{ border:#FFF solid 2px;}

/*************************************************/
/************** SUPERFISH STYLES *****************/

/*** ESSENTIAL STYLES ***/
#mainNavList li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}

#mainNavList li:hover ul,
#mainNavList li.sfHover ul {
	left:			auto;
	z-index:		99;
}

#mainNavList ul li:hover {
	background:none;
	border:none;
}

/*** arrows **/
#mainNavList ul a.sf-with-ul { 
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator { display:none;

	padding-left:2px;
}
#mainNavList ul .sf-sub-indicator { 
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.25em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	/*background:		url('/img/nav/arrows-ffffff.png') no-repeat -10px -100px;*/ /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a > #mainNavList ul .sf-sub-indicator {  /* give all except IE6 the correct values */
/*	top:			1.2em;
	background-position: 0 -100px;*/ /* use translucent arrow for modern browsers*/
}

/* apply hovers to modern browsers */
a:focus > #mainNavList ul .sf-sub-indicator,
a:hover > #mainNavList ul .sf-sub-indicator,
a:active > #mainNavList ul .sf-sub-indicator,
li:hover > a > #mainNavList ul .sf-sub-indicator,
li.sfHover > a > #mainNavList ul .sf-sub-indicator {
	/*background-position: -10px -100px;*/ /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
#mainNavList ul .sf-sub-indicator { 
/*	background-position:  -10px 0; 
*/}

#mainNavList ul a > #mainNavList ul .sf-sub-indicator { 
/*	background-position:  0 0; 
*/}

/* apply hovers to modern browsers */
#mainNavList ul a:focus > #mainNavList ul .sf-sub-indicator,
#mainNavList ul a:hover > #mainNavList ul .sf-sub-indicator,
#mainNavList ul a:active > #mainNavList ul .sf-sub-indicator,
#mainNavList ul li:hover > a > #mainNavList ul .sf-sub-indicator,
#mainNavList ul li.sfHover > a > #mainNavList ul .sf-sub-indicator {
/*	background-position: -10px 0;*/ /* arrow hovers for modern browsers*/
}