#menu {
	/*position:absolute;
	top:35px;
	left:10px;
	width: 75%;
	padding-right:50px;*/

	margin:0px 0px 110px 267px;
	width:728px;
	height:59px;
	background-image:url(img/home_menu1.png);
	background-repeat:no-repeat;
	background-color:none;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}



#menu a, #menu h2 {
	font-family:arial;
	font-size:11px;
	color:#333333;
	display: block;
	margin:0px;
	padding: 2px 3px 0px 2px;
}

#menu h2 {
	color: #000000;
}

#menu a {
	color: #000000;
	text-decoration: none;
	width:115px;	
}

#menu a:hover {
	color: #e5e5e5;
	width:115px;
}

/*Positioning the Popout Menus and Dropdown Menus*/

#menu li {position: relative; display:inline;}

#menu ul ul {
	position: absolute;
	z-index: 500;
}

#menu ul ul ul {
	top: 0;
	left: 100%;
}

/*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: left; width: 140px;}
#menu ul li a {height: 1%; background-image:url(img/a_bg1.png); background-repeat:repeat-x;} 

#menu a, #menu h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
</style>
<![endif]
