/* Navigation stuff below */

#nav {
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	width: 920px;
	height:26px;
	background:url(/Images/nav.gif) left top repeat-x;
	position:relative;
	z-index:500;
}

#nav ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 920px;
	float: left;
}

#nav ul ul 
{
	width:141px;
	background-color:#F3F7FA;
}

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

#nav ul li:hover
{
    background-color:#B0DEF0;
}
/* ******************************************************************************************************/

.menulist li {
 float: left;
 padding:0;
 height:25px;
 position: relative;
 background: 0px 0px repeat-x;    /* background:  menu button color */
 margin-right: -1px;
 width:114px;
 text-align:center;
 border-right:solid 1px #000000;
}

.menulist li.contact 
{
	width:115px;
	border-right:solid 0px transparent;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
 display:none;
 position: absolute;
 top: 25px; /* I'm using ems rather than px to allow people to zoom their font */
 left: 1px;
}

.menulist ul.hidden 
{
    display:none;
}
.menulist ul.visible 
{
    display:block;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
 float: left;
 display:block;
 width:140px;
 height:35px;
 padding:0;
 margin:0;
 /*background: #006342;     background:  menu button color */
 border-right:solid 1px #000000;
 border-left:solid 1px #000000;
 border-bottom:solid 1px #000000; 
}

/* Links inside the menu */
.menulist li a {
 display: block;
 height:20px;
margin: 0;
padding:5px 0 0 0;
 font-size: 12px;
 font-weight:bold;
 color: #000000;
 text-decoration:  none;
}