.foo {} /* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... */

/*------ main-nav ------*/
/* In myGphc replaced with mainMenu */


#MenuStyled {
    width: 943px;
    float: left;
	background: url("images/mygphc-menu-last-bg.gif") no-repeat scroll right top; 
}

#mainMenu{
	float: left;
}

* html #mainMenu{
	background: url("images/navigation-bg-ie6.jpg") no-repeat bottom left;
}


#mainMenu>ul{
	margin: 0 0 0 33px;
    font-size: 1.2em;

/*	float: left;
	position:relative;
	display: block;
	*/
}



* html #mainMenu ul{
	margin: 0 0 0 33px;
	font-size: 1.2em;
}

/*
#mainMenu ul ul {
    visibility: hidden;
    display: block;
    position: absolute;
 }
*/

#mainMenu li{
    padding-right: 1px;
	background: url("images/nav-divider.gif") no-repeat bottom right;
}
#mainMenu li li{
    background: none;
}

#mygphc-nav{
	float: left;
	width: 975px;
	background: url("images/mygphc-navigation-bg.gif") no-repeat bottom left;
}
* html #mygphc-nav{
	background: url("images/mygphc-navigation-bg.gif") no-repeat bottom left;
}

#mygphc-nav div.last
{
    font-size: 1.2em;
	float: right;
	color: #fff;
	height: 20px;
	padding: 10px 19px 10px 19px;
	background: none;
}

#mygphc-nav div.last div
{
	float: left;
}
#mygphc-nav div.last a
{
	color: #fff;
    background: none;
	text-decoration: none;
    font-weight: bold;
    float: left;
    padding: 0 0 0 10px;
}    
#mygphc-nav div.last a:hover
{
	color: #fff;
    background: none;
	text-decoration: underline;
    font-weight: bold;
    float: left;
    padding: 0 0 0 10px;
}    




#mainMenu li a{
	float: left;
	display: block;
	color: #fff;
	height: 20px;
	padding: 10px 19px 10px 19px;
	text-decoration: none;
	background: #22749E url("images/nav-item-bg.jpg") no-repeat 0 0;
}
/*
#mainMenu ul li.last a{
	background: #22749E url("../images/nav-last-bg.jpg") no-repeat 100% 0;
}
#mainMenu ul li.last:hover a,
#mainMenu ul li.last.AspNet-Menu-Hover a,
#mainMenu ul li.last.AspNet-Menu-Selected a{
	background: #22749E url("../images/nav-last-bg.jpg") no-repeat 100% -40px;
}
*/



#mainMenu ul li#AspNet-Menu-First a{
	background: #22749E url("images/nav-first-bg.jpg") no-repeat 0 0;
}

#mainMenu ul li#AspNet-Menu-First:hover a,
#mainMenu ul li#AspNet-Menu-First.AspNet-Menu-Hover a,
#mainMenu ul li#AspNet-Menu-First.AspNet-Menu-Selected a {
	background: #22749E url("images/nav-first-bg.jpg") no-repeat -300px 0;
}


#mainMenu li:hover a,
#mainMenu li.AspNet-Menu-Hover a,
#mainMenu li.AspNet-Menu-Selected a{
	background: #22749E url("images/nav-item-bg.jpg") no-repeat -300px 0;
}




#mainMenu .active
{
    background: #22749E url("images/nav-item-bg.jpg") no-repeat -300px 0;
}
#mainMenu ul li#AspNet-Menu-First a.active
{
    background: #22749E url("images/nav-first-bg.jpg") no-repeat -300px 0;
}


/*#mainMenu ul li.AspNet-Menu-WithChildren ul,
#mainMenu ul li.first.AspNet-Menu-WithChildren ul,
#mainMenu ul li.AspNet-Menu-WithChildren ul li,
#mainMenu ul li.first.AspNet-Menu-WithChildren ul li
*/
#mainMenu ul li ul,
#mainMenu ul li ul li
{
    width: 240px;
    margin: 0px;
/*    display: block;*/
}
/*
#mainMenu ul li.first.AspNet-Menu-WithChildren ul li a,
#mainMenu ul li.AspNet-Menu-WithChildren ul li a
*/


#mainMenu ul li.AspNet-Menu-WithChildren:hover ul,
#mainMenu ul li.AspNet-Menu-Hover ul
{
/*    visibility: visible;
    display: block;*/
    position: absolute;
    z-index:100; 
    top: 39px;
    font-size: 1.0em;
    border-top: 1px solid #649DBA;  
    width: 190px;
    box-shadow: 0px 2px 5px  rgba(0,0,0,0.3) ;
}
#mainMenu ul li.AspNet-Menu-WithChildren ul li
{
    border-bottom: 1px solid #649DBA;
    width: 190px;
    
}
#mainMenu ul li.AspNet-Menu-WithChildren ul li a,
#mainMenu ul li#AspNet-Menu-First.AspNet-Menu-WithChildren ul li a
{
    background: #1B6487;
    padding: 8px 20px 8px 20px;
    width: 150px;
/*    display: block; */

}

#mainMenu ul li#AspNet-Menu-First ul li a
#mainMenu ul li ul li a
{
	background: #22749E none;
}

#mainMenu ul li.AspNet-Menu-WithChildren ul li:hover a,
#mainMenu ul li.AspNet-Menu-WithChildren ul li.AspNet-Menu-Hover a,
#mainMenu ul li#AspNet-Menu-First.AspNet-Menu-WithChildren ul li:hover a,
#mainMenu ul li#AspNet-Menu-First.AspNet-Menu-WithChildren ul li.AspNet-Menu-Hover a
{
    background: #0D435D;
    padding: 8px 20px 8px 20px;
}



/*-------------------------------------------------------------------------------------------------*/

/* This style sheet is intended to contain RARELY CHANGED rules used when the Menu control adapter is enabled. */
/* These rules correspond to the "pure CSS menu" technique that have been evolving over the past several years. */ 
/* See WhitePaper.aspx for details. */

ul.AspNet-Menu 
{
    position: relative;
}


ul.AspNet-Menu, 
ul.AspNet-Menu ul
{
    margin: 0;
    padding: 0;
    display: block;

}

ul.AspNet-Menu li
{
    position: relative;
    list-style: none;
    float: left;
}

ul.AspNet-Menu li a,
ul.AspNet-Menu li span
{
    display: block;
    text-decoration: none;
}

ul.AspNet-Menu ul
{
    position: absolute;
    visibility: hidden;    
}

/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul
{
    visibility: hidden;
}

/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul,
ul.AspNet-Menu li li:hover ul,
ul.AspNet-Menu li li li:hover ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li.AspNet-Menu-Hover ul
{
    visibility: visible;
}

.AspNet-Menu-Vertical ul.AspNet-Menu li
{
    width: 100%;
}



/*-------------------------------------------------------------------------------------------------*/


/*

This file should contain SUPPLEMENTAL rules that are recognized and used only by IE.
Similar files can be produced, as needed, for other browsers.  Whatever selectors are
listed here should be listed in at least one other CSS file used in the current ASP.NET
theme (thus making these supplemental).  The implementation pattern is to add new props
to some existing rule or to override (using important) some property.

*/

li.first
{

}

ul.AspNet-Menu li
{
    float: left !important;    
    /* height: 1% !important;*/
}

ul.AspNet-Menu li a,
ul.AspNet-Menu li span
{
   /* height: 1% !important;*/
}

.AspNet-Menu-Horizontal ul.AspNet-Menu li li
{
    float: left !important;
}

/* Undoing rules used for IE7 and other browsers. */

ul.AspNet-Menu ul
{
    visibility: visible !important;    
}

ul.AspNet-Menu li:hover ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul
{
    visibility: visible !important;    
}

ul.AspNet-Menu li:hover ul,
ul.AspNet-Menu li li:hover ul,
ul.AspNet-Menu li li li:hover ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li.AspNet-Menu-Hover ul
{
    visibility: visible !important;    
}

/* Pre-IE7 rules used to avoid performance problems found when using the newer rules. */

ul.AspNet-Menu ul
{
    display: none;    
}

ul.AspNet-Menu li:hover ul ul,
ul.AspNet-Menu li:hover ul ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul ul ul
{
    display: none;
}

ul.AspNet-Menu li:hover ul,
ul.AspNet-Menu li li:hover ul,
ul.AspNet-Menu li li li:hover ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li li li.AspNet-Menu-Hover ul
{
    display: block;
}

.AspNet-Menu-Horizontal ul.AspNet-Menu li li
{
    float: none; 
}

.AspNet-Menu-WithChildren ul {
    left: 0px;
}