/* zeroing padding/margin for all elements */
#dropDownMenu,
#dropDownMenu * { margin:0;padding:0;}

/* "Master" UL (the whole Menu) */
#dropDownMenu {position:relative;
               background:#2F475E no-repeat 100% 50%;
               width:760px;
               max-width:100%;
               float:left;
               margin-bottom:2.5em; 
               clear:both;
}

/* sub-menu ULs */
#dropDownMenu li ul {
	width:11em !important;/* leaves room for padding */
	cursor:default;
	position:absolute;
	height:auto;
	display:none;
	left:-10px;
	background:url('/images/spacer.gif');/* trick to keep'em open */; padding-left:10px; padding-right:10px; padding-top:1px; padding-bottom:10px
}

/* All LIs */
#dropDownMenu li {
	position:relative;
	width:12.30em;
	max-width:25%;
	cursor:pointer;
	float:left;
	list-style-type:none;
	font-weight:normal;
}

/* sub-menu LIs */
#dropDownMenu li ul li {
	width:12em/*FF*/;
	padding:0;
	border:none;
	max-width:120%;
	border-top:none;
    background-color: #2F475E;
   	color:white;
}

/* All anchors */
#dropDownMenu li a {
	cursor:default;
	color: #D2E7F4;
	text-decoration:none;
	display:block;
	float:left;
	padding:0 .4em;
	width:10em; 
	height:2em;
	line-height:2em;
}

/* sub-menu Anchors */
#dropDownMenu li ul li a {
	width:11em/*FF*/;
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	white-space:nowrap;
	line-height:1.7em;
	height:1.7em;
	font-weight:normal;
	color: #D2E7F4;
	background-position:0 50% !important;
}

/* :hover and stuff */
#dropDownMenu li a:hover,
#dropDownMenu li a:focus,
#dropDownMenu li a:active {color:black !important;background:#D2E7F4}

/* move the declarations from the rule below the one above if you want a background swap on *all* anchors, including the top level ones */
#dropDownMenu ul a:hover,
#dropDownMenu ul a:focus,
#dropDownMenu ul a:active {color:black !important;background:#D2E7F4}

/* display and z-index for the sub-menus */
#dropDownMenu li:hover ul,
#dropDownMenu li.msieFix ul {display:block;z-index:10;top:2em !important;}

/* safari */
#dropDownMenu li#M1 {z-index:6;}
#dropDownMenu li#M2 {z-index:5;}
#dropDownMenu li#M3 {z-index:4;}
#dropDownMenu li#M4 {z-index:3;}
#dropDownMenu li#M5 {z-index:2;}
#dropDownMenu li#M6 {z-index:1;}

/* Current location - class on Body must match LI's id */
.M1 #dropDownMenu li#M1 a,
.M2 #dropDownMenu li#M2 a,
.M3 #dropDownMenu li#M3 a,
.M4 #dropDownMenu li#M4 a,
.M5 #dropDownMenu li#M5 a,
.M6 #dropDownMenu li#M6 a {color:#D2E7F4;}

/* Keeping current menu accessible to JAWS */
.M1 #dropDownMenu li#M1 ul,
.M2 #dropDownMenu li#M2 ul,
.M3 #dropDownMenu li#M3 ul,
.M4 #dropDownMenu li#M4 ul,
.M5 #dropDownMenu li#M5 ul,
.M6 #dropDownMenu li#M6 ul {display:block;top:-1000px}

/* background colors */
#M1, #M1 li a {background-color:#2F475E;}
#M2, #M2 li a {background-color:#2F475E;}
#M3, #M3 li a {background-color:#2F475E;}
#M4, #M4 li a {background-color:#2F475E;}
#M5, #M5 li a {background-color:#2F475E;}
#M6, #M6 li a {background-color:#2F475E;}

/* "trigger" and "msieFix" classes */
#dropDownMenu li.msieFix a {}
/* last nested UL. keeping it in */
/*#dropDownMenu li#M6 ul {left:-4.5em !important;}*/

/* If JS is OFF we need to style the links in the sub-menu of the current page     */
/* so they are accessible to keyboard users.                                       */
.M1 #dropDownMenu li#M1 ul li a:focus,
.M1 #dropDownMenu li#M1 ul li a:active,
.M2 #dropDownMenu li#M2 ul li a:focus,
.M2 #dropDownMenu li#M2 ul li a:active,
.M3 #dropDownMenu li#M3 ul li a:focus,
.M3 #dropDownMenu li#M3 ul li a:active,
.M4 #dropDownMenu li#M4 ul li a:focus,
.M4 #dropDownMenu li#M4 ul li a:active,
.M5 #dropDownMenu li#M5 ul li a:focus,
.M5 #dropDownMenu li#M5 ul li a:active,
.M6 #dropDownMenu li#M6 ul li a:focus,
.M6 #dropDownMenu li#M6 ul li a:active {position:absolute ;top:1028px ;}