/* This is a workaround for IE6.  The script reformats the :hover pseudo classes to function with IE6. */

ul#nav, ul#nav * {
	margin:0;
	padding:0;
    font-family:verdana,sans-serif;
    font-weight:bold;	
}
ul#nav {
    position: relative;
	float: left;
	clear: right;
	
	margin-bottom: 0px;
	padding-bottom: 0px;
	
	width:917px;
	line-height:1.3em; 
 	border-bottom:1px solid #cccccc;
 	z-index: 400;

}

ul#nav ul {
	background:#ffffff;

/*IE6 needs this*/

}


ul#nav li {
	display:inline;
	list-style:none;
 	z-index:400; 
    float: left;
    zoom: 1;
}

ul#nav li a {

	display:block;
	float:left;
	padding-top: 4px;
	text-decoration:none;
	padding-bottom:3px;
	padding-left:9px;
	padding-right: 9px;
	}


ul#nav .utilitySeperator {
	
	line-height: 1.3em;
    font-weight:bold;
	padding-top: 4px;
	float: left;
}
ul#nav li a.nav_arrow, ul#nav li a.nav_arrow2, ul#nav li a.nav_arrow3 {
	background: transparent url(../images/nav/nav_arrow.gif) no-repeat right center;
	margin-right:6px;
	padding-right:14px;
}

ul#nav li:hover ul li a:hover, ul#nav li.sfhover ul li a:hover {

/*style when hovering on categories */
	text-decoration:none;
	text-decoration:underline;

}

ul#nav li #flyout, 
ul#nav li #flyout2,
ul#nav li #flyout3  {
	position: absolute;
    z-index: 1000;
    display: none;
	margin: 22px 5px 10px 0px;
	top: 1px;
}

ul#nav li #flyout {
    left: 70px;
    width: 250px; /* Fixed width to accomodate ul boxes expanding the same width */
}
ul#nav li #flyout2 {
    left: 557px;
    width: 108px;

}
ul#nav li #flyout3 {
    left: 164px;
    width: 457px;
}

ul#nav li #flyout ul {
	width: 100%;
}


ul#nav li #flyout ul, 
ul#nav li #flyout2 ul,
ul#nav li #flyout3 ul {
	display: none;
    float: left;
    clear: both;
 	padding: 0px 5px 0px 0px;
	margin: 0px;
	z-index: 1000;
    white-space:nowrap;

}

ul#nav li #flyout ul, 
ul#nav li #flyout2 ul, 
ul#nav li #flyout3 ul {

	margin-left: 0px;
}

ul#nav li.sfhover #flyout2 {
	/*
	top: 0px;
	right: 15px;
	padding-left: 45px;
*/

}

ul#nav li.sfhover #flyout ul, 
ul#nav li.sfhover #flyout2 ul,
ul#nav li.sfhover #flyout3 ul
 {
/*
	display: none;
    float: left;
    clear: both;
 	padding:5px;
	position: relative;
	
	margin-top:0px;
	z-index: 1000;
    white-space:nowrap;
    margin-right:0;
    margin-bottom:0;
*/
}


ul#nav li.sfhover #flyout ul {
/* margin-left: 35px; */
}

ul#nav li.sfhover #flyout2 ul {
/* margin-left: 20px; */
}


ul#nav li:hover #flyout, ul#nav li:hover #flyout ul,
ul#nav li:hover #flyout2, ul#nav li:hover #flyout2 ul,
ul#nav li:hover #flyout3, ul#nav li:hover #flyout3 ul {
	display: block;

}

ul#nav li.sfhover #flyout, ul#nav li.sfhover #flyout ul, 
ul#nav li.sfhover #flyout2, ul#nav li.sfhover #flyout2 ul,
ul#nav li.sfhover #flyout3, ul#nav li.sfhover #flyout3 ul {
	display: block;  /* be sure to change this */
	
}


ul#nav li:hover ul li, ul#nav li.sfhover ul li {
   
    float: left;
    clear: both;
}


ul#nav li li {
	padding-left:5px;
	line-height:13px;
	width: 100%;
}

ul#nav li li a {
	
	width: 100%;
	padding: 1px 2px 2px 1px;
	border: 0px solid #fff;
	color: #fff;
	text-decoration:none;
	font-weight:normal;
	display: block;
	
}

ul#nav li li:hover a, ul#nav li li.sfhover a {
	color: white;
	font-weight:normal;
	text-decoration:underline;
}
	
ul#nav li li a:hover {
	border:0px solid #fff;
	text-decoration:underline;
	font-weight:normal;
	
}


ul#nav li #flyout ul.col1, 
ul#nav #flyout2 ul.nav2,
ul#nav #flyout3 ul.nav3 {

    padding-top: 5px;
    
}



ul#nav #flyout2 ul.nav2, ul#nav #flyout3 ul.nav3 {
	border: 1px solid #fff;
	background-color: #4f6c8f;

}

ul#nav li #flyout ul.col1 {
    background-color: #3078d1;
    border: 1px solid #fff;
   
}


ul#nav li #flyout ul.col2 {
	
	background-color: #0c1e35;
	border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;

}

ul#nav li #flyout ul.col3 {

	background-color: #194170;
	border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;

}

ul#nav li #flyout ul.col4 {

	background-color: #4f6c8f;
	border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;

}





div#flyout ul.nav1 a.utilityNav, 
div#flyout2 ul.nav2 a.utilityNav, 
div#flyout3 ul.nav3 a.utilityNav { 
	text-transform: none !important; }  /* Disable uppercase for flyouts */


ul#nav li:hover,
ul#nav li:hover a.catList,
ul#nav li a.catList:focus,
ul#nav li a:hover,
ul#nav li a:active,
ul#nav li.sfhover,
ul#nav li.sfhover a.catList,
ul#nav li a.catList:focus,
ul#nav li a:hover,ul#nav li a:active {
 {
	font-weight:bold;
	
}

ul#nav a:hover, ul#nav li a:hover {
	text-decoration:underline;
}


	


/* Navigation Crumbs */

#crumbs {
position: relative;
margin-left: 190px;

bottom: 3px;
}

#crumbs a {
text-decoration: none;

}