/*SiteNav=====================================*/

/* Set basic styling */
#SiteNav{
width:100%;/* ?Not needed in Chrome. */
}
#SiteNav ul,
#SiteNav ul li, ul#navSite li, ul#navMain li, #NavBox ul#navPage li,
#NavBox ul,
#NavBox ul li{
list-style:none;
list-style-type:none;
margin:0;
padding-left:0;
padding-right:0;
}
/* END Set basic styling */

a.PlaceholderPage, 
a.PlaceholderPage, 
a.PlaceholderPage{
cursor:default;
}

#SiteNav ul{
margin:0;
padding:2px 0 0 1em;/* *** This should probably also be added into calculations for header heights in _design.cfm */
background-image:url(menu_bgBlack_85.png);
padding-right:0;
/* height:27px; */
/*Set top-level menu items to all caps
text-transform:uppercase;*/
}

#NavBox ul#navPage {
/* This must be relative so that short pages are forced to be at least the height of the side navigation. */
position:relative;
}

/* *** Trying to fix odd padding on top of third-level list items *** */
#SiteNav ul li a, ul#navSite li a, ul#navMain li a, #NavBox ul#navPage li a{
text-align:left;
margin-top:0;
margin-bottom:0;
}
#SiteNav ul li, ul#navSite li, ul#navMain li, #NavBox ul#navPage li{
line-height:normal;
padding-top:0;
padding-bottom:0;
}
#SiteNav ul li a, ul#navSite li a, ul#navMain li a, #NavBox ul#navPage li a{
line-height:normal;
margin-top:0;
}

/*Modification for top nav (Home and Site Map, etc.) see _design.cfm*/
#SiteNav ul#navSite{
z-index:10;
}
#SiteNav ul#navMain{
z-index:9;
}
ul#navMore, #NavBox{
z-index:6;
}
#SiteNav ul ul{
height:auto;
/* padding-bottom:3em This adds a "sticky" zone around the list (bottom only for second level; see below for modification for third level and below lists)...; */
margin-top:0;
margin-left:-1em;
background-image:url(menu_bg_trans.gif);/* Sticky zone will not function in IE if background is transparent; this overcomes that behavior */
/*Reset lower-level menu items to use DB values*/
text-transform:none;
}
#SiteNav ul ul li{
padding-top:0;
}
#SiteNav ul ul ul{
/* padding-top:2em; This adds a "sticky" zone to the top of third level and below lists */
background-image:url(menu_bg_trans.gif);/* This will not function in IE if background is transparent; this will overcome that behavior */
margin-top:-14px;
}

/* Setting the z-index assures successive lists display on top of previous lists, necessary if there is a box-shadow or if lists overlap. */
#SiteNav ul{z-index:21;}
#SiteNav ul ul{z-index:22;}
#SiteNav ul ul ul{z-index:23;}
#SiteNav ul ul ul ul{z-index:24;}
#SiteNav ul ul ul ul ul{z-index:25;}
#SiteNav ul ul ul ul ul ul{z-index:26;}

#SiteNav ul li{
position:relative;
float:left;
width:auto;
}

#SiteNav ul li li{
background-image:url(menu_bgBlack_85.png);
}

#SiteNav li ul{
position:absolute;/*must remain absolute so flyout doesn't move other items*/
left:0;
top:auto;
display:none;
}
#SiteNav li ul li a{
padding:.5em;
}
/*#SiteNav li ul li ul li a{Adjust for sticky zone
margin-top:1em;*/
#SiteNav li ul ul{
position:absolute;/*must remain absolute so flyout doesn't move other items*/
left:100%/*Sets horizontal positioning of flyout*/;
top:-16px/*Sets vertical positioning of flyout*/;
display:none;
}
/* Styles for Menu Items */
#SiteNav ul li a{
display:block;
text-decoration:none;
color:#fff;
padding:5px;
text-align:left;
border:1px solid transparent/*This prevents jumping of link text when moving from bordered to unbordered links*/;
}
#SiteNav ul ul li a{
padding:.5em 2.5em/*This accommodates the arrow*/ .5em  .5em;
/*width=(#SiteNav li ul)-padding(#SiteNav ul li a)-(borders) 
Note: this is the extra padding required to accommodate the #more arrow*/
width:12em;
}
#SiteNav ul ul a#more/*Only show arrow in sublists (must be id, not class)*/{
background-image:url(ArrowSiteNavWhite50.png);
background-position:right;
background-repeat:no-repeat;
}
/* this sets link hover styles */
#SiteNav li:hover a, 
#SiteNav li:hover li:hover a, 
#SiteNav li:hover li:hover li:hover a, 
#SiteNav li:hover li:hover li:hover li:hover a, 
#SiteNav li:hover li:hover li:hover li:hover li:hover a, 
#SiteNav li:hover li:hover li:hover li:hover li:hover li:hover a, 
#SiteNav li:hover li:hover li:hover li:hover li:hover li:hover li:hover a, 
#SiteNav li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover a, 

#SiteNav li:hover li:hover a:hover, 
#SiteNav li:hover li:hover li:hover a:hover, 
#SiteNav li:hover li:hover li:hover li:hover a:hover, 
#SiteNav li:hover li:hover li:hover li:hover li:hover a:hover, 
#SiteNav li:hover li:hover li:hover li:hover li:hover li:hover a:hover, 
#SiteNav li:hover li:hover li:hover li:hover li:hover li:hover li:hover a:hover, 
#SiteNav li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover a:hover, 
#SiteNav li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover a:hover, 

#SiteNav li.over a,
#SiteNav li.over li.over a,
#SiteNav li.over li.over li.over a,
#SiteNav li.over li.over li.over li.over a,
#SiteNav li.over li.over li.over li.over li.over a,
#SiteNav li.over li.over li.over li.over li.over li.over a,
#SiteNav li.over li.over li.over li.over li.over li.over li.over a,
#SiteNav li.over li.over li.over li.over li.over li.over li.over li.over a,

#SiteNav li.over li.over a:hover,
#SiteNav li.over li.over li.over a:hover,
#SiteNav li.over li.over li.over li.over a:hover,
#SiteNav li.over li.over li.over li.over li.over a:hover,
#SiteNav li.over li.over li.over li.over li.over li.over a:hover,
#SiteNav li.over li.over li.over li.over li.over li.over li.over a:hover,
#SiteNav li.over li.over li.over li.over li.over li.over li.over li.over a:hover,
#SiteNav li.over li.over li.over li.over li.over li.over li.over li.over li.over a:hover,
none{
color:#fff;
border:1px solid #FFFF99;
background-color:inherit;
}

/* set dropdown to default */
#SiteNav li:hover li a, 
#SiteNav li:hover li:hover li a, 
#SiteNav li:hover li:hover li:hover li a, 
#SiteNav li:hover li:hover li:hover li:hover li a, 
#SiteNav li:hover li:hover li:hover li:hover li:hover li a, 
#SiteNav li:hover li:hover li:hover li:hover li:hover li:hover li a, 
#SiteNav li:hover li:hover li:hover li:hover li:hover li:hover li:hover li a, 
#SiteNav li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li a, 

#SiteNav li.over li a,
#SiteNav li.over li.over li a,
#SiteNav li.over li.over li.over li a,
#SiteNav li.over li.over li.over li.over li a,
#SiteNav li.over li.over li.over li.over li.over li a,
#SiteNav li.over li.over li.over li.over li.over li.over li a,
#SiteNav li.over li.over li.over li.over li.over li.over li.over li a,
#SiteNav li.over li.over li.over li.over li.over li.over li.over li.over li a,
none{
color:#fff;
border:1px solid transparent/*This prevents jumping of link text when moving from bordered to unbordered links*/;
}

/* Sub Menu Styles */
#SiteNav ul li:hover ul ul, 
#SiteNav ul li:hover ul ul ul, 
#SiteNav ul li:hover ul ul ul ul, 
#SiteNav ul li:hover ul ul ul ul ul, 
#SiteNav ul li:hover ul ul ul ul ul ul, 
#SiteNav ul li:hover ul ul ul ul ul ul ul, 
#SiteNav ul li:hover ul ul ul ul ul ul ul ul, 

#SiteNav ul li.over ul ul, 
#SiteNav ul li.over ul ul ul,
#SiteNav ul li.over ul ul ul ul,
#SiteNav ul li.over ul ul ul ul ul,
#SiteNav ul li.over ul ul ul ul ul ul,
#SiteNav ul li.over ul ul ul ul ul ul ul,
#SiteNav ul li.over ul ul ul ul ul ul ul ul,
none{
display:none;
}

#SiteNav ul li:hover ul,
#SiteNav ul li li:hover ul,
#SiteNav ul li li li:hover ul, 
#SiteNav ul li li li li:hover ul, 
#SiteNav ul li li li li li:hover ul, 
#SiteNav ul li li li li li li:hover ul, 
#SiteNav ul li li li li li li li:hover ul, 
#SiteNav ul li li li li li li li li:hover ul, 

#SiteNav ul li.over ul, 
#SiteNav ul li li.over ul,
#SiteNav ul li li li li.over ul,
#SiteNav ul li li li li li.over ul,
#SiteNav ul li li li li li li.over ul,
#SiteNav ul li li li li li li li.over ul,
#SiteNav ul li li li li li li li li.over ul,
#SiteNav ul li li li li li li li li li.over ul,
none{
display: block;
}

/*NavBox (side navigation)=====================================*/

/* Setting the z-index assures successive lists display on top of previous lists, necessary if there is a box-shadow or if lists overlap. */
#NavBox ul{z-index:21;}
#NavBox ul ul{z-index:22;}
#NavBox ul ul ul{z-index:23;}
#NavBox ul ul ul ul{z-index:24;}
#NavBox ul ul ul ul ul{z-index:25;}
#NavBox ul ul ul ul ul ul{z-index:26;}

#NavBox a#upOneLevel{
position:relative;
padding:.5em 1em .5em 1em;
margin-top:-1.5em;
margin-bottom:.5em;
top:0;
text-decoration:none;
z-index:12;
display:block;
font-size:85%;
}
#NavBox a#upOneLevel:hover{
background-color:inherit;
color:#0CF;
}
#NavBox a#navPageHead{
position:relative;
text-decoration:none;
z-index:10;
display:block;
padding-left:.5em;
padding-top:.5em;
margin-top:.5em;
font-weight:bold;
color:#306482;
}
#NavBox a#navPageHead:hover{
background-color:inherit;
color:#0CF;
}

/*Make sure successive lists stack over previous lists (not necessary if lists don't overlap)
#NavBox ul{z-index:21;}*/
/*#NavBox ul ul{z-index:22;}This assures that the menu displays above the page text*/
/*#NavBox ul ul ul{z-index:23;}
#NavBox ul ul ul ul{z-index:24;}
#NavBox ul ul ul ul ul{z-index:25;}
#NavBox ul ul ul ul ul ul{z-index:26;}*/

#NavBox ul /*width set im main style.css*/{
margin: 0;
padding-left: 0;
padding-right: 0;
}
#NavBox ul{
margin-top:-2em;
}
#NavBox ul li /*width set in _design.cfm*/{
position: relative;
float: left;
}
#NavBox ul#navPage ul /*vertical location of second level lists must be based on sticky height; see _design.cfm*/{
/* padding:3em 0 3em This adds a "sticky" zone around the list (set in _design.cfm) */
background-image:url(menu_bg_trans.gif);/* Sticky zone will not function in IE if background is transparent; this overcomes that behavior */
}
#NavBox ul ul li /*width of second level lists*/{
width:15em;
}

#NavBox ul li ul/*Sublist styles*/{
position:absolute;/*must remain absolute so flyout doesn't move other items*/
top:-10px;
left:100%/*Sets horizontal positioning of flyout*/;
display:none;
background-color:transparent;
}

/*Not sure what this is for... doesn't seem to be necessary.
#NavBox ul li ul ul{
position: absolute;must remain absolute*/
/*left:100%;  Set 1px less than menu width 
top: -.1em;
display: none;
}*/

/* Styles for Menu Items */
#NavBox ul li a{
display:block;
text-decoration:none;
color:#2d4654;
background-color:#DDD;
padding:.5em 2.5em/*This accommodates the arrow*/ .5em  .5em;
border:1px solid transparent/*This prevents jumping of link text when moving from bordered to unbordered links*/;
}
/* this sets link hover styles */
#NavBox ul li:hover a, 
#NavBox ul li:hover li:hover a, 
#NavBox ul li:hover li:hover li:hover a, 
#NavBox ul li:hover li:hover li:hover li:hover a, 
#NavBox ul li:hover li:hover li:hover li:hover li:hover a, 
#NavBox ul li:hover li:hover li:hover li:hover li:hover li:hover a, 
#NavBox ul li:hover li:hover li:hover li:hover li:hover li:hover li:hover a, 
#NavBox ul li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover a, 

#NavBox ul li:hover li a:hover, 
#NavBox ul li:hover li:hover a:hover, 
#NavBox ul li:hover li:hover li:hover a:hover, 
#NavBox ul li:hover li:hover li:hover li:hover a:hover, 
#NavBox ul li:hover li:hover li:hover li:hover li:hover a:hover, 
#NavBox ul li:hover li:hover li:hover li:hover li:hover li:hover a:hover, 
#NavBox ul li:hover li:hover li:hover li:hover li:hover li:hover li:hover a:hover, 
#NavBox ul li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover a:hover, 

#NavBox ul li.over a,
#NavBox ul li.over li.over a,
#NavBox ul li.over li.over li.over a,
#NavBox ul li.over li.over li.over li.over a,
#NavBox ul li.over li.over li.over li.over li.over a,
#NavBox ul li.over li.over li.over li.over li.over li.over a,
#NavBox ul li.over li.over li.over li.over li.over li.over li.over a,
#NavBox ul li.over li.over li.over li.over li.over li.over li.over li.over a,

#NavBox ul li.over li a:hover,
#NavBox ul li.over li.over li.over a:hover,
#NavBox ul li.over li.over li.over li.over a:hover,
#NavBox ul li.over li.over li.over li.over li.over a:hover,
#NavBox ul li.over li.over li.over li.over li.over li.over a:hover,
#NavBox ul li.over li.over li.over li.over li.over li.over li.over a:hover,
#NavBox ul li.over li.over li.over li.over li.over li.over li.over li.over a:hover,
#NavBox ul li.over li.over li.over li.over li.over li.over li.over li.over li.over a:hover,
none{
color:#FFF;
border:1px solid #FFFF99;
background-color:#5e91ae;
}

#NavBox a#more/*(must be id, not class)*/{
background-image:url(ArrowSiteNavBlack50.png);
background-position:right;
background-repeat:no-repeat;
}

/* set dropdown to default */
#NavBox ul li:hover li a, 
#NavBox ul li:hover li:hover li a, 
#NavBox ul li:hover li:hover li:hover li a, 
#NavBox ul li:hover li:hover li:hover li:hover li a, 
#NavBox ul li:hover li:hover li:hover li:hover li:hover li a, 
#NavBox ul li:hover li:hover li:hover li:hover li:hover li:hover li a, 
#NavBox ul li:hover li:hover li:hover li:hover li:hover li:hover li:hover li a, 
#NavBox ul li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li a, 
#NavBox ul li.over li a,
#NavBox ul li.over li.over li a,
#NavBox ul li.over li.over li.over li a,
#NavBox ul li.over li.over li.over li.over li a,
#NavBox ul li.over li.over li.over li.over li.over li a,
#NavBox ul li.over li.over li.over li.over li.over li.over li a,
#NavBox ul li.over li.over li.over li.over li.over li.over li.over li a,
#NavBox ul li.over li.over li.over li.over li.over li.over li.over li.over li a,
none{
color:#FFF;
background:#5e91ae; /* IE6 Bug */
background-color:#5e91ae;
border:1px solid transparent/*This prevents jumping of link text when moving from bordered to unbordered links*/;
}

/* Sub Menu Styles */
#NavBox ul li:hover ul ul, 
#NavBox ul li:hover ul ul ul, 
#NavBox ul ul li:hover ul ul ul, 
#NavBox ul ul ul li:hover ul ul ul, 
#NavBox ul ul ul ul li:hover ul ul ul, 
#NavBox ul ul ul ul ul li:hover ul ul ul, 
#NavBox ul ul ul ul ul ul li:hover ul ul ul, 
#NavBox ul li.over ul ul, 
#NavBox ul li.over ul ul ul,
#NavBox ul ul li.over ul ul ul,
#NavBox ul ul ul li.over ul ul ul,
#NavBox ul ul ul ul li.over ul ul ul,
#NavBox ul ul ul ul ul li.over ul ul ul,
#NavBox ul ul ul ul ul ul li.over ul ul ul,
none{
display:none;
}

#NavBox ul li:hover ul,
#NavBox ul li li:hover ul,
#NavBox ul ul li li li:hover ul, 
#NavBox ul ul ul li li li:hover ul, 
#NavBox ul ul ul ul li li li:hover ul, 
#NavBox ul ul ul ul ul li li li:hover ul, 
#NavBox ul ul ul ul ul ul li li li:hover ul, 
#NavBox ul ul ul ul ul ul ul li li li:hover ul, 
#NavBox ul li.over ul, 
#NavBox ul li li.over ul,
#NavBox ul li li li.over ul,
#NavBox ul ul li li li.over ul,
#NavBox ul ul ul li li li.over ul,
#NavBox ul ul ul ul li li li.over ul,
#NavBox ul ul ul ul ul li li li.over ul,
#NavBox ul ul ul ul ul ul li li li.over ul,
none{
display: block;
}

/* Box shadows: add to all lists (2nd level and beyond) */
#SiteNav div div,
#NavBox div div,
none{
	/* All latest browsers honor "box-shadow"
	-moz-box-shadow: 2px 2px 8px #999;
	-webkit-box-shadow: 2px 2px 8px #999; */
	box-shadow: 2px 4px 12px #666;
}
#SiteNav div div:after,
#NavBox div div:after,
none{
	content:".";
	visibility:hidden;
	line-height:0px;
	display:block
}


