/*
/* Basic code - don't modify */
 
.menu ul { display: block; margin: 0; padding: 0; position: relative; }
.menu ul li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
.menu ul a { display: block; }
.menu ul ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html .menu ul ul { line-height: 0; } /* IE6 "fix" */
.menu ul ul a { zoom: 1; } /* IE6/7 fix */
.menu ul ul li { float: none; }
.menu ul ul ul { top: 0; }
    
/* Essentials - configure this */

.menu ul ul { width: 200px; }
.menu ul ul ul { left: 200px; }

/* Everything else is theming */


.menu{
	x-height: 2.5em;
	color: #eee;
	background: #104070 url(/layout/img/bg-light-s.png) repeat-x bottom center;
	border-bottom: solid 3px #306090;
}
	.menu ul li{
		x-height: 1.5em;
		padding: .5em .5em;
	}
	.menu ul li:hover{
		background-color: #306090;
	}
	.menu ul li.separator{
		border-top: solid 1px #205080;
	}
	.menu ul li a{
		color: white;
		font-size: 1.2em;
		text-decoration: none;
	}	
	.menu ul li ul{
		background-color: #306090;
	}
	.menu ul li ul li{
		height: auto;
		border-top: solid 1px #104070;
	}
	.menu ul li ul li:hover, 
	.menu ul li ul li.submenu:hover{
		background-color: #104070;
	}	
	.menu ul li ul li a{
		font-size: .9em;
	}
	.menu ul li ul li.submenu{
		background: url(/layout/icons/arrow.png) no-repeat 185px center;
	}