body {
 font-family: helvetica, arial, sans-serif;
 background: #fefefe;
 text-align: center;
}

/* MENU */

#nav {
 background: #707f08;
 background: -moz-linear-gradient(top, #707f08, #707f08 1px, #a2b03d 25px);
 background: -webkit-gradient(linear, left top, left 25, from(black), color-stop(4%, #707f08), to(#a2b03d)); 
 float: left;
 margin: 0; padding: 0;
 border-bottom: none;
}


#nav li a, #nav li {
 float: left;
 width:auto;
 
}

#nav li {
 list-style: none;
 position: relative;

}

#nav li a {
 padding: 1em 2em;
 text-decoration: none;
 color: white;
 background: #707f08;
 background: -moz-linear-gradient(top, #707f08, #707f08 1px, #a2b03d 25px);
 background: -webkit-gradient(linear, left top, left 25, from(black), color-stop(4%, #707f08), to(#a2b03d));
 border-right: 1px solid #707f08;
 border-left: 1px solid #a2b03d;
 border-bottom: 1px solid #232323;
 border-top: 1px solid #545454;
 font-family:Helvetica, Arial, sans-serif;
 font-size:12px;
}

#nav li a:hover {
 background: #2a0d65;
 background: -moz-linear-gradient(top, #11032e, #2a0d65);
 background: -webkit-gradient(linear, left top, left bottom, from(#11032e), to(#2a0d65));
}


/* Submenu - hasChildren width/height attr. ruins li a rollover*/

.hasChildren {
	position: absolute;
	right: 5px;
	top: 10px;
	background-position:right center;
	background-repeat:no-repeat;
}

#nav li ul {
 display: none;
 position: absolute;
 left: 5px;
 top: 100%;
 padding: 0px; 
 margin: 0px;
 border:1px solid #000;
}

#nav li:hover > ul, {
 display: none;
}
 #nav li ul a:hover {
	  text-decoration:underline;
}
#nav li ul li, #nav li ul li a {
 float: none;
}


#nav li ul li {
 _display: inline; /* for IE6 */
}

#nav li ul li a {
 width: 150px;
 display: block;
}

/* SUBSUB Menu */

#nav li ul li ul {
 display: none;
}

#nav li ul li:hover ul {
 left: 100%;
 top: 0;
}