/*main nav over state*/
.menu ul li a:hover {
    color:#333333;
	background: transparent url(../images/bgON.gif) bottom left repeat-x;
}
/*positioning for sub nav*/
.menu ul li a:hover ul {
    display:block;
	position:absolute;
	top:37px;left:0;
	background:#fff;
	margin-top:0;
	border-top:1px solid #fff;
}
/*drop-down on state*/
.menu ul li a:hover ul li a {
    display:block;
	color:#ffcc00;
	height:auto;
	line-height:16px;
	padding:2px 16px 2px 16px;
	width:120px;
	border-top:1px solid #fff;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
    background: #e3e3e3 url(../images/sub-arrow.gif) no-repeat;
	background-position: 4px 8px;
}
/*drop-down over state*/
.menu ul li a:hover ul li a:hover {
    color:#fff;
	background: #ffcc00 url(../images/sub-arrow.gif) no-repeat;
	background-position: 4px 8px;
}