@import url("Menu.css") ;

/* Main Navigation - Styles for top horizontal navigation division */
.mainNav div.AspNet-Menu-Horizontal {
	background-color: #F6F6F6;
	text-align: left;
	width: 800px;
	height: auto;
	margin: 0px auto;
	padding: 0px;
	background-image: url(../images/mainnavback.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.mainNav ul.AspNet-Menu {
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 10px 15px;
	height: 10px;
}
 

.mainNav ul.AspNet-Menu ul li  ul 
{
	padding: 0px;
	margin: 0px;
}

.mainNav ul.AspNet-Menu li {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #635A57;
	padding: 0px 8px 0px 7px;
	list-style-image: url(../images/mainnavbullet.gif);
	list-style-position: inside;
	display:inline;
	background-image: url(../images/mainnavbullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;
}
ul.AspNet-Menu li a:link {
	color: #635A57;
	text-decoration: none;
}
ul.AspNet-Menu li a:visited {
	color: #635A57;
	text-decoration: none;
}
ul.AspNet-Menu li a:hover  {
	color: #D93B20;
}
ul.AspNet-Menu li a:visited:hover {
	color: #D93B20;
}



/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
/* Remember that only the topmost tier of the menu is horizontal.  The second and third tiers are vertical. */
/* So, they need a much smaller width than the top tier.  Effectively, the width specified here is simply */
/* the width of a single menu item in the second and their tiers. */
 .AspNet-Menu-Horizontal ul.AspNet-Menu ul
{
    left: 0;
    padding-top:7px;
    background: transparent;
	width: 150px;
	z-index:300;
}

/* Second Level Nav with sub-navigation */
 .AspNet-Menu-Horizontal ul.AspNet-Menu ul li.AspNet-Menu-WithChildren a
 {
  
 }

ul.AspNet-Menu ul li ul
{
    top: 0px;
}

 .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
    width: 11.5em;
    left: 350px;
}
.AspNet-Menu-Horizontal ul.AspNet-Menu ul li {
	list-style-type: none;
	height: auto;
	width: 150px;
    background: transparent;
}
.AspNet-Menu-Horizontal ul.AspNet-Menu ul li a:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #857E7C;
	font-weight: bold;
	list-style-type: none;
	width: auto;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	display: block;
	background-color: #EDEDED;
	text-decoration: none;
}
.AspNet-Menu-Horizontal ul.AspNet-Menu ul li a:visited {
	color: #857E7C;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #857E7C;
	font-weight: bold;
	list-style-type: none;
	width: auto;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	display: block;
	background-color: #EDEDED;
}
.AspNet-Menu-Horizontal ul.AspNet-Menu ul li a:hover {
	color: #000000;
	background-color: #C3C3C3;
}
.AspNet-Menu-Horizontal ul.AspNet-Menu ul li a:visited:hover {
	color: #000000;
	background-color: #C3C3C3;
}