/* MiracleCord Navigation CSS */

/* start nav1- refer-a-friend and free info kit - not used currently */
#nav1  { width: 980px; height: 22px; padding-top: 32px; text-align: right; }
#nav1 a  { color: #444; text-decoration: none; text-transform: uppercase; font-size: 10px; letter-spacing: 1px; word-spacing: 1px; }
#nav1 a:hover  { color:#222; }

#nav1 ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */
/* end nav1 */


/* start NAV 2 - MAIN HORIZONTAL BAR */
#nav-bar { width: 980px; height: 30px; background-image: url(../images-css/nav-bar.gif); background-repeat: no-repeat; background-position: center top; margin-bottom: 40px; }

ul#nav2 { font-size:12px;/*base font-size for all menu sizing with ems*/ list-style:none; /* reset the default left padding in good browsers */ width: 830px; height:30px; float: left; }

#nav2 li { background-color:#32578f; position:relative; /* establish stacking context for the AP'd dropdown sublist */ text-align:center; float:left; padding:0; font-weight:normal; border-right: 1px solid #B6C7E3; height: 30px; }

#nav2 li a { color:#fff; line-height:245%; /* center the text vertically */ text-decoration:none; padding-top: 0; padding-right: 0px; padding-bottom: 0; padding-left: 0px; display: block; }
 
#nav2 li:hover, #nav2 li.sfhover { visibility:visible;/* makes IE7 think something changes on hover, fixes IE sticking dropdown */ height:30px; background-color:#496ca1;  }

#nav2 li:hover a, #nav2 li.sfhover a { color:#fff; }
	
#nav2 li.button1:hover a { background-image: url(../images-css/nav-bar-button1.gif); background-repeat: no-repeat; background-position: 0px -30px; display: block; height: 30px; }
	
/*down state - added by ryan*/
#nav2 span, #nav2 span a  { color:#fff; background-color: #1e3e7a; display: block; height: 30px; }

/*menu item widths*/
#nav2 li.button1, #nav2 li.button2, #nav2 li.button3, #nav2 li.button4, #nav2 li.button5, #nav2 li.button6, #nav2 li.end  {text-align:center; }

#nav2 li.button1 {width:84px; background-image: url(../images-css/nav-bar-button1.gif); background-repeat: no-repeat; background-position: 0 0; }
#nav2 li.button2 {width:152px; }
#nav2 li.button3 {width:190px; }
#nav2 li.button4 {width:213px; }
#nav2 li.button5 {width:79px; }
#nav2 li.button6 {width:103px; }
#nav2 li.end { border: none; width: 0px; }/*to remove right border on last menu item - added by ryan*/


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


#nav2 li li {background-color:#e9edf5; font-size:11px; font-weight: normal; text-align:left; float:left;/*(note: lack of float here triggers IE6/7 overflow bug) inherits from #nav li anyway unless reset */ border:0;/*reset borders from #nav li*/ }


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

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

#nav2 li:hover li a, #nav2 li.sfhover li a, #nav2 li:hover li li a, #nav2 li.sfhover li li a {color:#032c5f; background-image:none; } /*2nd and 3rd levels font color*/

#nav2 li li:hover a, #nav2 li li.sfhover a, #nav2 li li li:hover a, #nav2 li li li.sfhover a { background-color:#C8D5E9; background-image:none; } /*2nd and 3rd levels font color on hover*/

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

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


/* start NAV 3 - RIGHT SIDEBAR */
#nav3 { width:190px; padding-right: 10px; }
#nav3 ul { list-style: none; }
#nav3 li { font-weight: bold; font-size: 11px; line-height: 130%; }

#nav3 li a:link, #nav3 li a:visited  { display: block; text-decoration: none; font-weight: bold; padding-top: 4px; padding-right: 0; padding-top: 10px; padding-left: 0px; }

#nav3 ul a:hover { color: #2d5296; }

#nav3 li span, #nav3 li span a { color:#994D84; display: block; }


/*=== Nav 3 Sublist Styles ===*/
#nav3 ul ul { margin-bottom: 10px; }

#nav3 ul ul li { margin:0; }

#nav3 ul ul a:link, #nav3 ul ul a:visited { color:#333; font-weight: normal; text-decoration: none; border-left: none; padding-top: 4px; padding-left: 8px; padding-bottom: 0px; }

#nav3 ul ul a:hover { color: #994D84; }


/* end nav 3 */