.menu
{
	width: 875px;
	text-transform: uppercase;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
}

/* This rule controls the width of the top tier of the horizontal menu. */
/* BE SURE TO MAKE THIS WIDE ENOUGH to accommodate all of the top tier menu items that are lined */
/* up from left to right. In other words, this width needs to be the width of the individual */
/* top tier menu items multiplied by the number of items. */
.menu .AspNet-Menu-Horizontal ul.AspNet-Menu
{
    width: 875px;
    border-collapse: separate;
    display: block;
    padding: 0.3em 0em 0em;
}

.menu a, .menu span
{
	color: #005DAB;
}

.menu .AspNet-Menu-Horizontal ul.AspNet-Menu .AspNet-Menu-Leaf,
.menu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-WithChildren
{
	background: url('images/menu-tab.png') no-repeat center bottom;	
	padding-bottom: 0px;
	margin: 0em 0.6em 0em 0em;	
	width: 102px;	
	color: #005dab;	
	line-height: 27px;	
	padding-top: 0px;	
	position: relative;	
	height: 27px;	
	text-align: center;	
	font-weight: bold;
	font-size: 1em;
}

/* 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. */
.menu .AspNet-Menu-Horizontal ul.AspNet-Menu ul
{	
	width: 100px;
	font-weight: normal;
	text-transform: none;
	margin-right: -150px;
	background-image: none;
	background-color: #8bb6d9;
	color: #fff;
	border-width: 2px;
	border-color: #fff;
    border-collapse: collapse;
 
}

.menu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Selected ul
{	
	MARGIN-TOP: 26px !important;	
	MARGIN-LEFT: -50px !important   
}

.menu .AspNet-Menu-Horizontal ul li:hover a, .menu .AspNet-Menu-Horizontal ul li:hover span
{
	color: #fff;
	background: url('images/menu-tab-hover.png') no-repeat center bottom;
}

.menu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Selected a, 
.menu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Selected span
{
	background: url('images/menu-tab-selected.png') no-repeat center bottom;
	color: #fff;	
}

/* Generally, you use this rule to set style properties that pertain to all menu items. */
/* One exception is the width set here.  We will override this width with a more specific rule */
/* That sets the width for all menu items from the second tier downward in the menu. */
.menu .AspNet-Menu-Horizontal ul.AspNet-Menu li
{
	font-size: 9pt;	
	background-position: center;	
	z-index: 5000;
}

/* This rule establishes the width of menu items below the top tier.  This allows the top tier menu items */
/* to be narrower, for example, than the sub-menu items. */
/* This value you set here should be slightly larger than the left margin value in the next rule. See */
/* its comment for more details. */
.menu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li
{
    background: none;   
    font-weight: bold;
    text-transform: uppercase;    
    background-image: none;
    font-size: 7pt;
}

.menu .AspNet-Menu-Horizontal ul.AspNet-Menu ul a, .menu .AspNet-Menu-Horizontal .AspNet-Menu ul span
{
	background-image: none;
}

.menu .AspNet-Menu-NonLink
{
	cursor: pointer;
}

.menu .AspNet-Menu-Horizontal
{
	color: #005dab;
}


.menu .AspNet-Menu-Selected ul li.AspNet-Menu-ParentSelected a.AspNet-Menu-ParentSelected
{
	background: #8bb6d9;
	width: 150px;
	margin-left: -50px;
	text-align: left;
	padding-left: 6px;
	line-height: 2.5em;
	position:relative;
	color: #fff;
	
}

.menu .AspNet-Menu-WithChildren ul li.AspNet-Menu-Selected a.AspNet-Menu-Selected,
.menu .AspNet-Menu-WithChildren ul li a.AspNet-Menu-Selected,
.menu .AspNet-Menu-WithChildren ul li a.AspNet-Menu-Link,
.menu .AspNet-Menu-WithChildren ul li span.AspNet-Menu-NonLink
{
	background: #8bb6d9;
	width: 150px;
	margin-left: -50px;
	text-align: left;
	padding-left: 6px;
	line-height: 2.5em;
	position:relative;
	color: #fff;
}

.menu .AspNet-Menu-WithChildren ul li.AspNet-Menu-ParentSelected a.AspNet-Menu-ParentSelected:hover,
.menu .AspNet-Menu-WithChildren ul li.AspNet-Menu-Selected a.AspNet-Menu-Selected:hover,
.menu .AspNet-Menu-WithChildren ul li a.AspNet-Menu-Link:hover,
.menu .AspNet-Menu-WithChildren ul li a.AspNet-Menu-Selected:hover,
.menu .AspNet-Menu-WithChildren ul li span.AspNet-Menu-NonLink:hover
{
	background: #005dab;
}