/* header nav 1 */

.nav2 {padding:0; top:0; margin:0 auto; list-style:none; height:45px; z-index:500; }
.nav2 li.mid {display:block; float:left;}
.nav2 li a.mid_link {display:block; float:left; height:45px; line-height:45px; color:#00406C; text-decoration:none; font-size:14px; font-weight:normal; padding:0 0px 0 17px; cursor:pointer;  background:url(../images/links_divied.gif) no-repeat top right; text-transform:uppercase;}
.nav2 li a.mid_link span {float:left; display:block; padding:0 17px 0 0; height:45px;}
.nav2 li a.mid_link span.down2 {float:left; display:block; padding:0 17px 0 0; height:45px;}
.nav2 li a.mid_link:hover {color:#fff; background:#8ED309 }
.nav2 li a.act {color:#fff; background:#8ED309 }
.nav2 li a.mid_link:hover span {background:#8ED309 }
.nav2 li a.mid_link:hover span.down2 {}

.nav2 li:hover > a.mid_link {color:#fff; background:#8ED309 }
.nav2 li:hover > a.mid_link span {background:#8ED309 }
.nav2 li:hover > a.mid_link span.down2 {}


.nav2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.nav2 a:hover {visibility:visible; position:relative; z-index:200;}
.nav2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.nav2 ul, 
.nav2 :hover ul ul, 
.nav2 :hover ul :hover ul ul,
.nav2 :hover ul :hover ul :hover ul ul,
.nav2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.nav2 :hover ul.sub2 {left:0; top:45px; background:#4FB745; padding:3px; white-space:nowrap; width:200px; height:auto; z-index:300;}
.nav2 :hover ul.sub2 li {display:block; height:30px; position:relative; float:left; width:245px; font-weight:normal;}
.nav2 :hover ul.sub2 li a {display:block; font-size:12px; height:30px; width:200px; line-height:30px; text-indent:5px; color:#fff; text-align:left; text-decoration:none;}
.nav2 :hover ul.sub2 li a.fly2 {background:#EE1818 url(../images/arrow_menu.gif) 200px 9px no-repeat;}
.nav2 :hover ul.sub2 li a:hover {background:#167BC1; color:#fff;}
.nav2 :hover ul.sub2 li a.fly2:hover {background:#167BC1 url(../images/arrow_menu.gif) 245px 9px no-repeat; color:#fff;}
.nav2 :hover ul li:hover > a.fly2 {background:#167BC1 url(../images/arrow_menu.gif) 245px 9px no-repeat; color:#fff;} 

.nav2 :hover ul :hover ul,
.nav2 :hover ul :hover ul :hover ul,
.nav2 :hover ul :hover ul :hover ul :hover ul,
.nav2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:245px; top:0; background:#EE1818; padding:3px; margin:-3px 0 0 0; border-left:1px solid #FCA637; white-space:nowrap; width:245px; z-index:450; height:auto;}