﻿.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(../resources/images/nav_line.jpg);
background-repeat:repeat-x;*/
background-color:#224A7D;
}
ul.AspNet-Menu {
	margin: 0px 0px 0px 15px;
	padding: 0px;
	text-transform:none;
	float:left;
}
ul.AspNet-Menu li {
	list-style-type: none;
	padding: 0px;
	/*	border-top: 1px solid #C1C1C1;*/
	border-right: none;
	/*	border-bottom: 1px solid #C1C1C1;*/
	border-left: none;
}
ul.AspNet-Menu li li {
	background-image: none;
	/*background-color: #224A7D;*/
	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, 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: 20px;
}
ul.AspNet-Menu li.AspNet-Menu-WithChildren a {
	/* these pixels will vary with the font size */
	padding: 0px 15px 0px 20px;/*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: #224A7D;
	color:#FFFFFF;
	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:#FFFFFF;
}
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: #224A7D;
	margin: 1px 0px 0px -1px; /* to account for the 1px border so the line is unbroken */
	position: absolute;
	padding: 15px 10px 12px 0px;
	z-index: 10000000;
	background-image:url(../resources/images/nav-bg.jpg);
	background-repeat:repeat-x;
	background-position:left bottom;
}
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: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
ul.AspNet-Menu li.AspNet-Menu-WithChildren li a {
	font-size: 12px;
	color: #003265;
	padding: 0px;
}
ul.AspNet-Menu li.AspNet-Menu-WithChildren li a:hover {
	padding: 0px;
}
ul.AspNet-Menu li.AspNet-Menu-Current a {
	font-size: 12px;
	color: #0B2777;
	padding: 0px;
}
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: #77AEFC;
	text-decoration: none;
	text-transform:none;
}
ul.AspNet-Menu li.AspNet-Menu-WithChildren li img {
	border: 1px solid #4E4E4E;
	padding: 0px;
	margin: 0px;
}
.menu-2{
width:133px;}
.menu-4{
width:134px;}