﻿/* Funcional Pure CSS Drop-Down Menu created for the Microsoft Expression Newsletter, November 2008 */
/* All code generated using Microsoft Expression Web 2 */
/* Authored by Morten Rand-Hendriksen of Pink & Yellow Media - http://www.pinkandyellow.com */

#menus {background:url(images/menu.jpg) no-repeat; width:936px; margin:0 auto 10px auto; height:88px;}#submenu ul {
	list-style: none;
}
#mainmenu
{
position:relative;
	top:6px;
z-index:1000;
width:965px;  
	height: 55px;
	font: bold 14px "Trebuchet MS", halvetica, Verdana, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	padding-top: 10px;
	padding-right: 22px;
	padding-left: 22px;

}
#mainmenu ul {
	padding: 0px;
	margin: 0px;

}

#mainmenu ul li {
	display: inline;
	float: left;
	width: 145px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-transform: uppercase;
	height: 30px;
	z-index:1000;
	
}


#mainmenu  #active   {background:url(images/menuactive.gif) no-repeat center top; color:#fff; 	width: 135px;	text-align:center;
	
		height: 40px;}

#mainmenu ul li a {

	color:green;
	width: 135px;
	display: block;
	text-decoration: none;
	background:url("design/tray-separator.gif") 100% 0 no-repeat;
z-index:1000;
	line-height: 35px;

	text-align:center;
	
		height: 40px;

	
	
	

}





#mainmenu ul li ul li a {
	background-color: #000;

}

 #mainmenu ul li ul li a:hover {
	background-color: #333333;
}

#mainmenu ul li ul {
	visibility: hidden;
	z-index:1000;
}

#mainmenu ul li:hover ul {
	visibility: visible;
	z-index:1000;
}
