* 
{
    list-style: none;
}
/* defining the menu container here */

#HeaderMenu {
	/* border: 1px solid #bfbfbf; */
	position:relative;
	font: normal 1em/1.4 "helvetica neue", arial, helvetica, sans-serif;
	margin-top: .5em;
	/* margin-left: .1em; */
	
}

    .level1, .level2, .level3
    {
        color: #fff;
    }

.HeaderMenu_Class
{
	position: relative;
	font-size: 12px ;
	font-weight: bold;
	clear: both;
	float: left;  
}
/* define the top level menu */
#HeaderMenu ul.level1
{
	background-position: 0 0;
	float: left;
	margin: 0 auto;
	width: 972px;
	height: 2.625em;
	background-color: #003366;
    cursor: pointer;
	 	
}
#HeaderMenu ul.level1 > li {
	float:left;
	xposition: relative; /* removed to push second menu all the way to the left; */
	
    margin-right: .1em;
	padding-top: .6em;
	padding-bottom: .7em;
	padding-left: 2em;
	padding-right: 2em;
	text-decoration: none; 
	background-color: #003366;
}

    #HeaderMenu ul.level1 > li,
    #HeaderMenu ul.level1
    {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
    }

#HeaderMenu ul.level1 a.level1 {
	text-decoration: none;
}


/*#HeaderMenu ul.level1 >li:hover > ul.level2,
#HeaderMenu ul.level2 > li:hover > ul.level3
{
    display: block;
}*/

#HeaderMenu ul.level2 > li:hover > ul.level3
{
    display: block;
}

#HeaderMenu ul.level1 > li.selected,
#HeaderMenu ul.level1 > li:hover
{
    background-color: #0053D6;

  /*background-image: -webkit-gradient(linear, left top, left bottom, from(#0053D6), to(#003366));*/ /* Saf4+, Chrome 
  background-image: -webkit-linear-gradient(top, #0053D6, #003366); /* Chrome 10+, Saf5.1+, iOS 5+ 
  background-image:    -moz-linear-gradient(top, #0053D6, #003366); /* FF3.6 
  background-image:     -ms-linear-gradient(top, #0053D6, #003366); /* IE10 
  background-image:      -o-linear-gradient(top, #0053D6, #003366); /* Opera 11.10+ 
  background-image:         linear-gradient(top, #0053D6, #003366); */
	
}

#HeaderMenu ul.level3 > li.selected a.level3
{
    color: #999999;
      /*background-image: -webkit-gradient(linear, left top, left bottom, from(#003366), to(#002233)); /* Saf4+, Chrome */
      /*background-image: -webkit-linear-gradient(top, #003366, #002233);*/ /* Chrome 10+, Saf5.1+, iOS 5+ */
      /*background-image:    -moz-linear-gradient(top, #003366, #002233);*/ /* FF3.6 */
      /*background-image:     -ms-linear-gradient(top, #003366, #002233); /* IE10 */
      /*background-image:      -o-linear-gradient(top, #003366, #002233); /* Opera 11.10+ */
      /*background-image:         linear-gradient(top, #003366, #002233);	/* border-bottom: 1px solid #004D99; */
}

/* second level menu */
#HeaderMenu ul.level2
{
	/*display: none;*/
	position: absolute; 
	top: 100%; 
	left: 0px;
	width: 100%;
	font-size: .9em;
	background: #0073E6;
	/*background-image: -webkit-gradient(linear, left top, left bottom, from(#003366), to(#0073E6)); /* Saf4+, Chrome */
  /*background-image: -webkit-linear-gradient(top, #003366, #0073E6);*/ /* Chrome 10+, Saf5.1+, iOS 5+ */
  /*background-image:    -moz-linear-gradient(top, #003366, #0073E6); /* FF3.6 */
  /*background-image:     -ms-linear-gradient(top, #003366, #0073E6); /* IE10 */
  /*background-image:      -o-linear-gradient(top, #003366, #0073E6); /* Opera 11.10+ */
  /*background-image:         linear-gradient(top, #003366, #0073E6);*/
	
}
#HeaderMenu ul.level2 > li
{
	background: #0073E6;
    display: block;
    height: 1.3em;
	/*background-image: -webkit-gradient(linear, left top, left bottom, from(#003366), to(#0073E6)); /* Saf4+, Chrome */*/
  /*background-image: -webkit-linear-gradient(top, #003366, #0073E6); /* Chrome 10+, Saf5.1+, iOS 5+ */*/
  /*background-image:    -moz-linear-gradient(top, #003366, #0073E6); /* FF3.6 */*/
  /*background-image:     -ms-linear-gradient(top, #003366, #0073E6); /* IE10 **/
  /*background-image:      -o-linear-gradient(top, #003366, #0073E6); /* Opera 11.10+ */*/
  /*background-image:         linear-gradient(top, #003366, #0073E6);*/
	
	padding-top: .6em;
	padding-bottom: .6em;
	padding-left: 1.2em;
	padding-right: 1.2em; 
	
	clear: none;
	float: left;
	position: relative;
	
}
/* second level menu hover */
#HeaderMenu ul.level2 a.level2
{
	text-decoration: none;
    z-index: 5;
}


/* third level menu */
#HeaderMenu ul.level3
{
    position: absolute;
	background: transparent;
	display:none;
	padding: 0 0px;
	/*xright: 100%;*/
	/*top: 2em;*/
	left: 0em;
    width: 10em;
    /*float: left;
    clear:both;*/
    /*z-index: 11111;*/
    
} 
#HeaderMenu ul.level3 li
{
	background: #0073E6;
	
	clear: both;
	float: left;
	position: relative;
	width: 20em;
	padding-bottom: .3em;
	padding-top: 0;
	padding-left: .3em;
	padding-right: .3em;
    
}
#HeaderMenu ul.level3 a.level3
{
	font-size: .8em;
	text-decoration: none;
	background: transparent;
	    z-index: 11113;
}
#HeaderMenu ul.level3 li.selected,
#HeaderMenu ul.level3 li:hover
{
    background-color: #0073E6;
	  
}
#HeaderMenu ul.level3 a:hover
{
    background: transparent;
     
}
#LoggedInUser
{
	float:left;
	margin-left: 1em;
}
.LoginName
{
	float:left;
}
.LoginNameDivider
{
	margin: 0 .8em 0 0;
	float:left;
}
.LoginNameLabel
{
	float:left;
}

.ProfileDropDownArrow
{
	float:left;
	margin-left: 1em;
}
.ProfileDropDown
{
	float:left;
	margin-left: .6em;
	border: none;
}
.ProfileMenu
{
	font-family: Arial;
	position: absolute;
	float:left;
	top: 60px;
	
	display: none;
	width: 10em;
	-moz-box-shadow: 3px 3px 3px #11312f;
    -webkit-box-shadow: 3px 3px 3px #11312f;
    box-shadow: 3px 3px 3px #11312f;
	z-index: 1111;
}
.ProfileMenu ul
{
	background-color: #27726F;
}
.ProfileMenu a
{
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	margin: 1.3em 1.3em 1.3em 1.3em;
}

.ProfileMenu li:hover
{
	background-color: #54C4C1;
}
.ProfileMenu li 
{
	line-height: 1.5em;
	
}

#HeaderLoginStatus
{
	float:right;
}

.currentPage
{
    color: #999999;
}