#menubar { width:100%; height: 42px; 


	text-align: center; 


	border-top:solid 1px #B34D5B;


	border-bottom:solid 2px #B34D5B;}





.menu {width:100%; height:42px; 


	position:relative; 


	z-index:100;


}


/* remove all the bullets, borders and padding from the default list styling */


.menu ul {padding:0;


	margin:0;


	list-style-type:none;


}


.menu ul ul {width:134px;}





/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */


.menu li {float:left;


	width:130px;


	position:relative;}


	


/* style the links for the top level */


.menu a, .menu a:visited {display:block;


	font-size:13px;


	text-decoration:none; 


	width:130px; 


	height:42px; 


	line-height:37px; 


	font-weight:normal; }





/* style the second level background */


.menu ul ul a.drop, .menu ul ul a.drop:visited {background:red; }





/* style the second level hover */


.menu ul ul li a.drop:hover{


	background:#B34D5B; 


	color:White;}


.menu ul ul li :hover > a.drop {


	background:#B34D5B; 


	color:White;}


.menu ul ul :hover > a {


		color:#FFF; 


		background:#B34D5B;}


.menu ul ul a:hover{


		color:#FFF; 


		background:#B34D5B;}








/* hide the sub levels and give them a position absolute so that they take up no room */


.menu ul ul {visibility:hidden;


	position:absolute;


	height:0;


	top:42px;


	left:0; 


	width:175px; }








/* style the table so that it takes no ppart in the layout - required for IE to work */


.menu table {position:absolute; 


	top:0; 


	left:0; 


	border-collapse:collapse;}





/* style the second level links */


.menu ul ul a, .menu ul ul a:visited {background:#cccccc; 


	font-weight:normal; 


	color:#000; 


	height:auto; 


	line-height:1em; 


	padding:5px 10px; 


	width:134px; 


	text-align:left; 


	border-left:solid 1px #999999;


	border-right:solid 1px #999999;


	border-bottom:solid 1px #999999;}





/* style the top level hover */


.menu a:hover, .menu ul ul a:hover{


		color:#FFF; 


		background:#B34D5B;}


.menu :hover > a {


		color:#FFF; 


		background:#B34D5B;}


.menu a.selected {


		color:#FFF; 


		background:#B34D5B;}





/* make the second level visible when hover on first level list OR link */


.menu ul li:hover ul,


.menu ul a:hover ul{visibility:visible; }