#menu {
	background-image:url(../images/menu_bg.jpg);
	background-repeat:no-repeat;	
	/*height:37px;*/
	height:37px;
	width: 835px;
	
	/*padding:0 50px 0 84px;*/
	
	/*margin: 0 auto;
	width: 835px;
	height: 37px;
	background-image:url(../images/menu_bg.jpg);
	align:top;
	vertical-align:text-top;
	background-repeat:no-repeat;*/
}

#menu ul {
	list-style: none;
	
	margin: 0;
	padding: 0;
	float: left;
}

#menu a, #menu h2 {
	font-family:Arial;
	font-size:9px;	
	/*color:#16b7ec;*/
	color:#f4ae80;
	display: block;
	margin:0px;
	
}

#menu h2 {
	/*color: #16b7ec;	*/
	color:#f4ae80;
	padding-top:0;
	
}

#menu a {
	color: #ffffff;	
	text-decoration: none;	
	display:inline;
	padding:0px 2px 0px 2px;
	/*border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;*/
}

#menu a:hover {
	/*color: #f2b7b6;*/	
	color:#f4ae80;
	/*background-color:#a21bc6;*/
}

/*Positioning the Popout Menus and Dropdown Menus*/

#menu li {
	position: relative; 
	
	display:inline;
	
	
}


#menu ul ul {
	background-image:url(../images/menudrop_bg.jpg);
	/*background-color:#333333;*/
	position: absolute;		
	left:0px;
	top:37px;
	z-index: 900;
	border-bottom-style:double;
	border-top:1px solid #000000; 
	border-bottom:1px solid #000000; 
	border-right:1px solid #000000; 
	border-left:1px solid #000000;
	
	
	
}

#menu ul ul ul {
	top: 0;
	
	left: 150%;
	
	
}

/*Hiding and Revealing using :hover*/

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

/*Fix it for IE!*/

[if IE]>
<style type="text/css" media="screen">
body {
	behavior: url(hover.htc);
	
	font-size: 100%;
}

#menu ul li {float:inherit; margin-top:0; margin-left:1;}

#menu ul li a {	
	height:18px;	
	padding-left:2px 2px 2px 3px ;	
	font-size:12px;
	font-weight:bold;
} 

#menu a, #menu h2 {
	font-family:Arial;
	
	font-size:9px;
}
</style>
<![endif]