#nav {
margin-left:auto;
margin-right:auto; 
width:900px; 
height:33px; /*this is new */
background:url(../images/top_nav_bg.jpg); /*this is new */
z-index: 2;
}

#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
/*line-height:1.5em;*/
line-height: 18px;
z-index: 2; 
text-align:center; /*this is new */
}

#nav a{
display:block; 
color:#FFFFFF;
font-size:14px;
font-weight:bold;
padding:5px 18px;
text-decoration:none;
z-index: 2;
/*this is the new stuff*/ 
width: 102px;
background:url(../images/tab.png);
margin-left:3px;
}

#nav a:hover{ 
background-image:url(../images/tab_over.png); 
background-repeat:repeat;
color:#fff;
z-index: 2;
}
#nav li{
float:left;
position:relative;
z-index: 2;

}

#nav ul {
position:absolute;
display:none;
margin-top:10px;
width:200px;
top:1.5em;
z-index: 2;
}

#nav li ul a{
width:200px; 
border:1px solid #000;
height:auto; 
background:url(../images/nav_dropdown_bg.jpg);
background-repeat: repeat;
color:#fff; 
float:left;
font-size:11px; 
font-weight:bold;
z-index: 2; 
}

/* THIS IS NOT IN THE OTHER AT ALL */
#nav li ul a:hover{
width:200px; 
border:1px solid #000;
height:auto; 
background:url(../images/nav_dropdown_bg_over.jpg);
background-repeat: repeat;
color:#fff;
float:left; 
font-size:11px; 
font-weight:bold;
z-index: 2;
}

#nav ul ul{
top:auto;
z-index: 2;
}	

#nav li ul ul {
left:200px;
margin:0px 0 0 38px;
z-index: 2;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none; 
z-index: 2;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block; 
z-index: 2;
}