/* 
  -----------------------------------
  Pop Menu Magic 2
  by Project Seven Development
  www.projectseven.com
  Menu Type: Horizontal
  Style Theme: 02 - Topaz
  -----------------------------------
*/

/*Menu Outer Wrapper*/

/*
TOP LEVEL MENU
*/
#nav ul {
	margin: 0;
	padding: 0;
	line-height: 1em;
	font-size: 12px;
	
}
#nav li {
	list-style-type: none;
	float: left;
	margin: 0 0 0 0;
	padding:0 0 0 0;
	position: relative;
	z-index: 10000;
}
/* Hide from IE5 Mac \*/
#nav li {
	width: auto;
}
/* End Hiding */

	/* Crazy Top Level Image Replacement */

	#nav li#nav1 a.main { width: 116px;  background: url(../images/nav_households.gif) left top no-repeat; }
	#nav li#nav2 a.main { width: 104px;  background: url(../images/nav_businesses.gif) left top no-repeat; }
	#nav li#nav3 a.main { width: 86px;  background: url(../images/nav_councils.gif) left top no-repeat; }
	#nav li#nav4 a.main { width: 95px;  background: url(../images/nav_licencees.gif) left top no-repeat; }
	#nav li#nav5 a.main { width: 157px;  background: url(../images/nav_env_info.gif) left top no-repeat; }
	#nav li#nav6 a.main { width: 98px;  background: url(../images/nav_about.gif) left top no-repeat; }
	#nav li#nav7 a.main { width: 110px;  background: url(../images/nav_we_do.gif) left top no-repeat; }

   #nav li#nav1 a:hover,
   #nav li#nav1 a:active,
   #nav li#nav1 a:focus,
   #nav li#nav2 a:hover,
   #nav li#nav2 a:active,
   #nav li#nav2 a:focus,
	#nav li#nav3 a:hover,
   #nav li#nav3 a:active,
   #nav li#nav3 a:focus,
	#nav li#nav4 a:hover,
   #nav li#nav4 a:active,
   #nav li#nav4 a:focus,
	#nav li#nav5 a:hover,
   #nav li#nav5 a:active,
   #nav li#nav5 a:focus,
	#nav li#nav6 a:hover,
   #nav li#nav6 a:active,
   #nav li#nav6 a:focus,
	#nav li#nav7 a:hover,
   #nav li#nav7 a:active,
   #nav li#nav7 a:focus {
	  	background-position: 0 -51px !important;
	}
      
	#nav li#nav1 a.main,
	#nav li#nav2 a.main,
	#nav li#nav3 a.main,
	#nav li#nav4 a.main,
	#nav li#nav5 a.main,
	#nav li#nav6 a.main,
	#nav li#nav7 a.main {
   	display: block;
      text-indent: -999em;
      height: 51px;
      text-decoration: none;
   }
      
      /* implement Double Buffer patch to fix flicker of background image on hover in IE6 */	
		#nav li#nav1 { width: 116px;  background: url(../images/nav_households.gif) left top no-repeat; }
		#nav li#nav2 { width: 104px;  background: url(../images/nav_businesses.gif) left top no-repeat; }
		#nav li#nav3 { width: 86px;  background: url(../images/nav_councils.gif) left top no-repeat; }
		#nav li#nav4 { width: 95px;  background: url(../images/nav_licencees.gif) left top no-repeat; }
		#nav li#nav5 { width: 157px;  background: url(../images/nav_env_info.gif) left top no-repeat; }
		#nav li#nav6 { width: 98px;  background: url(../images/nav_about.gif) left top no-repeat; }
		#nav li#nav7 { width: 110px;  background: url(../images/nav_we_do.gif) left top no-repeat; }

#nav li:hover {
	background-position: 0px -51px;
}
/*Sliding Doors state for child links of LI while LI is being hovered */
#nav li:hover a {
	background-position: 0px -51px !important;
	color: #FFF !important;
}
/*Top Level Links*/
#nav a {
	display: block;
	text-decoration: none;
	padding: 0;
	color: #000 !important;
	border-right: 0;
	background-position: 100% 0%;
	background-repeat: no-repeat;
	text-align: left;
	vertical-align: bottom;
}
/*
Syntax for special classes programatically assigned to first and last links and also LIs
See user guide for more information
*/
#nav ul a.pmmfirst {
	background: none;
}
#nav ul a.pmmlast {
	background: none;
}
#nav ul li.pmmfirst {
	background: none;
}
#nav ul li.pmmlast {
	background: none;
}
/*First Sub Level*/
#nav ul ul {
	width: 250px;
	background: url(../images/bg_pmm.gif) #0083bc top left repeat-x;
	vertical-align: bottom;
	border-top: 1px solid #18b0e0;
	border-left: 1px solid #18b0e0;
	border-bottom: 1px solid #016c9b;
	border-right: 1px solid #016c9b;
}
#nav ul ul li {
	float: none;
	background-image: none;
	margin: 0;
	padding: 0;
	position: static;
	height: 100%;
}
#nav ul ul a {
	padding: 4px 8px;
	margin: 0;
	color: #FFF !important;
	border-right: 0;
	background-image: none;
	text-align: left;
	overflow: hidden;
}
#nav ul ul a:hover {
	background-color: #004598 !important;
	color: #FFF !important;
	background: url(../images/bg_pmm_hover.gif) top left repeat-y;
	vertical-align: bottom;
}
/*Third Level (Flyouts in horizontal menu)*/
#nav ul ul ul {
	padding-top: 0px;
}
/*
SPECIAL IMAGE-BASED RULES
*/
#nav img {
	border: 0;
}
#nav .p7PMM_img {
	padding: 0;
	border: 0;
	background-image: none;
	background-color: transparent;
}
/*
TRIGGERS and CURRENT MARK RULES
The Closed state relates to trigger items when their child menus are not showing
The Open state relates to trigger items when their child menus are showing
Selectors appended with _left Automatically change arrow position and orientation
if sub levels are set to fly out to the left
*/
#nav ul a.trig_closed {
	background-position: 100% -51px;
}
#nav ul a.trig_closed_up {
	background-position: 100% -102px;
}
/*Sub Level*/
#nav ul li.trig_open {
	background-position: 0px -102px;
	color: #FFF !important;
}
#nav ul a.trig_open {
	background-position: 100% -102px;
	color: #FFF !important;
}
#nav ul ul a.trig_closed {
	background-image: url(img/pmm_east_light.gif);
	background-repeat: no-repeat;
	background-position: right center !important;
}
#nav ul ul a.trig_closed_left {
	background-image: url(img/pmm_west_light.gif);
	background-repeat: no-repeat;
	background-position: left center !important;
}
#nav ul ul a.trig_open {
	color: #FFF !important;
	background-color: #004598 !important;
	background: url(../images/bg_pmm_hover.gif) #004598 top left repeat-y;
	
}
/*The Current Marker (You are here) links*/
#nav .current_mark {
	font-weight: bold;
	color: #ccc !important;
	background-position: 100% -51px !important;
}
#nav .li_current_mark {
	background-position: 0px -51px;
}

/*
Utility Rule used for Clearing floats in Horizontal Menus
*/
.p7pmmclearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}