/*common styling*/
/*menu container*/
.menucontainer {
    background: #fff url(../images/bgOFF.gif) no-repeat bottom left;
}
/*basic menu styling*/
.menu {
    float:left;
	font-family: "Lucida Grande", "Gill Sans", Lucida, Arial, verdana,sans-serif;
	font-weight:lighter;
	width:100%;position:relative;
	font-size:12px;
	font-weight:bold;
    background: url(../images/bgOFF.gif) repeat-x bottom left;
	border-top:4px solid #E96016;
}
.menu ul {
    padding:0;
	margin:0;
	list-style-type:none;
	float:left;
	position:relative;
}
.menu ul li {
    float:left;
	position:relative;
	display:inline;
	background: url(../images/bgDIVIDER.gif) no-repeat bottom right;
}
/*style of main items normal state*/
.menu ul li a, .menu ul li a:visited {
    float:left;
	display:block;
	text-decoration:none;
	color:#000;
	width:auto;
	color:#666666;
	padding:0px 16px 0px 16px;
	line-height:40px;
	height:40px;
}
* html .menu ul li a, .menu ul li a:visited {
    width:auto;
}
/*hide sub nav items*/
.menu ul li ul {
    display:none;
}
/*clear the main nav bg*/
.menu ul li ul li{
    background:none;
}
/*style for table of sub nav items*/
table {
    margin:-1px;
	border-collapse:collapse;
	font-size:12px;
}
/*specific to non IE browsers*/
/*main nav over state*/
.menu ul li:hover a {
    color:#666666;
	background: transparent url(../images/bgON.gif) bottom left repeat-x;
}
/*show drop-down list*/
.menu ul li:hover ul {
    display:block;
	position:absolute;
	top:36px;
	margin-top:1px;
	left:0;
	width:100%;
	border-top:1px solid #fff;
}
/*drop-down on state*/
.menu ul li:hover ul li a {
    display:block;
	color:#666666;
	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;
}
/*sub drop-down over state*/
.menu ul li:hover ul li a:hover {
    color:#fff;
	background: #666666 url(../images/sub-arrow.gif) no-repeat;
	background-position: 4px 8px;
}