#nav{
		padding: 0px;
		margin:0;
		text-align:right;
		list-style: none;
		font-size:12px;
		font-weight:bold;
 
	}




#nav ul { 
		padding: 0;
		margin:0;
		list-style: none;
    	width:10em;
    	z-index:99;
    	position:relative;
    	overflow:visible;  
   }


#nav li { 
    	margin:0;   
    	position: relative; 
    	float:left;
		width: 10em;
		background-color:#C00;
    	border:solid 0px #CECECE;
    	display:block;
    	height:auto;
}

#nav ul li{ 
		background-color:#C00;
}

#nav ul li{ border-width:1px 1px 0 0;}
#nav ul ul li{ border-width:1px 1px 0 1px;}
#nav ul ul li:last-child{border-width:1px;}
 
#nav a {
    text-decoration:none; 
    display:block;
    padding: 0.1em;  
    margin:0.2em 0 0.2em 0.1em; 
    width:8.5em; 
    height:auto;
		color:#FFF;
}

#nav a:hover, 
#nav li:hover{
    	color:#CCC; 
}

#nav ul li:hover, 
#nav ul li a:hover{ 
		color:#CCC;
}


#nav ul{
    display:none;   
}

/*all see this */
#nav ul ul, #nav ul ul ul{
    display:none; 
    position:absolute; 
    margin-top:-1.8em; 
    margin-left:12em;
}

/* non-IE browsers see this */
 #nav ul li>ul, #nav ul ul li>ul{
    margin-top:-1.4em; 
 }

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

#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul{
    display:block;
}



li>ul { 
	top: auto;
	left: auto;
}

/*This is to keep the menu above other text and thus stop it all skipping
about when the drop-downs occur
*/
#navmenu {
		position:absolute;
		padding:0;
		top:64px;
		z-index:100; 
		width:800px;
		margin-left:auto;
		margin-right:auto;
/*		background-color:#C00;*/
}