/*SiteNav=====================================*/

/* Styles for ALL menu Item logos: see design\_styles.cfm. */

#SiteNav ul{
/* positioned in style.css */
	height:2.5em;
	margin:0 0 0 2px;
	padding:0;
	list-style:none;
	padding-right:0;
	z-index:10;
}
#SiteNav ul ul{
	margin-left:0;
}
#SiteNav ul li.yellow,#SiteNav ul li.yellow ul li{
	background-image:url(menu_bgYellow.png);
}
#SiteNav ul li.teal,#SiteNav ul li.teal ul li{
background-image:url(menu_bgTeal.png);
}
#SiteNav ul li.green,#SiteNav ul li.green ul li{
	background-image:url(menu_bgGreen.png);
}
#SiteNav ul li.blue,#SiteNav ul li.blue ul li{
	background-image:url(menu_bgBlue.png);
}
#SiteNav ul li.purple,#SiteNav ul li.purple ul li{
	background-image:url(menu_bgPurple.png);
}
#SiteNav ul li.orange,#SiteNav ul li.orange ul li{
	background-image:url(menu_bgOrange.png);
}
#SiteNav ul a{
	z-index:100;
}
#SiteNav ul ul{
	height:auto;
	padding-bottom:4em;/* This adds a "sticky" zone around the list (bottom only for second level; see below for modification for third level and below lists)... */
	background-image:none;
	margin-top:2px;
}
#SiteNav ul ul li{
	margin-top:-2px;/* this accommodates the padding in the links */
}
#SiteNav ul ul li a{
	padding:.25em;
}
#SiteNav ul ul ul{
	padding-top:4em;/* This adds a "sticky" zone at the top of the third level and below... */
	margin-top:-3.5em;/* ...and this overcomes it in the positioning for third- and below-level lists. */
}

/*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;
	display:inline-block;
	padding-top:0;
	margin-left:-4px;
}
#SiteNav ul li#li1{
	margin-left:-2px;
}
#SiteNav ul li li{
	margin-left:0;
}

#SiteNav li{
	margin:0/*Set to 0 in case modified in other page styles*/;
	z-index:10;
}
#SiteNav li ul{
	position:absolute;/*must remain absolute so flyout doesn't move other items*/
	left:0;
	top:auto;
	display:none;
	width:153px;
}
#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:-.3em/*Sets vertical positioning of flyout*/;
	display:none;
}

#SiteNav ul li a,
#SiteNav ul li a span{
	color:#FFF;
	text-decoration:none;
}
#SiteNav ul li a.NoLink:Hover span{
	color:#FFF;
	text-decoration:none;
	cursor:default;
	display:block;
}
#SiteNav ul li a{
	display:block;
	color:#FFF;
	font-weight:bold;
	padding-top:.5em;
	padding-bottom:.5em;
	padding-left:.75em;
	text-align:center;
	border-right:1px solid #999;
	/*border:1px solid transparent;This prevents jumping of link text when moving from bordered to unbordered links*/;
	height:1.4em;
}
#SiteNav ul ul a{
	/*width=(#SiteNav li ul)-padding(#SiteNav ul li a)-(borders) 
	Note: this is the extra padding required to accommodate the .more arrow
	width:80px;*/
	height:auto;
	text-align:left;
}
#SiteNav ul ul a{
}
/* this sets link hover styles; hover colors are set in colorPages.cfm */
#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:hover li:hover li:hover a, 
#SiteNav li.over li.over li.over li.over a,
#SiteNav li:hover li:hover li:hover li:hover li:hover a, 
#SiteNav li.over li.over 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, 
#SiteNav li:hover li:hover li:hover li:hover li:hover a:hover, 
#SiteNav li.over li.over li.over li.over li.over a:hover, 
#SiteNav li:hover li:hover li:hover li:hover li:hover li:hover a:hover, 
#SiteNav li.over li.over li.over li.over li.over li.over a:hover 
{
	color:#FFF;
	/* color:#5CF8E4; */
}
/* this modifies link hover styles for sublist (omit first two selectors of above) */
#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, 
#SiteNav li:hover li:hover li:hover li:hover li:hover a:hover, 
#SiteNav li.over li.over li.over li.over li.over a:hover, 
#SiteNav li:hover li:hover li:hover li:hover li:hover li:hover a:hover, 
#SiteNav li.over li.over li.over li.over li.over li.over a:hover 
{
	border:#FFF 2px solid;
}

/* 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,
#SiteNav li:hover li:hover li:hover li:hover li a, 
#SiteNav li.over li.over li.over li.over li a,
#SiteNav li:hover li:hover li:hover li:hover li:hover li a, 
#SiteNav li.over li.over li.over li.over li.over li a
{
	color:#FFF;
	font-weight:bold;
	border:#FFF 2px solid;
	/*border:2px solid transparentThis prevents jumping of link text when moving from bordered to unbordered links*/;
}

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

#SiteNav ul li:hover ul,
#SiteNav ul li.over ul, 
#SiteNav ul li li:hover ul,
#SiteNav ul li li.over ul,
#SiteNav ul li li li:hover ul, 
#SiteNav ul li li li.over ul,
#SiteNav ul li li li li:hover ul, 
#SiteNav ul li li li li.over ul,
#SiteNav ul li li li li li:hover ul, 
#SiteNav ul li li li li li.over ul,
#SiteNav ul li li li li li li:hover ul, 
#SiteNav ul li li li li li li.over ul
{
	display: block;
}
/* Sticky menu */
#SiteNav ul ul{
	margin-bottom:2em;
}

/*                                
Modification for nav below banner.
                                */
#SiteNav ul#nav2{
	background-image:none;
	color:#FFF;
	/* positioned in style.css */
}
#SiteNav ul#nav2 a{
	color:#FFF;
	border:none;
	height:auto;
	text-decoration:none;
}
#SiteNav ul#nav2 a:hover{
	text-decoration:underline;
}
#SiteNav ul li a:hover span{
	text-decoration:underline;
}
#SiteNav ul#nav2 div#left{
	position:absolute;
	left:2.5em;
	background-color:transparent;
	max-width:40em;
}
#SiteNav ul#nav2 div#left a{
	max-width:40em;
}
/* Modifications for specific lists. For some reason these seem not to work with id.
===================
=================*/
ul ul#LegislativeMod, ul#LegislativeMod li{
	width:40em;
}
ul ul#StudentChaptersMod, ul#StudentChaptersMod li{
	width:20em;
}
/* make sure link fills full width */
ul ul#LegislativeMod li a,
ul ul#StudentChaptersMod li a
{
	width:auto;
}
/* Galleries menu
=================
===============*/
ul ul#GalleryMod, ul#GalleryMod li{
	width:6em;
}
ul ul#GalleryMod li a{
	width:auto;
}
/* Set width of submenus back to default width */
ul ul#GalleryMod ul li{
	width:153px;
	z-index:10;
}