/*****************************************************************************************/
/*For Menu*/
/* Outer Link */
ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
	z-index:99;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative; /*--Important--*/
}
ul#topnav li a {
	float: left;
	/*text-indent: -9999px; --Push text off of page--*/
	height: 44px;
	color:Blue;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; } /*--Hover State--*/

/* Sub Links */
ul#topnav li .sub {
	position: absolute; /*--Important--*/
	top: 32px; left: 3px; /*Based this on image length and height */
	background: #FFF url(sub_bg.png) repeat-x; /*--Background gradient--*/
	padding: 5px 3px 5px; /*20px 20px 20px;*/
	float: left;
	border: solid 1px #EFEFEF;
	/*border-top: none;*/
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none; /*--Hidden for those with js turned off--*/
}
ul#topnav li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 171px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #000;
}
ul#topnav .sub ul li h2 { /*--Sub nav heading style--*/
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a { /*--Sub nav heading link style--*/
	padding: 5px 0;
	background-image: none;
	color: #e8e000;
}
ul#topnav .sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	background: url(navlist_arrow.png) no-repeat 5px 12px;
	padding: 7px 0px 7px 2px;
	display: block;
	text-decoration: none;
	color: #000;
	font-size:medium;
	font-weight:bold;
}
ul#topnav .sub ul li a:hover {
	color: blue;
	background-position: 5px 12px ;/*--Override background position--*/
	/*text-decoration: underline;
	background-color: #EFEFEF;*/
}
ul#topnav .sub ul li:hover {
	/*background-color: #CDCDCD;*/
}
/*****************************************************************************************/

/*****************************************************************************************/
/*For Menu Navigation - Used to be Left Nav*/
/* Outer Link */
ul#menunav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
	z-index:99;
}
ul#menunav li {
	float: left;
	margin: 0; padding: 0;
	position: relative; /*--Important--*/
}
ul#menunav li a {
	float: left;
	/*text-indent: -9999px; --Push text off of page--*/
	/*height: 44px;*/
	/*color:Blue;*/
}
ul#menunav li:hover a, ul#menunav li a:hover { background-position: left bottom; } /*--Hover State--*/

/* Sub Links */
ul#menunav li .sub {
	position: absolute; /*--Important--*/
	top: 32px; left: 3px; /*Based this on image length and height */
	background: #FFF url(sub_bg.png) repeat-x; /*--Background gradient--*/
	/*padding: 5px 3px 5px; /*20px 20px 20px;*/
	float: left;
	/*border: solid 1px #EFEFEF;
	/*border-top: none;*/
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none; /*--Hidden for those with js turned off--*/
}
ul#menunav li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

/*****************************************************************************************/
ul#menunav li .sub ul{
	list-style: none;
	margin: 0; 
	padding: 0;
	width: 100%; /*300px*/
	float: left;
}

ul#menunav .sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #000;
}
/*ul#menunav .sub ul li h2 { /*--Sub nav heading style--*/
	/*padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}*/
ul#menunav .sub ul li h2 a { /*--Sub nav heading link style--*/
	/*padding: 5px 0;
	background-image: none;
	color: #e8e000;*/
}
ul#menunav .sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	/*background: url(navlist_arrow.png) no-repeat 5px 12px;*/
	/*padding: 7px 0px 7px 2px;*/
	display: block;
	text-decoration: none;
	/*color: #000;
	font-size:medium;
	font-weight:bold;*/
}
ul#menunav .sub ul li a:hover {
	/*color: blue;*/
	/*background-position: 5px 12px ;/*--Override background position--*/
	/*text-decoration: underline;
	background-color: #EFEFEF;*/
}
ul#menunav .sub ul li:hover {
	/*background-color: #CDCDCD;*/
}
/*****************************************************************************************/