/* ================================================================ 
This copyright notice must be untouched at all times.
 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/basic_dd.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* remove the bullets, padding and margins from the lists */
.menu ul{
list-style-type:none;
padding:0;
margin: 5px 0px 0px 30px;
/*margin: 0;*/
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
}
 
/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}
 
/* style all the links */
.menu a, .menu :visited {
display:block;
font-size:12px;
width:122px;
padding:5px 0;
color:#333;
background:#f1f1f1;
border: 1px #ED1C24 solid;
text-decoration:none;
text-align:center;
font-family:verdana, sans-serif;
}
/* style the links hover */
.menu :hover{
color:#fff;
background:#333;
}
 
/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
margin-top: 0px;
margin-left: 0px;
width:149px;
height:0;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}

/* make the page you are on different colour on menu */
.menu ul li.here1 a {
	background-color: #333;
	color: #fff;
	}

/* make the page you are on different colour on menu - sub menu choice */
.menu ul li.here2 a {
color:#fff;
background:#333;
	}
	
.menu ul li.here2 :hover{
color:#333;
background:#f1f1f1;