/* navigation stlyes */
#nav
 {
  width: 752px;
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 1;
  height: 35px;
  background: url(../images/six_0.gif) top right repeat-x;
}

#nav ul
 {
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 1;
 
 }

#nav a
 {
  display: block;
  margin: 0;
  padding: 0 5px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 0.7em;
  font-weight: bold;
  color: #ccc /*#013378*/;
  text-decoration: none;
  line-height: 35px;
 
 }

#nav a.first
 {
  margin: 0 0 0 11px;
 }

#nav a:hover
 {
  color: #fff;
  background: url(../images/six_1.gif) top left repeat-x;
 }

#nav a.sub
 {
  font-weight: normal;
  width: 101px;
  color: #000;
  background: url(../images/six_2.gif) top left repeat-y;

  line-height: 20px;
   }


#nav a.arrow span
 {
  
  float: right;
  height: 24px;
  width: 25px;
  background: url(../images/six_1.gif) top left repeat-x;
 }
#nav a.sub:hover
 {
  width: 101px;
  color: #fff;
  background: #000;
  border-color:#C19300;
 }
#nav a.arrow:hover span
 {
  
  float: right;
  height: 24px;
	width: 25px;
  background: url(../images/six_1.gif) top left repeat-x;
 }



#nav li
 {
  margin: 0;
  padding: 0;
  float: left;
 }

#nav li.spacer
 {
  height: 30px;
  width: 11px;
  background: url('images/topnav_spacer.png') top left no-repeat;
 }

#nav li ul /* second-level lists */
 {
  position: absolute;
  display: block;
  padding: 0;
  width: 150px;
  clear: both;
  left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
 }

#nav li ul li.bottom
 {
  width: 111px;
  height: 1px;
  background: #000
 }

#nav li ul ul /* third-and-above-level lists */
 {
  margin: -25px 0 0 160px;
 }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul
 {
  left: -999em;
 }

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul /* lists nested under hovered list items */
 {
  left: auto;
 }