/* MENU POSITIONING */
#primaryNav{
	height 				: 80px;
	border 				: solid 2px #A1B7DA;
	border-width 		: 0px 0px 1px 0px;
	background-color	: #162350;
	text-align 			: left;
}

#menuSection{
	float 					: left;
}

/* MENU STYLING */

/* LEVEL 1 */
#level1 li a{
	
}
#level1 li a:hover,#level1 li a.first:hover,#level1.trail a.hover{
	
}
#level1 li:first-child>a:hover{
	
}
#level1{
	height 					: 80px;
}


/* Products button */
#button1 a{
	width 					: 230px;
	height 					: 80px;
	background-image		: url(../imgs/btn-products-001.png);
	background-repeat		: no-repeat;
	background-position		: left top;
}
#button1 a:hover,#button1.trail a.hover{
	background-image		: url(../imgs/btn-products-002.png);
	background-repeat		: no-repeat;
	background-position		: left top;
}
#button1:hover > a{
	background-image		: url(../imgs/btn-products-002.png);
	background-repeat		: no-repeat;
	background-position		: left top;
}


/* Support button */
#button2 a{
	width 					: 231px;
	height 					: 80px;
	background-image		: url(../imgs/btn-support-001.png);
	background-repeat		: no-repeat;
	background-position		: left top;
}
#button2 a:hover,#button2.trail a.hover{
	background-image		: url(../imgs/btn-support-002.png);
	background-repeat		: no-repeat;
	background-position		: left top;
}
#button2:hover > a{
	background-image		: url(../imgs/btn-support-002.png);
	background-repeat		: no-repeat;
	background-position		: left top;
}

/* Policy button */
#button3 a{
	width 					: 230px;
	height 					: 80px;
	background-image		: url(../imgs/btn-policy-001.png);
	background-repeat		: no-repeat;
	background-position		: left top;
}
#button3 a:hover,#button3.trail a.hover{
	background-image		: url(../imgs/btn-policy-002.png);
	background-repeat		: no-repeat;
	background-position		: left top;
}
#button3:hover > a{
	background-image		: url(../imgs/btn-policy-002.png);
	background-repeat		: no-repeat;
	background-position		: left top;
}


/* LEVEL 2 */
#level2 li{
	display: inline;
	margin 					: 0px 0px 0px 0px;
	background-image		: none;
	background-color 		: #293863;
	border 					: solid 1px #6D75A4;
	border-width 			: 0px 0px 1px 0px;
}
#level2 li a{
	color					: #FFF;
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 10px;
	font-weight				: bold;
	font-style				: italic;
	text-decoration			: none;
	width 					: AUTO;
	height 					: AUTO;
	margin 					: 0px 0px 1px 0px;
	padding 				: 5px 5px 5px 15px;
	background-image		: none;
	background-color 		: #293863;
	background-image		: url(../imgs/btn-A-001.png);
	background-position 	: left bottom;
	background-repeat		: no-repeat;
	border 					: solid 1px #293863;
	border-width 			: 1px 1px 1px 1px;
}
#level2 li a:hover,#level2 li .trail a.hover{
	color					: #D04646;
	width 					: AUTO;
	height 					: AUTO;
	margin 					: 0px 0px 1px 0px;
	padding 				: 5px 5px 5px 25px;
	background-image		: none;
	background-color 		: #293863;
	background-image		: url(../imgs/btn-A-002.png);
	background-position 	: left bottom;
	background-repeat		: no-repeat;
	border 					: solid 1px #293863;
	border-width 			: 1px 1px 1px 1px;
}


#level2{
	width					: 199px;
	padding					: 1px 1px 0px 1px;
	margin					: -50px 0px 0px 22px;
	background-image		: none;
	background-color 		: #6D75A4;
	border 					: solid 1px #293863;
}





/* GLOBAL MENU STYLES */

/*this is the css for the vertical version*/
.vertical ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
	position: relative;
}
.vertical li a{
	display: block;
	text-decoration: none;
	height: 1em;
	padding: .1em 1px;
	border: 1px solid;
	border-top: 0px;
}
.vertical li{
	position: relative;
	border-bottom: 1px solid transparent;
	margin-bottom: -1px;
} 
.vertical li:first-child>a{
	border-top: 1px solid;
}
.vertical a.first{
	border-top: 1px solid;
}
.vertical li ul{
	position: absolute;
	top: -1px;
	left: 203px;
}
.vertical.left ul ul ul,.vertical .left ul{
	left: -203px;
}

/*this is the css for the horizontal version*/
.horizontal ul{
	border: none;
	list-style-type: none;
}
.horizontal ul li{
	float: left;
	position: relative;
}
.horizontal ul li a{
	display: block;
	overflow: hidden;
}
.horizontal li li{
	float: none;
}
.horizontal li li.last{

}
.horizontal ul li ul{
	position: absolute;
}
.horizontal ul ul ul{
	
}
.horizontal.left ul ul ul,.horizontal .left ul ul{
	
}
.horizontal ul li li a{
	
}
.horizontal ul li:first-child>a{
	
}
.horizontal ul li a.first{
	
}
.horizontal ul li li a.first{
	
}
.horizontal ul li li:first-child>a{
	
}
div.horizontal ul li.pixelfix ul{
	
}
div.horizontal ul li.pixelfix ul ul{

}

/*here we use a little CSS to make a basic/backup dropdown menu in modern browsers *cough* not IE6 or less *cough* if javascript is disabled.Flickering never happens in these browsers*/
.mlmenu li ul{
	display: none;
}
.mlmenu li:hover>ul{
	display: block;
}

/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
.accessible li ul{
	display: block;
}

/*Code to show an element has a child*/
.mlmenu.plus li a:first-child:not(:last-child):after{
	content: '+';
}
.plus a span{
	padding-left: .5em;
}
.noshow{
	visibility: hidden;
}