.menu{
	background:#053450;	
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font-family: Verdana, Arial, Helvetica, "sans serif";
	font-size:12px;
	font-weight:bold;
	
	/* so that the menu is placed all on one line even if the page width is less than the width of the menu (a scroll bar will then appear). If this value changes, see style.css and look for "important for the menu" */
	min-width:850px; 
	width:850px;
	width:auto !important;
	
	}
	
.menu ul{
	background:#053450;
	height:26px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		padding:0px;
		}
		
	.menu li a{
		background:#053450 url("images/seperator.gif") bottom right no-repeat;
		color:white;
		display:block;
		font-weight:normal;
		line-height:26px;
		margin:0px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		}

		.menu li a:hover, .menu ul li:hover a{
			background:#317a9d url("images/seperator.gif") bottom right no-repeat; /*url("images/hover.gif") bottom center no-repeat;*/
			color:#FFFFFF;
			text-decoration:none;
			}
	.menu li ul{
		background:#053450;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:auto;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		/*
		opacity:	0.9;
	filter:Alpha(style=0,opacity=90);
	*/
		
		}
	.menu li li {
		background:url('images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:auto;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:26px;
		font-size:12px;
		font:"Arial", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
		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:#317a9d url('images/hover_sub.gif') center left no-repeat;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}