/* CSS NAVIGATION STYLES */


/* ---------------------------------------------------- BASIC STYLING OF THE MENU */

#nav, 
#nav_hom, 
#nav_tow, 
#nav_res, 
#nav_dis, 
#nav_bus {
	padding: 0;
	margin: 0;
	position: absolute;	
	right: 0;
	top: 59px;
	width: 689px;
	height: 37px;
	z-index: 2200;
	background: url(../img/structure/mainnav.jpg) 0 -370px no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#nav li.top, 
#nav_hom li.top, 
#nav_tow li.top, 
#nav_res li.top, 
#nav_dis li.top, 
#nav_bus li.top {
	display: block;
	float: left;
}


/* ---------------------------------------------------- STYLE NAVIGATION BOX AREAS */

#nav li a, 
#nav_hom li a, 
#nav_tow li a, 
#nav_res li a, 
#nav_dis li a, 
#nav_bus li a {
	display: block;
	float: left;
	height: 37px;
	letter-spacing: 0;
	padding: 0;
	cursor: pointer;
	text-decoration: none;
}


/* ---------------------------------------------------- MOVE MENU TEXT OFF PAGE */

#nav li a b, 
#nav_hom li a b, 
#nav_tow li a b, 
#nav_res li a b, 
#nav_dis li a b, 
#nav_bus li a b {
	margin-left: -9999px; 
	font-weight: normal;
}


/* ---------------------------------------------------- SIZE THE BUTTONS IN THE NAV MENU */

#nav li a.hom, 
#nav_hom li a.hom, 
#nav_tow li a.hom, 
#nav_res li a.hom, 
#nav_dis li a.hom, 
#nav_bus li a.hom {
	left: 0;
	width: 75px;
}
#nav li a.tow, 
#nav_hom li a.tow, 
#nav_tow li a.tow, 
#nav_res li a.tow, 
#nav_dis li a.tow, 
#nav_bus li a.tow {
	left: 0;
	width: 129px;
}
#nav li a.res, 
#nav_hom li a.res, 
#nav_tow li a.res, 
#nav_res li a.res, 
#nav_dis li a.res, 
#nav_bus li a.res {
	left: 0px;
	width: 150px;
}
#nav li a.dis, 
#nav_hom li a.dis, 
#nav_tow li a.dis, 
#nav_res li a.dis, 
#nav_dis li a.dis, 
#nav_bus li a.dis {
	left: 0px;
	width: 191px;
}
#nav li a.bus, 
#nav_hom li a.bus, 
#nav_tow li a.bus, 
#nav_res li a.bus, 
#nav_dis li a.bus, 
#nav_bus li a.bus {
	left: 0px;
	width: 144px;
}

/* ---------------------------------------------------- PLACE IMAGES INTO THE NAV MENU */

#nav li a.hom, 
#nav li a.tow, 
#nav li a.res, 
#nav li a.dis, 
#nav li a.bus,
#nav_hom li a.hom, 
#nav_hom li a.tow, 
#nav_hom li a.res, 
#nav_hom li a.dis, 
#nav_hom li a.bus,
#nav_tow li a.hom, 
#nav_tow li a.tow, 
#nav_tow li a.res, 
#nav_tow li a.dis, 
#nav_tow li a.bus,
#nav_res li a.hom, 
#nav_res li a.tow, 
#nav_res li a.res, 
#nav_res li a.dis, 
#nav_res li a.bus,
#nav_dis li a.hom, 
#nav_dis li a.tow, 
#nav_dis li a.res, 
#nav_dis li a.dis, 
#nav_dis li a.bus,
#nav_bus li a.hom, 
#nav_bus li a.tow, 
#nav_bus li a.res, 
#nav_bus li a.dis, 
#nav_bus li a.bus {
	background-image: url(../img/structure/mainnav.jpg);
	background-repeat: no-repeat;
}

/* ---------------------------------------------------- POSITION IMAGES IN THE NAV MENU */

/* -- NONE SELECTED -- */

#nav li a.hom { background-position: 0 -370px; }
#nav li a.tow { background-position: -75px -370px; }
#nav li a.res { background-position: -204px -370px; }
#nav li a.dis { background-position: -354px -370px; }
#nav li a.bus { background-position: -545px -370px; }

#nav li:hover a.hom, #nav a.hom:hover { background-position: 0 -407px; }
#nav li:hover a.tow, #nav li a.tow:hover { background-position: -75px -407px; }
#nav li:hover a.res, #nav li a.res:hover { background-position: -204px -407px; }
#nav li:hover a.dis, #nav li a.dis:hover { background-position: -354px -407px; }
#nav li:hover a.bus, #nav li a.bus:hover { background-position: -545px -407px; }


/* -- HOME -- */

#nav_hom li a.hom { background-position: 0 0; }
#nav_hom li a.tow { background-position: -75px 0; }
#nav_hom li a.res { background-position: -204px 0; }
#nav_hom li a.dis { background-position: -354px 0; }
#nav_hom li a.bus { background-position: -545px 0; }

#nav_hom li:hover a.hom, #nav_hom a.hom:hover { background-position: 0 -185px; }
#nav_hom li:hover a.tow, #nav_hom li a.tow:hover { background-position: -75px -185px; }
#nav_hom li:hover a.res, #nav_hom li a.res:hover { background-position: -204px -185px; }
#nav_hom li:hover a.dis, #nav_hom li a.dis:hover { background-position: -354px -185px; }
#nav_hom li:hover a.bus, #nav_hom li a.bus:hover { background-position: -545px -185px; }


/* -- TOWNSHIP -- */

#nav_tow li a.hom { background-position: 0 -37px; }
#nav_tow li a.tow { background-position: -75px -37px; }
#nav_tow li a.res { background-position: -204px -37px; }
#nav_tow li a.dis { background-position: -354px -37px; }
#nav_tow li a.bus { background-position: -545px -37px; }

#nav_tow li:hover a.hom, #nav_tow a.hom:hover { background-position: 0 -222px; }
#nav_tow li:hover a.tow, #nav_tow li a.tow:hover { background-position: -75px -222px; }
#nav_tow li:hover a.res, #nav_tow li a.res:hover { background-position: -204px -222px; }
#nav_tow li:hover a.dis, #nav_tow li a.dis:hover { background-position: -354px -222px; }
#nav_tow li:hover a.bus, #nav_tow li a.bus:hover { background-position: -545px -222px; }


/* -- RESIDENT -- */

#nav_res li a.hom { background-position: 0 -74px; }
#nav_res li a.tow { background-position: -75px -74px; }
#nav_res li a.res { background-position: -204px -74px; }
#nav_res li a.dis { background-position: -354px -74px; }
#nav_res li a.bus { background-position: -545px -74px; }

#nav_res li:hover a.hom, #nav_res a.hom:hover { background-position: 0 -259px; }
#nav_res li:hover a.tow, #nav_res li a.tow:hover { background-position: -75px -259px; }
#nav_res li:hover a.res, #nav_res li a.res:hover { background-position: -204px -259px; }
#nav_res li:hover a.dis, #nav_res li a.dis:hover { background-position: -354px -259px; }
#nav_res li:hover a.bus, #nav_res li a.bus:hover { background-position: -545px -259px; }


/* -- DISCOVER -- */

#nav_dis li a.hom { background-position: 0 -111px; }
#nav_dis li a.tow { background-position: -75px -111px; }
#nav_dis li a.res { background-position: -204px -111px; }
#nav_dis li a.dis { background-position: -354px -111px; }
#nav_dis li a.bus { background-position: -545px -111px; }

#nav_dis li:hover a.hom, #nav_dis a.hom:hover { background-position: 0 -296px; }
#nav_dis li:hover a.tow, #nav_dis li a.tow:hover { background-position: -75px -296px; }
#nav_dis li:hover a.res, #nav_dis li a.res:hover { background-position: -204px -296px; }
#nav_dis li:hover a.dis, #nav_dis li a.dis:hover { background-position: -354px -296px; }
#nav_dis li:hover a.bus, #nav_dis li a.bus:hover { background-position: -545px -296px; }


/* -- BUSNESS -- */

#nav_bus li a.hom { background-position: 0 -148px; }
#nav_bus li a.tow { background-position: -75px -148px; }
#nav_bus li a.res { background-position: -204px -148px; }
#nav_bus li a.dis { background-position: -354px -148px; }
#nav_bus li a.bus { background-position: -545px -148px; }

#nav_bus li:hover a.hom, #nav_bus a.hom:hover { background-position: 0 -333px; }
#nav_bus li:hover a.tow, #nav_bus li a.tow:hover { background-position: -75px -333px; }
#nav_bus li:hover a.res, #nav_bus li a.res:hover { background-position: -204px -333px; }
#nav_bus li:hover a.dis, #nav_bus li a.dis:hover { background-position: -354px -333px; }
#nav_bus li:hover a.bus, #nav_bus li a.bus:hover { background-position: -545px -333px; }




/* ---------------------------------------------------- POSITION OF SECOND LEVEL */

/* including positioning off the page and removing the list style */

#nav .sub, 
#nav_hom .sub, 
#nav_tow .sub, 
#nav_res .sub, 
#nav_dis .sub, 
#nav_bus .sub {
	position: absolute;
	left: -9999px;
	top: -9999px;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}


#nav li:hover, 
#nav_hom li:hover, 
#nav_tow li:hover, 
#nav_res li:hover, 
#nav_dis li:hover, 
#nav_bus li:hover {
	position: relative; 
	z-index: 200;
}
#nav a:hover, 
#nav_hom a:hover, 
#nav_tow a:hover, 
#nav_res a:hover, 
#nav_dis a:hover, 
#nav_bus a:hover {
	position: relative; 
	white-space: normal; 
	z-index: 200;
}


/* ---------------------------------------------------- SECOND LEVEL ROLLOVER */

#nav :hover ul.sub, 
#nav_hom :hover ul.sub, 
#nav_tow :hover ul.sub, 
#nav_res :hover ul.sub, 
#nav_dis :hover ul.sub, 
#nav_bus :hover ul.sub {
	left: 0px;
	top: 37px;
	background: #D6E5F6;
	width: 200px;
	height:auto;
	/*height: 30px;*/
	z-index: 300;
}

#nav :hover ul.sub li, 
#nav_hom :hover ul.sub li, 
#nav_tow :hover ul.sub li, 
#nav_res :hover ul.sub li, 
#nav_dis :hover ul.sub li, 
#nav_bus :hover ul.sub li {
	display: block;
	position: relative;
	float: left;
	width: 200px;
	/*min-height: 30px;*/
	background: #e7eff6;
	font-weight: normal;
	font-size: 12px;
	border-bottom: 1px solid #eaeaea;
}
#nav :hover ul.sub li a, 
#nav_hom :hover ul.sub li a, 
#nav_tow :hover ul.sub li a, 
#nav_res :hover ul.sub li a, 
#nav_dis :hover ul.sub li a, 
#nav_bus :hover ul.sub li a {
	display: block;
	width: 190px;
	height:auto;
	/*height: 22px;*/
	text-decoration: none;
	padding: 0;
	cursor: pointer;
	padding: 5px 5px 5px 5px;
}


/* ---------------------------------------------------- POSITION OF TEXT ON SECOND LEVEL ROLLOVER */

#nav :hover ul.sub li a:hover, 
#nav_hom :hover ul.sub li a:hover, 
#nav_tow :hover ul.sub li a:hover, 
#nav_res :hover ul.sub li a:hover, 
#nav_dis :hover ul.sub li a:hover, 
#nav_bus :hover ul.sub li a:hover {
	background: #D5E5F5;
	color: #006699;
}