/* header nav 1 */

.nav2 {padding:0; top:0; width:auto; margin:0 auto; list-style:none; height:45px; z-index:500; background:#535353; display:inline-block; margin-left:50px; }
.nav2 li.mid {display:block; float:left;}
.nav2 li a.mid_link {display:block; float:left; height:45px; line-height:45px; color:#FFF; text-decoration:none; font-size:12px; padding:0 0 0 30px; cursor:pointer; font-family: "OpenSans-Semibold-webfont"; text-transform:none; border-right: 3px solid #999;}.nav2 li:last-child a.mid_link {border-right: none;}
.nav2 li a.mid_link span {float:left; display:block; padding:0 30px 0 0; height:45px;}
.nav2 li a.mid_link span.down2 {float:left; display:block; padding:0 30px 0 0; height:45px;}
.nav2 li a.mid_link:hover {color:#FFFFFF; background: url(../images/hover.gif) top left repeat-x }
.nav2 li a.act {color:#FFFFFF; background: url(../images/hover.gif) top left repeat-x }
.nav2 li a.mid_link:hover span {background:url(../images/hover.gif) top left repeat-x }
.nav2 li a.mid_link:hover span.down2 {}

.nav2 li:hover > a.mid_link {color:#FFFFFF; background:url(../images/hover.gif) top left repeat-x }
.nav2 li:hover > a.mid_link span {background:url(../images/hover.gif) top left repeat-x}
.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:#7FAC03; padding:3px; white-space:nowrap; width:295px; height:auto; z-index:300;}
.nav2 :hover ul.sub2 li {display:block; height:25px; position:relative; float:left; width:295px; font-family: "OpenSans-Regular-webfont";}
.nav2 :hover ul.sub2 li a {display:block; font-size:13px; height:25px; width:295px; line-height:25px; text-indent:5px; color:#FFF; text-align:left; text-decoration:none;}
.nav2 :hover ul.sub2 li a.fly2 {background:#7FAC03 url(../images/arrow_menu.gif) 240px 9px no-repeat;}
.nav2 :hover ul.sub2 li a:hover {background:#535353; color:#FFFFFF;}
.nav2 :hover ul.sub2 li a.fly2:hover {background:#535353 url(../images/arrow_menu.gif) 240px 9px no-repeat; color:#FFF;}
.nav2 :hover ul li:hover > a.fly2 {background:#535353 url(../images/arrow_menu.gif) 240px 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:#7FAC03; padding:3px; margin:-3px 0 0 0; border-left:1px solid #6B9300; white-space:nowrap; width:295px; z-index:400; height:auto;}