/* FLYOUT NAVIGATION FUNCTIONALITY */

.nav ul { width : 180px; margin: 0px; padding: 0px; float : left; list-style: none;}
				
.nav ul li { background-color : #fff; position: relative; border : 1px solid #ccc; border-bottom : 0px; }
			
.nav li ul {  left: 178px; top: -20px; position: absolute; display: none; }

.nav2 ul {  border-bottom : 1px solid #ccc; margin: 0px; padding: 0px;  list-style: none;}
				
.nav2 ul li { background-color : #fff; position: relative; border-bottom : 0px; }
			
.nav2 li ul { width : 195px; left: 0px; margin-top : -4px; position: absolute; display: none; }

.nav2 li ul {top : -1px;}


/* Styles for the links in the bar, the non drop-downs. */

.nav .navitem { color : #777; padding : 5px; padding-left : 25px; padding-top : 5px; text-decoration: none; display: block; background-color : #fff; background-image : url(/images/flyoutbullet1.gif); background-repeat : no-repeat; background-position : 10px 12px; }
			
.nav .navitem:hover { color: #990000; background-color: #f9f9f9; text-decoration: underline; background-image : url(/images/flyoutbullet1.gif); background-repeat : no-repeat; background-position : 10px 12px;}




.nav2 .navitem { color : #777; text-decoration: none; display: block;  }
			
.nav2 .navitem:hover { color: #990000; background-color: #f9f9f9; text-decoration: underline;}

.nav2 .navitem2 {color : #777; padding : 5px; padding-left : 25px; padding-bottom : 6px; text-decoration: none; display: block; background-color : #fff; background-image : url(/images/flyoutbullet1.gif); background-repeat : no-repeat; border : 1px solid #ccc; border-bottom : 0px; background-position : 10px 12px; }
			
.nav2 .navitem2:hover {color: #990000; background-color: #f9f9f9; text-decoration: underline; background-image : url(/images/flyoutbullet1.gif); background-repeat : no-repeat; background-position : 10px 12px;}


/* End non-dropdown styles */

/* IE STYLE. IE handles height and padding differently than firefox.
Height here has to be determined by padding in IE relative to the text line or image.
The "top : ##px;" is how much padding there is between the main items and the dropdowns, and must be tuned for IE as well
 \*/

* html .nav li ul {top : -1px;}
* html .nav2 li ul {top : -1px;}
* html .navitem {top : -1px;}

* html .nav ul li ul li a {height : 24px;}

* html .nav ul li ul li ul li a {height : 24px;}

* html .nav2 ul li ul li a {height : 24px;}

* html .nav2 ul li ul li ul li a {height : 24px;}

/* End */

/* Dropdown Link Styles */

.nav ul li ul li a { text-align : left;  line-height : 20px; text-decoration: none; color : #666; background-color : #fff0cc; padding: 5px; padding-left : 20px; display: block; background-image : url(/images/flyoutbullet2.gif); background-repeat : no-repeat; background-position : 10px 12px; }

.nav ul li ul li a:hover { line-height : 20px; text-decoration: underline; color : #990000; background-color : #fff0cc; padding: 5px; padding-left : 20px; display: block; background-image : url(/images/flyoutbullet2.gif); background-repeat : no-repeat; background-position : 10px 12px; }


/* Dropdown Link Styles for Top */ /* TOP NAV DROPDOWN STYLE */

.nav2 ul li ul li a { color : #777; padding : 5px; padding-left : 25px; padding-bottom : 6px; text-decoration: none; display: block; background-color : #fff; background-image : url(/images/flyoutbullet1.gif); background-repeat : no-repeat; border : 1px solid #ccc; border-bottom : 0px; background-position : 10px 12px;}

.nav2 ul li ul li a:hover { color: #990000; background-color: #f9f9f9; text-decoration: underline; background-image : url(/images/flyoutbullet1.gif); background-repeat : no-repeat; background-position : 10px 12px;  }

.navitem2 ul li a {text-align : left;  line-height : 20px; text-decoration: none; color : #666; background-color : #fff0cc; padding: 5px; padding-left : 20px; display: block; background-image : url(/images/flyoutbullet2.gif); background-repeat : no-repeat; background-position : 10px 12px; }

.navitem2 ul li a:hover { line-height : 20px; text-decoration: underline; color : #990000; background-color : #fff0cc; padding: 5px; padding-left : 20px; display: block; background-image : url(/images/flyoutbullet2.gif); background-repeat : no-repeat; background-position : 10px 12px; }


/* End Dropdown Link Styles */

/* Flyout Link Styles (Links that fly out from the dropdowns) */

.nav ul li ul li ul {width : 320px;}

.nav ul li ul li ul li a { text-align : left; display: block; line-height : 20px; text-decoration: none; color : #555; background-color : #fff7e5; background-image : none; padding: 5px; }
			
.nav ul li ul li ul li a:hover { line-height : 20px; text-decoration: underline; color : #990000; background-color : #fff7e5; background-image : none; padding: 5px; display: block;}

/* End Flyout Link Styles */

/* Fix IE. Hide from IE Mac \*/
* html .nav ul li { float: left; }
* html .nav2 ul li { float: left; }
* html .navitem { height: 1%; }
* html .navitem2 { height: 1%; }

/* End */		
			
/* Do not change these next two lines */
.nav li:hover .secondlevel, .nav li.over .secondlevel { display: block; }
.nav2 li:hover .secondlevel, .nav2 li.over .secondlevel   { display: block; }

.nav ul li ul li:hover .bottomlevel, .nav li.subnavtrigger .bottomlevel { display: block; }
.nav2 ul li ul li:hover .bottomlevel, .nav2 li.subnavtrigger .bottomlevel { display: block; }


/* Flyout positioning configuration (flyouts, not dropdowns) Style dictated by .nav ul li */
.nav ul li ul li ul { position: absolute; left: 178px; top: -15px; display: none;  }
.nav ul li ul li ul li {}
/* End Flyout configuration */

.bottomlevel {border-bottom : 1px solid #ccc;}
			
/* END FLYOUT NAVIGATION FUNCTIONALITY */

.visible {display : block; }

.quirk{margin-top: -3px;}