
#nav {
margin: 0 auto 0 auto;
	  width:100%;
      line-height:normal;
	  text-align:center;
	  
}
 #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	

	 }

#nav a {
	display: block;
	width: 7em;
	font-size:1.1em;
}



 #nav a.main {	 
      background:url("images/tableft2.png") no-repeat left top;
      margin:0;
      padding:0 5px 0px 1px;    
	  text-decoration:none;
	  width:7em;
      }

	#nav a.main span {  
      display:block;	  
      background:url("images/tabright2.png") no-repeat right top;
       padding:0 5px 10px 1px;
      color:white;
	  }
	  
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #nav a.main span {float:none;}
    /* End IE5-Mac hack */
    #nav a.main:hover span {

      }
    #nav a.main:hover {
      background-position:0 -42px;
      }
    #nav a.main:hover span {
      background-position:100% -42px;
      }

#nav li { /* all list items */
    float: left;
	width: 8em; /* width needed or else Opera goes nuts */
	border-top:white solid 1px;
	color:white;
	list-style:none;
}

#nav li ul { /* second-level lists */
	position: absolute;

	background-color: #DB3D33;
	width: 8em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li{
text-align:left;

text-decoration:none;
}
	
#nav li ul li:hover  {
	background-color:#B31600;

}

#nav li ul li  a {
	color:white;
	text-decoration:none;
	}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 8em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
	
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


#nav li:hover, #menu li.hover {
    position: static;
}