/* Styles for top navigation bar */

#al_fly_out_menu {
	padding:0;
	margin:0;
	border-bottom: 0px solid #ffffff;
	background: transparent;
	height: 46px;
	position: relative;
	z-index: 5; /* keep the menu above page elements, but below login popup */
}
#al_fly_out_menu:hover {
	cursor:default;
}
/* Root = Horizontal, Secondary = Vertical */
ul#al_navmenu {
	margin: 0 0 0 12px;
	border: 0 none;
	padding: 0;
	list-style: none;
	height: 46px;
	float: left;
}
ul#al_navmenu li {
	margin: auto;
	padding: 0;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	text-align:center;
	height: 36px;
}
ul#al_navmenu li#last0 {
	width: 140px;
}
ul#al_navmenu li#first0 {
	margin-left: 6px;
}
ul#al_navmenu ul:after { /* IE7 clearfix hack */
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}
ul#al_navmenu ul li { /* level 2 */
	width: 210px;
	height: 0;
	opacity: 0;
	float: left; /*For IE 7 lack of compliance*/
	display: block !important;
	/* dropdown accordion animation */
    -moz-transition: all .3s; /* Firefox 4+ */
    -webkit-transition: all .3s; /* Safari and Chrome */
    -o-transition: all .3s; /* Opera */
	transition: all .3s;
}
ul#al_navmenu ul li a {
    opacity: 0;
    margin-top: -999em; /* prevent hover trigger below navbar */
    -moz-transition: margin 0s, color .3s; /* Firefox 4+ */
    -webkit-transition: margin 0s, color .3s; /* Safari and Chrome */
    -o-transition: margin 0s, color .3s; /* Opera */
	transition: margin 0s, color .3s;
}
ul#al_navmenu li:hover li {
    position: relative;
    height: 26px;
    opacity: 1;
}
ul#al_navmenu li:hover li a {
    margin-top: auto;
    opacity: 1;
}
ul#al_navmenu ul.wider li /* level 2 */ {
	width: 270px;
}
ul#al_navmenu ul.wider_320 li /* level 2 */ {
	width: 320px;
}

/* Root Menu */
ul#al_navmenu a {
	margin: 0;
	padding: 0 12px 0 10px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	color: #ffffff;
	font: normal 13px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	border-bottom: none;
	line-height: 32px;
	background-image: url(../images/redesign/nav_pipe.png);
	background-position: top right;
	background-repeat: no-repeat;
	/* soft text transitions */
    -moz-transition: all .3s; /* Firefox 4 */
    -webkit-transition: all .3s; /* Safari and Chrome */
    -o-transition: all .3s; /* Opera */
	transition: all .3s;
}

/* Items without links */
ul#al_navmenu a.no_hand {
	cursor: default;
}

/* Root Menu Hover Persistence */
ul#al_navmenu li:hover, ul#al_navmenu li.iehover, ul#al_navmenu a:hover, 
ul#al_navmenu li:hover a, ul#al_navmenu li.iehover a {
	color: #ccc;
	z-index: 4;   /* this one matters! */
	background: url(../images/redesign/nav_level1_over.png) right top no-repeat;
}
ul#al_navmenu li li a {
	float: none;
	text-align: left;
	padding-left: 1em;
	font-size: 95%;
	font-weight: bold;
	line-height: 26px;
	color: #fff !important;
	border-right: 0 none !important;
	background-image: url(../images/redesign/divider_line.png) !important;
	background-position: bottom left !important;
	background-repeat: no-repeat !important;
}
/* Level 2 and lower Hover Persistence */
ul#al_navmenu li li a:hover, ul#al_navmenu li li:hover a, 
ul#al_navmenu li li a.iehover, ul#al_navmenu li li.iehover a {
	color: #006699 !important;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#al_navmenu li:hover ul ul, ul#al_navmenu li:hover ul ul ul, 
ul#al_navmenu li.iehover ul ul, ul#al_navmenu li.iehover ul ul ul {
	display: none;
}
ul#al_navmenu li:hover ul, ul#al_navmenu ul li:hover ul, ul#al_navmenu ul ul li:hover ul, 
ul#al_navmenu li.iehover ul, ul#al_navmenu ul li.iehover ul, ul#al_navmenu ul ul li.iehover ul {
	left: auto; /* instead of display: block (for accessibility) */
	opacity: 1;
	/* delay return to left: -999em */
	-moz-transition: all 0s linear 0.3s, opacity .3s;
	-webkit-transition: all 0s linear 0.3s, opacity .3s;
	-o-transition: all 0s linear 0.3s, opacity .3s;
	transition: all 0s linear 0.3s, opacity .3s;
}
ul#al_navmenu li > span > a.fly_nolink, ul#al_navmenu li > span > a.fly_nolink:visited, 
ul#al_navmenu li > span > a.fly_nolink:hover {
	cursor:  default;
}
ul#al_navmenu li > span > a.selected {
	color: #ffffff;
	z-index: 4;   /* this one matters! */
	background-repeat: repeat-x;
}
ul#al_navmenu ul {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 210px;
	list-style: none;
	position: absolute;
	top: 36px;
	left: 0; /* instead of display: none (for accessibility) */
	background: transparent;
	background: rgba(255, 255, 255, 0.0);
	background-image: url(../images/redesign/variable_nav_bk.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	opacity: 0;
    -moz-transition: all .3s; /* Firefox 4+ */
    -webkit-transition: all .3s; /* Safari and Chrome */
    -o-transition: all .3s; /* Opera */
	transition: all .3s;
}
ul#al_navmenu ul:hover li:hover, ul#al_navmenu ul:hover li.iehover { /* level 2 */
	background-image: url(../images/redesign/variable_nav_bk_over.png);
	background-repeat: repeat-y;
}
ul#al_navmenu ul.wider {
	width: 270px;
	background-image: url(../images/redesign/variable_nav_bk_wider.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}
ul#al_navmenu ul.wider_320 {
	width: 320px;
	background-image: url(../images/redesign/variable_nav_bk_wider320.png);
}
ul#al_navmenu ul.wider:hover li:hover, ul#al_navmenu ul.wider:hover li.iehover { /* level 2 */ 
	background-image: url(../images/redesign/variable_nav_bk_wider_over.png);
	background-repeat: repeat-y;
}
ul#al_navmenu ul.wider_320:hover li:hover, ul#al_navmenu ul.wider_320:hover li.iehover { /* level 2 */ 
	background-image: url(../images/redesign/variable_nav_bk_wider320_over.png);
	background-repeat: repeat-y;
}
/* Important! for last item in sub navigation */
ul#al_navmenu li.padded_li a {
	background-image: none !important;
}
ul#al_navmenu span.al_nav_padme, ul#al_navmenu span.al_nav_padme:hover, ul#al_navmenu span.al_nav_padme.iehover {
	height: 0;
	display: none;
	cursor: default;
	background-image: none !important;
}
ul#al_navmenu li:hover span.al_nav_padme, ul#al_navmenu li:hover span.al_nav_padme:hover, 
ul#al_navmenu li:hover span.al_nav_padme.iehover {
    height: 14px;
    display: inline-block;
	/* delay return to 0 height */
	-moz-transition: all 0s linear 0.3s;
	-webkit-transition: all 0s linear 0.3s;
	-o-transition: all 0s linear 0.3s;
	transition: all 0s linear 0.3s;
}