/*This rule governs the entire Nav Bar so make large scale adjustments onely (overall location, size, etc...)*/ 
.PrettyMenu .AspNet-Menu-Horizontal
{
    clear: both;	
	padding: 0;	
}


/* Added csouthern: menu was inheriting default <a> colors.  Warning: this will override all ASP menus
	will need to remove if we ever add more than one ASP.net menu to our site.
*/
.AspNet-Menu li a 
{
	color: #555;
	
}


.AspNet-Menu li a:hover,
.AspNet-Menu li a:hover {
	color: #326ea1;
}


/* 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. */
/*Example of items controlled by the rule are (grey background, height/width of Nav Bar, Turn Text to Uppercase) */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu
{
    float: left;
	background: #E4E4E4 url("../Images/nav.jpg") repeat-x;	
	width: 740px;		
	height: 45px;
/*	margin-left: 15px; */
	text-transform: uppercase;

}

/* 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. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul
{
    left: 0;
    top: 100%;
    
}


/*

.MainMenu .AspNet-Menu-Horizontal
{
	position:absolute;
}

*/


/*This rule controls all of the Third tier Children.*/
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul 
{

}

/* 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 (below) */
/* That sets the width for all menu items from the second tier downward in the menu. */
/*This will change all of the text for each menu item including the Firt and Second Tier*/
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li
{
    text-align:left;
    float: left;
	width: auto;
	padding: 0 15px;
	border-right: 1px solid #dadada;
	border-left: 1px solid #fafafa;	
	border-bottom: none;
	color: #555;
	font: bold 14px/45px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-transform: uppercase;
	text-decoration: none;	
	letter-spacing: 1px;

}

/* 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 deta-5ils. */
/*Controls all of the Second Tier Menu Items*/
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li
{
    text-align:left;
    width: 130px;
	margin-top:-5px;
/*	margin-bottom:-45px; */
	background: #E4E4E4 url("../Images/nav.jpg") repeat-x;
	font: bold 10px/35px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	

}

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li
{

}

/* Third tier menus have to be positioned differently than second (or top) tier menu items because */
/* they drop to the side, not below, their parent menu item. This is done by setting the last margin */
/* value (which is equal to margin-left) to a value that is slightly smaller than the WIDTH of the */
/* menu item. So, if you modify the rule above, then you should modify this (below) rule, too. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li ul
{
   
}

/*User Interaction Rules for all Tiers*/

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li:hover, /* list items being hovered over */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Hover
{
    background: #DBDBDB url("../Images/nav-current.jpg") repeat-x;
}

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li:hover, /* list items being hovered over */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li.AspNet-Menu-Hover
{
    background: #DBDBDB url("../Images/nav-current.jpg") repeat-x;
}

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li:active, /* list item Selected */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Selected
{
    background: #DBDBDB url("../Images/nav-current.jpg") repeat-x;
}