/* ML Architecture Navigation CSS */


/* start MAIN HORIZONTAL MENU */
#nav-bar { margin-top: 44px; width: 550px; height: 30px; float: right; }

ul#nav { list-style:none; /* reset the default left padding in good browsers */ width: 550; height:30px; float: right; }

#nav li { font-size:11px; text-transform: lowercase; letter-spacing: 2px; word-spacing: 2px; background-color:#FFF; position:relative; /* establish stacking context for the AP'd dropdown sublist */ text-align:center; float: right; font-weight: bold; border-left: 1px solid #CCC; }

#nav li a { color:#000; line-height:150%; /* center the text vertically */ text-decoration:none; display: block; padding-right: 18px; padding-left: 18px; padding-top: 5px; padding-bottom: 5px; }
 
#nav li:hover, #nav li.sfhover { visibility:visible;/* makes IE7 think something changes on hover, fixes IE sticking dropdown */ }

#nav li:hover a, #nav li.sfhover a { color:#777; }
	
	
/*down state*/
#nav span, #nav span a, #nav span a:hover { color:#9d141a; display: block; height: 28px; }


/*=== Nav 2 Sublist Styles ===*/
#nav ul { position:absolute; /* position the sublist to nearest positioned ancestor, the (#nav li) in this case*/ margin-left:-999em;/* hide the sublist */ left:0; /* IE6&7 need this to position the sublist correctly on hover*/ top:28px; list-style:none; }


#nav li li { background-color: #ddd; font-size: 11px; font-weight: normal; text-align: left; float:left;/*reset borders from #nav li*/ letter-spacing: 1px; word-spacing: 1px; margin-top: 0; margin-bottom: 0; height: 30px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFF; }


#nav li li a { float: none;/*reset the float from #nav li a*/ display:block; width:180px;/*IE6 needs a width (40px total with padding)*/ height: 13px; padding-top: 6px; padding-right: 5px; padding-bottom: 7px; padding-left: 8px; }

/*=== Hide All Sublists ===*/
#nav li:hover ul, #nav li:hover ul ul, #nav li.sfhover ul, #nav li.sfhover ul ul { margin-left:-999em; }

/*=== Sublist Font Colors ===*/
#nav li:hover li a, #nav li.sfhover li a, #nav li:hover li li a, #nav li.sfhover li li a { /*2nd and 3rd levels font color*/ color:#000; background-color: #ddd; } 

#nav li li:hover a, #nav li li.sfhover a, #nav li li li:hover a, #nav li li li.sfhover a { background-color:#bbb; background-image:none; height: 17px; } /*2nd and 3rd levels font color on hover*/

/*=== Second Level UL position on hover ===*/

#nav li:hover ul, #nav li.sfhover ul { margin-left: -1px; /* show the sublist (line up with left border on main list items)*/ }

/*down state*/
#nav li li span a:hover, #nav li li span , #nav li li span a { background-color: #C33; }
/* MAIN HORIZONTAL MENU */