#nav {

color: #FFFFFF;}
.menu {
font:Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-weight: bold;}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width:164px;
}

ul li {
	position: relative;
	width:164px;
	border: 1px solid #ccc;
}
/* keep folowing styles together..........................*/
* html ul ul {
	margin-left:-16px;/* ie5 fix */
	voice-family: "\"}\""; 
	voice-family: inherit;
	color: #FFFFFF;
}	
* html ul li {float:left;/* hide float from ie5*/}
* html ul ul {
	width:164px;	
	w\idth:164px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	color: #FFFFFF;
}
* html ul ul {margin-left:0;/* hide margin from ie5*/}

/* keep above styles together .............*/

li ul {
	position: relative;
	display:none;
}
li ul li {
	width:156px;
	border-left:8px solid white;
	color: #FFFFFF;
}

/* Styles for Menu Items */
ul li a {
	display:block;
	text-decoration: none;
	color: #ffffff;
	background: #006600; /* IE6 Bug */
	line-height:2em;
	height:2em;	
	padding:0 5px;
	background-image: url(images/menu.jpg);
}
li li a {background-image: url(images/menu.jpg);}

/* set dropdown to default */
li:hover li a, li.over li a {
    color: #006600;
   /*background-color: #f2f2f2;*/
      background-position: right;
}

/* this sets all hovered lists to red */
li a:hover,
li:hover a, li.over a,
li:hover li a:hover, li.over li a:hover {
   color: #FFFFFF;
   /*background-color: red;*/
   background-position: right;
}


li ul li  {  } /* Sub Menu Styles */
 li.on ul { display:block  } /* The magic */
li.off ul{display:none}