@charset "utf-8";
/* CSS Document */

/* Basic code - don't modify */
#nav { display: block; margin: 0; padding: 0; position: relative; z-index:1;}
#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative;z-index:1; }
#nav a { display: block; padding:0; }
#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0;z-index:1; }
* html #nav ul { line-height: 100%; z-index:1; } /* IE6 "fix" */
#nav ul a { zoom: 1; } /* IE6/7 fix */
#nav ul li { float: none;z-index:1; }
#nav ul ul { top: 0;z-index:1; }
#nav ul ul li { top: 0;z-index:1; }
    
/* Essentials - configure this */
#nav ul { width: 150px;z-index:1; }
#nav ul ul { left: 150px;z-index:1; }


/* Everything else is theming */
#nav { 
  margin:20px 0 0 0;
  padding:0;
  float: right;
}

#nav li { 
  display:block;
  height:auto;
}

#nav *:hover { 
  /*background: none;*/
}

#nav li a { /* PRIMARY NAV */
	display: block;
	padding: 4px 15px 6px 15px;	/* padding-top	padding-right	padding-bottom	padding-left */
	text-decoration: none;
	font-weight: bold;
	font-size: 12px; 
	background: url(../images/nav_primary_divider.jpg) no-repeat left;
	color: #FFFFFF;
}

#nav li ul li a { /* PRIMARY NAV AND INACTIVE SCROLL */
  /*padding: 5px 5px;
  margin: 0px 0px 0px 0px;*/
  background: none;
  font-weight: bold;
  line-height: 17px;  
  color: #000000;  
}

#nav li.hover a { /* PRIMARY NAV */
	background:url(../images/nav_primary_back_on.jpg) #000000 repeat-x;
	color: #FFFFFF;
}

#nav li ul { /* CONTAINER SECONDARY NAV */
  padding:5px 5px 5px 5px;
  background: url(../images/top_bg.jpg) repeat-x top #d5d5d5;
  color:#000000;  
/*  border-right:1px solid #CCCCCC;
  border-bottom:1px solid #CCCCCC;
  border-left:1px solid #CCCCCC;
  border-top:1px solid #CCCCCC;*/
  text-align: left;
  line-height: 16px;
  z-index:1;
}

#nav li.hover ul li a{
  display:block;
  background:none;
  color:#000000;
}

#nav ul { 
  top: 37px;
}

#nav ul li.hover a:hover { /* HOVER SEC & TER NAV */
  background:#006eb5;
  color: #FFFFFF;
}

#nav li ul li ul { /* CONTAINER TERTIARY NAV */
  padding: 5px 5px 5px 5px;
  background: #b9b8b8;
/*  border-right:1px solid #CCCCCC;
  border-bottom:1px solid #CCCCCC;
  border-left:1px solid #CCCCCC;
  border-top:1px solid #CCCCCC;*/
  z-index:1;
}
