ul#nav { position:relative;
width: 736px;
color:#fff;
font-size:70%;}	

ul#nav li img { border-top:1px solid #636363;
border-bottom:1px solid #636363;
padding:2px 0;
margin:2px 0 0 0;}

ul#nav, ul#nav ul {margin: 0;
padding: 0;
list-style: none;}

ul#nav { width: 736px;
margin:5px auto 0 auto;}

ul#nav ul, ul#nav ul li  { margin:0;}

ul#nav ul li { height:auto;
border-bottom:1px solid #4d4d4d;}

ul#nav li {position: relative;
float: left;
width:74px;
background:#313131;
/* i have added these */
padding:3px 2px 2px 3px;
margin:0 1px 0 2px;}

ul#nav li.principle { margin:0;}
	
#nav li ul {position: absolute;
left: 0; 
bottom:110px;
margin-left:-999em;}

#nav li ul ul {position: absolute;
left:100%; 
bottom: 0;}

/* Styles for Menu Items */
ul#nav li a {
display:block;
text-decoration: none;
color: #fff;
height:30px;
width:74px;
text-align:center;}


ul#nav ul li a { height:auto;
padding:2px 0;}

ul#nav li li{clear:left}

 
/* this sets all hovered lists to red and current item */

#nav li:hover a,#nav li.over a,
#nav li:hover li:hover a,#nav li.over li.over a,
#nav li:hover li:hover li:hover a,#nav li.over li.over li.over a,
#nav li:hover li a:hover,#nav li.over li a:hover,
#nav li:hover li:hover li:hover a:hover,#nav li.over li li a:hover,
#nav li:hover li:hover li:hover li:hover a:hover,#nav li.over li.over li.over li.over a:hover 
{ background:#5a5a5a;}

/* set dropdown to default */
#nav li:hover li a,#nav li.over li a,
#nav li:hover li:hover li a,#nav li.over li.over li a,
#nav li:hover li:hover li:hover li a,#nav li.over li.over li.over li a
{background:#313131;
background-position:0 0;}

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

ul#nav li:hover ul,ul#nav li li:hover ul,ul#nav li li li:hover ul, ul#nav li.over ul, ul#nav li li.over ul,ul#nav li li li.over ul {
margin-left:0;}