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

/* 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. */

#main-nav{
width:100%;
float:left;
/*background-image:url(../images/nav_line.jpg);
background-repeat:repeat-x;*/
background-color:#0055D4;
font-family: 'Lato', sans-serif;

}

ul.AspNet-Menu
{
	margin: 0px;
	padding: 0px;
	text-transform:none;
	float:left;
}

ul.AspNet-Menu li
{
	list-style-type: none;
	padding: 0px;
	border-top: 0px solid #0055D4;
	border-right: none;
	border-bottom: 0px solid #0055D4;
	border-left: none;
	font-family: 'Lato', sans-serif;font-weight:normal;
	
	text-transform:uppercase;
	
	
}

ul.AspNet-Menu li li
{
	background-image: none;
	background-color: white;
	border: none;

}

ul.AspNet-Menu li a 
{
	display: block;
	
	
}

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

ul.AspNet-Menu li.AspNet-Menu-WithChildren 
{
	float: left;
	/* Put extra padding on the sides to be removed when the borders are added so nothing moves */	
	padding: 0px 1px 0px 1px;
	
}

ul.AspNet-Menu li.AspNet-Menu-WithChildren
{
	line-height: 22px;
	
}

ul.AspNet-Menu li.AspNet-Menu-WithChildren-Hover,
ul.AspNet-Menu li.AspNet-Menu-Leaf,
ul.AspNet-Menu li.AspNet-Menu-Leaf-Hover
{
	line-height: 22px;
	
}

ul.AspNet-Menu li li.AspNet-Menu-Leaf,
ul.AspNet-Menu li li.AspNet-Menu-Leaf-Hover
{
	line-height: 22px;
}

ul.AspNet-Menu li.AspNet-Menu-WithChildren a
{
	/* these pixels will vary with the font size */
	padding: 5px 16px 5px 10px; 
	/*padding: 0px 16px;*/
}

ul.AspNet-Menu li.AspNet-Menu-WithChildren li.AspNet-Menu-Leaf
{
	padding: 0px;
	text-transform:none;
}

ul.AspNet-Menu li.AspNet-Menu-WithChildren:hover,
ul.AspNet-Menu li.AspNet-Menu-WithChildren-Hover
{
	float: left;
	/* 
		Remove the extra pixel from each side to make horizontal room for the border. 
		Add a pixel to the bottom so there's no break between the li border and the div border.
	*/
	padding: 0px 0px 1px 0px;
	background-image:none;
	background-color: #FFFFFF;
	color:#0055D4;
	border-right: 1px solid #B2B2B2;
	/* if you override border-bottom with none or 0, firefox still displays inherited settings */
	border-bottom-style: none;
	border-left: 1px solid #B2B2B2;
}

ul.AspNet-Menu li.AspNet-Menu-WithChildren:hover a,
ul.AspNet-Menu li.AspNet-Menu-WithChildren-Hover a
{
	color:#672178;
}


ul.AspNet-Menu li.AspNet-Menu-WithChildren div 
{
	display: none;
	border-top: none;
	border-right: 1px solid #C1C1C1;
	border-bottom: 1px solid #C1C1C1;
	border-left: 1px solid #C1C1C1;
	background-color: white;
	
	margin: 1px 0px 0px -1px; /* to account for the 1px border so the line is unbroken */
	position: absolute;
	padding: 18px 30px 12px 0px;
	z-index: 10000000;
	
}

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

ul.AspNet-Menu li.AspNet-Menu-WithChildren ul 
{
	float: left;
	margin: 0px 6px 0px 15px;
	padding: 0px;
	
}

ul.AspNet-Menu li.AspNet-Menu-Leaf img
{
	border: 0;
	vertical-align: middle; 	
	padding: 0px 0px 0px 2px;
	/* height: 26px; */
}

ul.AspNet-Menu li a 
{
	font-size: 14px;
	
	color: #ffffff;
	text-decoration: none;
	
	
}

ul.AspNet-Menu li.AspNet-Menu-WithChildren li a
{
	font-size: 13px;
	color: #0055D4;
	padding: 0px;
	letter-spacing:0px;
	padding-bottom:5px;
	
	
}

ul.AspNet-Menu li.AspNet-Menu-WithChildren li a:hover
{
	padding: 0px;
}

ul.AspNet-Menu li.AspNet-Menu-Current a 
{
	font-size: 14px;
	color: #0055D4;
	padding: 0px;
	padding-bottom:15px;
}

ul.AspNet-Menu li li.AspNet-Menu-Leaf a:hover,
ul.AspNet-Menu li li.AspNet-Menu-Leaf-Hover a:hover,
ul.AspNet-Menu li li.AspNet-Menu-Leaf a.AspNet-Menu-Link:hover
{
	color: #DF1B1B;
	text-decoration: none;
	text-transform:none;
	padding-bottom:5px;
	
}

ul.AspNet-Menu li.AspNet-Menu-WithChildren li img{
   border: 0px solid #4E4E4E;
   padding: 0px;
   margin: 0px;
}