/*SiteNav=====================================*/
#SiteNav ul{
margin:0;
padding:2px 0 0 1em;
list-style:none;
background-image:url(menu_bg_trans_50.png);
padding-right:0;
height:2.5em;
/*Set top-level menu items to all caps
text-transform:uppercase;*/
}
/*Modification for right side nav (Home and Site Map)*/
#SiteNav ul#nav4{
position:absolute; 
top:-242px;
right:0; 
}
#SiteNav ul ul{
height:auto;
padding:10px 0 10px 0;
/*Reset lower-level menu items to use DB values*/
text-transform:none;
}

/*Make sure successive lists stack over previous lists (not necessary if lists don't 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 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{
width:120px;
}
#SiteNav li ul ul{
position:absolute;/*must remain absolute so flyout doesn't move other items*/
left:100%/*Sets horizontal positioning of flyout*/;
top:-10px/*Sets vertical positioning of flyout*/;
display:none;
}
/* Styles for Menu Items */
#SiteNav ul li a{
display:block;
text-decoration:none;
color:#fff;
padding:5px 5px 5px 5px;
text-align:left;
border:1px solid transparent/*This prevents jumping of link text when moving from bordered to unbordered links*/;
}
#SiteNav ul ul a{
padding:5px 15px/*This accommodates the arrow (see a#more below)*/ 5px 5px;
/*width=(#SiteNav li ul)-padding(#SiteNav ul li a)-(borders) 
Note: this is the extra padding required to accommodate the .more arrow*/
width:88px;
}
#SiteNav ul ul a#more/*Only show arrow in sublists (must be id, not class)*/{
background-image:url(ArrowSiteNav.png);
background-position:right;
background-repeat:no-repeat;
}
/* this sets link hover styles */
#SiteNav li:hover a, 
#SiteNav li.over a,
#SiteNav li:hover li:hover a, 
#SiteNav li.over li.over a,
#SiteNav li:hover li:hover li:hover a, 
#SiteNav li.over li.over li.over a,
#SiteNav li:hover li a:hover, 
#SiteNav li.over li a:hover,
#SiteNav li:hover li:hover li:hover a:hover, 
#SiteNav li.over li li a:hover,
#SiteNav li:hover li:hover li:hover li:hover a:hover, 
#SiteNav li.over li.over li.over li.over a:hover 
{
color:#fff;
border:1px dotted #999;
}

/* set dropdown to default */
#SiteNav li:hover li a, 
#SiteNav li.over li a,
#SiteNav li:hover li:hover li a, 
#SiteNav li.over li.over li a,
#SiteNav li:hover li:hover li:hover li a, 
#SiteNav li.over li.over li.over li a
{
color:#fff;
border:1px solid transparent/*This prevents jumping of link text when moving from bordered to unbordered links*/;
}
#SiteNav ul ul a{
padding:2px 15px/*This accommodates the arrow*/;
}

/* Sub Menu Styles */
#SiteNav ul li:hover ul ul, 
#SiteNav ul li:hover ul ul ul, 
#SiteNav ul li.over ul ul, 
#SiteNav ul li.over ul ul ul{
display:none;
}

#SiteNav ul li:hover ul,
#SiteNav ul li li:hover ul,
#SiteNav ul li li li:hover ul, 
#SiteNav ul li.over ul, 
#SiteNav ul li li.over ul,
#SiteNav ul li li li.over ul{
display: block;
}

/*NavBox=====================================*/

#NavBox a{
text-align:right;
}

/*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: 0;
list-style: none;
}
#NavBox ul li /*width set im main style.css*/{
position: relative;
float: left;
}
#NavBox ul ul li /*width of second level lists*/{
width:150px;
}

#NavBox 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;
padding:10px 0 10px 0;
background-color:transparent;
}

/*Not sure what this is for... doesn't seem to be necessary.
#NavBox 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:#fff;
background-color:#B4CD7F;
padding:5px 15px/*This accommodates the arrow*/ 5px 5px;
border:1px solid transparent/*This prevents jumping of link text when moving from bordered to unbordered links*/;
}
/* this sets link hover styles */
#NavBox li:hover a, 
#NavBox li.over a,
#NavBox li:hover li:hover a, 
#NavBox li.over li.over a,
#NavBox li:hover li:hover li:hover a, 
#NavBox li.over li.over li.over a,
#NavBox li:hover li a:hover, 
#NavBox li.over li a:hover,
#NavBox li:hover li:hover li:hover a:hover, 
#NavBox li.over li li a:hover,
#NavBox li:hover li:hover li:hover li:hover a:hover, 
#NavBox li.over li.over li.over li.over a:hover 
{
color:#fff;
border:1px dotted #8C9F63;
}

#NavBox a#more/*(must be id, not class)*/{
background-image:url(ArrowSiteNav.png);
background-position:right;
background-repeat:no-repeat;
}

/* set dropdown to default */
#NavBox li:hover li a, 
#NavBox li.over li a,
#NavBox li:hover li:hover li a, 
#NavBox li.over li.over li a,
#NavBox li:hover li:hover li:hover li a, 
#NavBox li.over li.over li.over li a
{
color:#fff;
background:#B4CD7F; /* IE6 Bug */
background-color:#B4CD7F;
border:1px solid transparent/*This prevents jumping of link text when moving from bordered to unbordered links*/;
}

#NavBox li li a{
padding:2px 15px/*This accommodates the arrow*/;
}

/* Sub Menu Styles */
#NavBox ul li:hover ul ul, 
#NavBox ul li:hover ul ul ul, 
#NavBox ul li.over ul ul, 
#NavBox ul li.over ul ul ul{
display:none;
}

#NavBox ul li:hover ul,
#NavBox ul li li:hover ul,
#NavBox ul li li li:hover ul, 
#NavBox ul li.over ul, 
#NavBox ul li li.over ul,
#NavBox ul li li li.over ul{
display: block;
}