div.MainMenu 
{
	padding-left: 20px;
}

/* 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. */
.MainMenu ul.AspNet-Menu ul
{
	border-left: 1px solid #c3c6d5;
	border-right: 1px solid #c3c6d5;
	border-bottom: 1px solid #c3c6d5;
    width: 200px;
    left: 8.9em;
    top: -50px;
    z-index: 400;
}

.MainMenu ul.AspNet-Menu ul ul
{
	border-top: 1px solid #c3c6d5;
    width: 11.5em;
    left: 10.4em;
}

/* The menu adapter generates a list item (li) in HTML for each menu item. */
/* Use this rule create the common appearance of each menu item. */
.MainMenu ul.AspNet-Menu li
{
    background:#BBEB86;
}

/* Within each menu item is a link or a span, depending on whether or not the MenuItem has defined it's */
/* NavigateUrl property. By setting a transparent background image here you can effectively layer two images */
/* in each menu item.  One comes from the CSS rule (above) governing the li tag that each menu item has. */
/* The second image comes from this rule (below). */
.MainMenu ul.AspNet-Menu li a,
.MainMenu ul.AspNet-Menu li span
{
    padding: 9px 2px 6px 8px;
    /*
    border-top: solid 1px #E7E7E7;
    border-right: solid 1px #D2D2D2;
    border-bottom: solid 1px #D2D2D2;
    border-left: solid 1px #E7E7E7;
	*/
    text-align: center;
}

.MainMenu ul.AspNet-Menu ul li a,
.MainMenu ul.AspNet-Menu ul li span
{
    background: transparent url(/images/arrow-grey.png) right center no-repeat;
}

/* This is only second-tier and below */
.MainMenu ul.AspNet-Menu ul li a,
.MainMenu ul.AspNet-Menu ul li span
{
    padding: 4px 2px 4px 8px;
    text-align: left;
}

/* When a menu item contains no submenu items it is marked as a "leaf" and can be styled specially by this rule. */
.MainMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a,
.MainMenu ul.AspNet-Menu li.AspNet-Menu-Leaf span
{
    background-image: none;
}

/* Not used presently.  This is here if you modify the menu adapter so it renders img tags, too. */
.MainMenu ul.AspNet-Menu li a img
{
    border-style: none;
    vertical-align: middle;
}

/* Tabs */
.MainMenu ul.AspNet-Menu li:hover a, 
.MainMenu ul.AspNet-Menu li:hover span, 
.MainMenu ul.AspNet-Menu li.AspNet-Menu-Hover a,
.MainMenu ul.AspNet-Menu li.AspNet-Menu-Hover span
{
    color: #008B00;
}


/* Level 3 Menus */
.MainMenu ul.AspNet-Menu li:hover li:hover li a, 
.MainMenu ul.AspNet-Menu li:hover li:hover li span, 
.MainMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a,
.MainMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span
{
	background: #ffffff;
}

.MainMenu ul.AspNet-Menu li:hover li:hover li.AspNet-Menu-ChildSelected a, 
.MainMenu ul.AspNet-Menu li:hover li:hover li.AspNet-Menu-ChildSelected span, 
.MainMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-ChildSelected a,
.MainMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-ChildSelected span
{
	background: #8BB552;
	color: #ffffff;
}

/* Flyout menus */
.MainMenu ul.AspNet-Menu li:hover li:hover a, 
.MainMenu ul.AspNet-Menu li:hover li:hover span, 
.MainMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.MainMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.MainMenu ul.AspNet-Menu li:hover li:hover ul a:hover, 
.MainMenu ul.AspNet-Menu li:hover li:hover ul span.Asp-Menu-Hover, 
.MainMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a:hover,
.MainMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span.Asp-Menu-Hover
{
	background-color: #B2B2B2;
}

/* While you hover over a list item (li) you are also hovering over a link or span because */
/* the link or span covers the interior of the li.  So you can set some hover-related styles */
/* in the rule (above) for the li but set other hover-related styles in this (below) rule. */
.MainMenu ul.AspNet-Menu li a:hover,
.MainMenu ul.AspNet-Menu li span.Asp-Menu-Hover
{
}

.MainMenu ul.AspNet-Menu ul li a:hover,
.MainMenu ul.AspNet-Menu ul li span.Asp-Menu-Hover
{
    background: transparent url(/images/arrow-active-grey.png) right center no-repeat;
}

.MainMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover
{
    background-image: none;
}


/* -------------------------------------------------------------------------- */
/* When the Menu control's Orientation property is Horizontal the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Horizontal. */

.MainMenu .AspNet-Menu-Horizontal
{
    position:absolute;
    top: 120px; /*200px;*/
    z-index: 300;
}

/* 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. */
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu
{
    width: 100%;
}

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

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
    top: -0.3em;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
    width: 11.5em;
}


/* Hide Level 4 Menus and beyond.  We want to include them in the HTML output so their parents will apply the
correct selected class, but we don't want the user to actually see them.  */
.MainMenu ul.AspNet-Menu ul ul ul 
{
	display: none;
}

/* 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. */
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li
{
	background: transparent url('/images/tab-normal.png') no-repeat top center;
	color: #395E25;
	margin-right: -3px;
    width: 117px;
    text-align:left;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li a 
{
	color: #395E25;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li li a:link
{
	color: #666666;
}

/* The very leftmost tab; it must be different in order to support overlapping.  This class is not part of the standard CSS Friendly Adapters; I added it custom myself. - KLO */
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-FirstChild {
	background: transparent url('/images/tab-normal-left.png') no-repeat;
}

/* Selected Tab */
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Selected,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-ChildSelected,
/* When you hover over a menu item, this rule comes into play. */
/* Browsers that do not support the CSS hover pseudo-class, use JavaScript to dynamically change the */
/* menu item's li tag so it has the AspNet-Menu-Hover class when the cursor is over that li tag. */
/* See MenuAdapter.js (in the JavaScript folder). */
.MainMenu ul.AspNet-Menu li:hover, 
.MainMenu ul.AspNet-Menu li.AspNet-Menu-Hover,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-FirstChild:hover,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Hover
{
	background: transparent url('/images/tab-active.png') no-repeat;
	color: #666666;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Selected a,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li:hover a 
{
	color: #666666;
}

/* Selected dynamic menu option */
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-ChildSelected ul li.AspNet-Menu-Selected,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-ChildSelected ul li.AspNet-Menu-ChildSelected
{
	background: #8BB552;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-ChildSelected ul li.AspNet-Menu-Selected a,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-ChildSelected ul li.AspNet-Menu-Selected span, 
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-ChildSelected ul li.AspNet-Menu-ChildSelected a,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-ChildSelected ul li.AspNet-Menu-ChildSelected span 
{
	color: #ffffff;
}

/* Level 3 menus when Level 1 is selected */
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-ChildSelected ul li.AspNet-Menu-Selected ul a,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-ChildSelected ul li.AspNet-Menu-Selected ul span, 
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-ChildSelected ul li.AspNet-Menu-ChildSelected ul a,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-ChildSelected ul li.AspNet-Menu-ChildSelected ul span 
{
	color: #666666;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-ChildSelected ul li.AspNet-Menu-Selected ul li.AspNet-Menu-ChildSelected a,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-ChildSelected ul li.AspNet-Menu-Selected ul li.AspNet-Menu-ChildSelected span, 
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-ChildSelected ul li.AspNet-Menu-ChildSelected ul li.AspNet-Menu-ChildSelected a,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-ChildSelected ul li.AspNet-Menu-ChildSelected ul li.AspNet-Menu-ChildSelected span 
{
	color: #ffffff;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li a,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li span 
{	
	color: inherit;
	font-family: Verdana;
	font-size: 10pt;
}

/* 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. */
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li, 
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li.AspNet-Menu-FirstChild
{
	background: #ffffff;	
    text-align:left;
    width: 200px;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li a,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li span 
{
	color: #322A21;
	font-size: 8pt;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li
{
    width: 200px;
}

/* 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. */
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li ul
{
    margin: 3px 0 0 200px;
    width: 200px;    
}

.SideMenu .AspNet-Menu-Vertical ul 
{
	display: block;
}

.SideMenu .AspNet-Menu-Vertical ul.AspNet-Menu ul
{
    width: 180px;
}

.SideMenu .AspNet-Menu-Vertical ul.AspNet-Menu ul
{
	position: relative;
}

.SideMenu .AspNet-Menu-Vertical ul.AspNet-Menu li 
{
	margin-bottom: 10px;
}

.bluebox .SideMenu .AspNet-Menu-Vertical ul.AspNet-Menu li 
{
	margin-bottom: 0px;
}

.SideMenu .AspNet-Menu-Vertical ul.AspNet-Menu ul
{
	margin-top: 10px;
}

.SideMenu .AspNet-Menu-Vertical ul.AspNet-Menu ul li
{
	margin-left: 10px;
}

.TourMenu ul,
.TourMenu .SideMenu .AspNet-Menu-Vertical ul.AspNet-Menu ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-size:12px
}

.TourMenu li ,
.TourMenu .SideMenu .AspNet-Menu-Vertical ul.AspNet-Menu ul li,
.TourMenu .SideMenu .AspNet-Menu-Vertical ul.AspNet-Menu li
{
	background: none;
	margin: 0px;
	padding: 0px;
}

.TourMenu a 
{
	display: block;
	color: #ffffff;
	font-weight: normal;
	padding: 1px 0px 1px 10px;
	width: 180px;
}

.TourMenu .SideMenu .AspNet-Menu-Vertical ul.AspNet-Menu li.AspNet-Menu-Depth1 
{
	padding-left: 10px;
}
.TourMenu .SideMenu .AspNet-Menu-Vertical ul.AspNet-Menu li.AspNet-Menu-Depth1 a 
{
	width: 170px;
}

.TourMenu .SideMenu .AspNet-Menu-Vertical ul.AspNet-Menu li.AspNet-Menu-Depth2 
{
	padding-left: 10px;
}
.TourMenu .SideMenu .AspNet-Menu-Vertical ul.AspNet-Menu li.AspNet-Menu-Depth2 a 
{
	width: 160px;
}

.TourMenu a.AspNet-Menu-Selected 
{
	background: #083d65;
}

.TourMenu a:hover 
{
	background: #4ea9f1;
}

/* In order to get the highlighting etc. to work, we need to write out all the levels of the main menu, but we don't want to show any more than 3.  So this rule hides the deeper ones. */
.MainMenu .AspNet-Menu-Depth2 ul
{
	display: none;
}

.MainMenu ul.AspNet-Menu ul .AspNet-Menu-Depth1 ul li a,
.MainMenu ul.AspNet-Menu ul .AspNet-Menu-Depth1 ul li span 
{
	background: transparent;
}

.TourMenu .SideMenu 
{
	padding-top: 8px;
}

.TourMenu .AspNet-Menu-NonLink 
{
    display: none;
}