.menu{
	border:0px;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	}
.menu ul{
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
	background: #BCBEC0;
	}
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{
		background:#BCBEC0 url("images/seperator.gif") bottom right no-repeat;
		color:#231F20;
		display:block;
		font-weight:bold;
		line-height:35px;
		margin:0px;
		padding:0px 20.5px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover {
			background: #1c2172 url("images/seperator.gif") bottom right no-repeat;
			color:#FFFFFF;
			text-decoration:none;
			}
		.menu ul li:hover a{
			background: #1c2172 url("images/seperator.gif") bottom right no-repeat;
			color:#FFFFFF;
			text-decoration:none;
			}
	.menu li ul{ /*vertical menu*/
	display:none;
	height:auto;
	padding:0px;
	margin:0px;
	border:0px;
	position:absolute;
	width:200px;
	z-index:200;
	background-color: #999999;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background:bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:200px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		color:#231F20;
		height:25px;
		font-size:11px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#1C2172 center left no-repeat;
			border:0px;
			color:#FFFFFF;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}