/* CURRENT CONFIGURATION: Horizontal links with downward flyouts */

/* FLYOUT NAVIGATION FUNCTIONALITY */


.nav ul { font-size: 12px; font-family: Verdana, Arial, Tahoma; width: 130px; margin: 0px; padding: 0px; float : left; list-style: none;}
/* Sets the width of the main elements, and any margin or padding for them. 
By removing float: left;, it makes the links vertical */
				
.nav ul li { background-color : #fff; position: relative; list-style: none !important; }
/* Sets the background for the main elements, and position:relative; 
causes the flyouts to sync up with the main elements */
			
.nav li ul { width : 157px; left: 0px; top: 30px; position: absolute; display: none; }
/* Sets the width of the dropdowns, and their padding relative to the parent element.
top:0px; refers to the vertical spacing of the dropdown from the parent element in Firefox.
There cannot be any space between the element and the dropdown, or else it doesn't work.
Position:asbsolute is required, change display:none; to display:block; to debug dropdown positioning.
 */


/* Styles for the links in the bar, the non drop-downs. */
.navitem { height : 20px;  padding : 5px; padding-top : 5px; text-align : center; text-decoration: none; font-weight : bold; color: #fff; display: block; }
			
.navitem:hover { color : #fff; background-color : #7094c4; text-decoration: underline; }
/* 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 : 32px;}
* html .navitem {padding-top : 8px; padding-bottom : 8px;}

/* End */

/* Dropdown Link Styles */
.nav ul li ul li a { text-align : left;  line-height : 20px; text-decoration: none; color : #fff; background-color : #7094c4; height : 24px; padding: 0px; padding-left : 22px; padding-right : 5px; display: block; font-weight: bold;}

.nav ul li ul li a:hover { line-height : 20px; text-decoration: underline; color : #fff; background-color : #7094c4; height : 24px; padding: 0px;  padding-left : 22px; padding-right : 5px; display: block; font-weight: bold;}
/* End Dropdown Link Styles */

/* Flyout Link Styles (Links that fly out from the dropdowns) */
.nav ul li ul li ul li a { text-align : left; display: block; width:250px; line-height : 20px; text-decoration: none; color : #4388a0; background-color : #d3e7ee; height : 24px; padding: 0px;  padding-left : 5px; padding-right : 5px; border-left : 1px solid #4388a0; }
			
.nav ul li ul li ul li a:hover { line-height : 20px; text-decoration: underline; color : #4388a0; background-color : #d3e7ee; height : 24px; padding: 0px;  padding-left : 5px; padding-right : 5px;  display: block;}
/* End Flyout Link Styles */

/* Fix IE. Hide from IE Mac \*/
* html .nav ul li { float: left; }
* html .navitem { height: 1%; }
/* End */		
			
/* Do not change these next two lines */
.nav li:hover ul, .nav li.over ul { display: block; }			
.nav ul li ul li:hover ul li, .nav li.subnavtrigger ul li { display: block; }

/* Flyout positioning configuration (flyouts, not dropdowns) Style dictated by .nav ul li */
.nav ul li ul li ul { position: absolute; left: 165px; top: 0px; display: none; }
.nav ul li ul li ul li {display : none;}
/* End Flyout configuration */
			
/* END FLYOUT NAVIGATION FUNCTIONALITY */