/* common styling */
.headermenu {font-family: arial, sans-serif; width:999px; position:relative; font-size:11px; z-index:200;}
.headermenu ul li a, .headermenu .menu ul li a:visited {display:block; text-decoration:none; width:150px; height:30px; text-align:center; color:#5b5b5b; padding-top: 5px; /*border:1px solid #fff; background:#710069;*/ line-height:20px; font-size:14px; font-weight: bold; overflow:hidden;}
.headermenu ul {padding:0; margin:0; list-style: none;}
.headermenu ul li {float:left; position:relative;}
.headermenu ul li ul {display: none;}

/* specific to non IE browsers */
.headermenu ul li:hover a {color: #7d1f37;} /* ------------------ Controls Top Menu Item Hover State --*/
.headermenu ul li:hover ul {display:block; position:absolute; top:30px; left:0; width:105px;} /* ------------------ Controls Dropdown Menu position and border  --*/
.headermenu ul li:hover ul li a.hide {background:#999; color:#fff;} /* ------------------ Controls Rollout Menu Item BG and Text Color  --*/
.headermenu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;} /* ------------------ Controls Rollout Menu Hover BG and Text Color  --*/
.headermenu ul li:hover ul li ul {display: none;}
.headermenu ul li:hover ul li a {display:block; background:#CCC; color:#000; border: 1px solid #999;} /* -- Controls Dropdown BG Color,Text Color, Width and padding  --*/
.headermenu ul li:hover ul li a:hover {background:#999; color:#fff;}  /* ------------------ Controls Dropdown Hover BG Color and Text Color  --*/
.headermenu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.headermenu ul li:hover ul li:hover ul.left {left:-105px;}

.headermenu ul li ul li a:link {
	text-align: left;
	padding-left: 10px;
	font-size: 12px;
	font-weight: normal;
}

.headermenu ul li ul li a:visited {
	text-align: left;
	padding-left: 10px;
	font-size: 12px;
	font-weight: normal;
}

#HeaderMenuContainer {
	float:left;
	margin: 0;
	margin-left: -10px;

}