/* CSS Document */
#pnavdiv {
  position: relative;
  float: left;
  display: inline;
  text-align: center;
  margin-bottom: 1em; /* pushes content below sub nav */
} 

#pnavdiv ul {
	float: left;
	display: inline;
	padding: 0;
	margin: 0;
	list-style: none;
}

#pnavdiv ul li {
	float: left;
	display: inline;
	width:130px;
}

#pnavdiv ul li ul {
	position: absolute;
	left: -999em;
}


#pnavdiv ul li a {
	display: block;
	height: 30px;
	color: black;
	line-height:10px;
	text-decoration: none;
	font-weight:normal;
}

/* hover and selected color main bar */
#pnavdiv ul li.selected a, #pnavdiv ul li a:hover {
  color: #000; 
}



#pnavdiv ul li.selected ul, #pnavdiv ul li:hover ul, #pnavdiv ul li.menuhover ul {
	left: 0px;
	width: 880px; /* controls width of sub nav */
	background: white;
	margin-top:-.25em;
}

/* sub nav selected fix */
#pnavdiv ul li.selected ul {
  position: absolute;
  z-index: 0;
}
 
#pnavdiv ul li:hover ul, #pnavdiv ul li.menuhover ul {
  position: absolute;
  z-index: 1;
}
/* sub nav selected fix */

#pnavdiv ul li ul li {
  display: inline;
  height: 12px;
  line-height: 12px;
  margin-top: 10px;
  margin-bottom: 10px;
  background: white;
}



#pnavdiv ul li.selected ul li a, #pnavdiv ul li ul li a {
  display: block;
  border: none;
  background: white;
  font-size: .7em;
  color:#333333;
  height: 8px;
  line-height: 8px;
  font-weight:bold;
}

#pnavdiv ul li.selected ul li.selected a, #pnavdiv ul li.selected ul li a:hover, #pnavdiv ul li ul li a:hover {
  color: #D7181F;
  border: none;
}


 /*THESE ARE THE WIDTHS FOR THE SECONDARY MENUS
 FROM THE NAV BUTTONS.  THIS IS BECAUSE
 IE6 DOESN'T SUPPORT AUTO WIDTH.*/
#pnavdiv ul li ul li.navwidth175 {
  width: 175px;
}

#pnavdiv ul li ul li.navwidth150 {
  width: 150px;
}

#pnavdiv ul li ul li.navwidth125 {
  width: 125px;
}
 
#pnavdiv ul li ul li.navwidth105 {
  width: 105px;
}
 
#pnavdiv ul li ul li.navwidth100 {
  width: 100px;
}

#pnavdiv ul li ul li.navwidth90 {
  width: 90px;
}

 /*THE MENU CONTAINER SECTION DEALS WITH 
 THE RIGHT NAV BUTTONS*/
#menu_container {
	margin:15px;
}
 
  #menu_container ul
 {
 margin: 0;
 padding: 0;
 list-style-type: none;

 }

 #menu_container li { 
 	margin: 0 0 .2em 0; 
	}

 #menu_container a
 {
 display: block;
 color: #000;
 background-image:url(../images/gradientBgLight.gif);
 width:12em;
 padding: 1em .8em;
 text-decoration: none;
 }

 #menu_container a:hover
 {
 background-image:url(../images/gradientBgDark.gif);
 color: #FFF;
 }