#menu
{
	background-image: url(../images/menu/trans1px.gif);
	background-repeat: repeat-x;
	
	width: auto;
	height: 20px;
}

ul#nav, ul#nav ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	z-index:99;
	position:relative;
}

ul#nav{
	width:auto;
	margin:auto;
}

ul#nav li {
	position: relative;
	float: left;
	width: auto;
}

#nav li ul {
	position: absolute;
	left: 0px; 
	top: 1em;
	margin-left: -999em;/* ie7 doesn't work well with left:-999em but does work better with margin-left  */
	width: auto;
	padding: 10px 0px 0px 0px;
	background:url(../images/menu/trans1px.gif) no-repeat/* 1px transparent gif to help ie keep focus on menu*/
}

#nav li ul ul{
	position: absolute;
	margin-left:-999em; 
	left:100%;
	top: 0px;
	margin-left:100%;
}

/* Styles for Menu Items */
ul#nav li {
	color: #000000;
	width: auto;
	text-align:center;
}


ul#nav li span{
	float:left;
	background:url(../images/menu/subMenu.png) repeat-y 0px 0px;
	width: auto;
}

li.none a{
	color: #FF00FF;
	background:url(../images/menu/trans1px.gif) repeat-y 0px 0px;
}

li.navRed a{
	background:url(../images/menu/menuRedBG.jpg) repeat-y 0px 0px;
}
li.navGrey a{
	background:url(../images/menu/menuGreyBG.jpg) repeat-y 0px 0px;
}
li.navDarkGreen a{
	background:url(../images/menu/menuDarkGreenBG.jpg) repeat-y 0px 0px;
}
li.navGreen a{
	background:url(../images/menu/menuGreenBG.jpg) repeat-y 0px 0px;
}


ul#nav li a {
	font-family: Segoe UI, Helvetica, Arial;
	font-size: 15px;
	color: #828282;
	text-decoration: none;
	text-align: left;

	display:inline;
	position:relative;

	width: auto;

	border: 1px solid #FFFFFF;
	border-left: none;
	padding: 2px 15px 3px 15px;
	margin: 0px 0px 0px 0px;

	float:left;
}

ul#nav li .menulinks a {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #828282;
	text-transform: uppercase;
	text-decoration: none;
	font-weight:bold;
	text-align: left;

	/* SUBMENU WIDTH */
	width: 200px;
	border: 1px solid #FFFFFF;
	padding: 2px 15px 3px 15px;
	margin: 0px 0px 0px 0px;

	float: left;
	display: inline;
	position: relative;
}

ul#nav li li a {text-align:left}
ul#nav li li b{float:right;} 
ul#nav li.top{
	background:url(../images/menu/subMenuTop.png) no-repeat 0px 0px;
	height: 20px;
	width: 200px;
	overflow:hidden;
	border:none;
}

ul#nav li.base{
	background:url(../images/menu/subMenuBottom.png) no-repeat 0px 0px;
	height: 17px;
	width: 200px;
	overflow:hidden;
	border:none;
}

ul#nav li li{clear:left}
/* this sets all hovered lists to red and current item */
#nav li.current a,
#nav li:hover a,
#nav li.iehover a{
	color: #000000;
	text-decoration: none;
	z-index:999;
}

#nav li:hover li:hover a,
#nav li.iehover li.iehover a,
#nav li:hover li:hover li:hover a,
#nav li.iehover li.iehover li.iehover a,
#nav li:hover li a:hover,
#nav li.iehover li a:hover,
#nav li:hover li:hover li:hover a:hover,
#nav li.iehover li li a:hover,
#nav li:hover li:hover li:hover li:hover a:hover,
#nav li.iehover li.iehover li.iehover li.iehover a:hover {
	color: #000000;
	text-decoration: underline;
	z-index:999;
	background:url(../images/menu/trans1px.gif) repeat-y 0px 0px;
	/* border: 1px solid #aeaf94; */
	/* border-top: none; */
	padding: 2px 15px 2px 15px;
}

/* set dropdown to default */
#nav li:hover li a,
#nav li.iehover li a,
#nav li:hover li:hover li a,
#nav li.iehover li.iehover li a,
#nav li:hover li:hover li:hover li a,
#nav li.iehover li.iehover li.iehover li a{
	color: #000000;
	background:none;
	border:none;
	/* border: 1px solid #aeaf94; */
	/* border-top: none; */
	padding: 2px 15px 2px 15px;
}

ul#nav li:hover ul ul, 
ul#nav li:hover ul ul ul, 
ul#nav li.iehover ul ul, 
ul#nav li.iehover ul ul ul {margin-left:-999em}

ul#nav li:hover ul,
ul#nav li li:hover ul,
ul#nav li li li:hover ul, 
ul#nav li.iehover ul, 
ul#nav li li.iehover ul,
ul#nav li li li.iehover ul {margin-left:0}

/* Float clearing */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0px; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display:inline-block;}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
 /* End hide */
/*........... do not change or amalgamate the above clearfix styles..................*/

/*
ul#submenu:hover {
	background:url(../images/menu/subMenu.png) repeat-y 0px 0px;
	width: 200px;
	border: 1px solid #FFFFFF;
	padding-top: 0px;
	margin-top: 0px;
}
*/