/*======= index.html =======*/

#page1 .col-1 {width: 358px; padding: 8px 20px 0 0;}
#page1 .col-2 {width: 507px;}

/*======= index-1.html =======*/

#page2 .col-1 {width: 358px; padding: 8px 20px 0 0;}
#page2 .col-2 {width: 507px;}

#page2 .col-2 .block-1 {width: 203px; padding: 0 60px 0 0;}
#page2 .col-2 .block-2 {width: 210px; padding: 0 10px 0 0;}

/*======= index-2.html =======*/

#page3 .col-1 {width: 358px; padding: 0 20px 0 0;}
#page3 .col-2 {width: 507px;}

/*======= index-3.html =======*/

#page4 .block-1 {width: 400px; padding: 0 43px 0 0;}
#page4 .block-2 {width: 397px;}

#page4 .col-1 {width: 358px; padding: 8px 20px 0 0;}
#page4 .col-2 {width: 507px;}

/*======= index-4.html =======*/

#page5 .col-1 {width: 358px; padding: 8px 20px 0 0;}
#page5 .col-2 {width: 507px;}

/*======= index-5.html =======*/

#page6 .col-1 {width: 358px; padding: 0 20px 0 0;}
#page6 .col-2 {width: 507px;}

#page6 .col-2 .block-1 {width: 223px; padding: 0 30px 0 0;}
#page6 .col-2 .block-2 {width: 220px; padding: 0 10px 0 0;}


/* MAIN HEADER - MAIN NAVIGATION */
#mainNav { float:left; display:block; width:100%; margin:1px 0 0 0; }

#menu { z-index: 100; float:left; padding:0 0 0 16px; }
#menu li span { width:2px; height:73px; display:block; float:left; background:url(../img/bg_menu_top_line.gif) top left no-repeat; vertical-align:top; margin:0 10px !important; margin:0 7px; }
#menu li { position: relative; float: left; }
#menu li a { padding:9px 14px; color:#fff; float:left; display:block; font-weight:bold; text-decoration:none; }
#menu li a:hover { background:#006400; text-decoration:none; color:#fff; }
#menu li.on a, #menu li:hover a, #menu li.current a { background:#006400; text-decoration:none; color:#fff; }

#menu ul.ssNav { float: none; top: -999em; position: absolute; background: #006400 /*url(../img/bg_ssNav.gif) top left repeat-x*/; width: 180px; }

li#item1 ul.ssNav {	border-bottom-color: #cecece; }
li#item2 ul.ssNav {	border-bottom-color: #cecece; }
li#item3 ul.ssNav {	border-bottom-color: #cecece; }
li#item4 ul.ssNav {	border-bottom-color: #cecece; }
li#item5 ul.ssNav { border-bottom-color: #cecece; }
li#item6 ul.ssNav { border-bottom-color: #cecece; }
li#item7 ul.ssNav { width: 169px; }

#menu ul.ssNav li { width: 180px; }
#menu ul.ssNav li a { float: none; display: block; height: auto !important; padding: 6px 0 6px 18px !important; font-weight:bold; text-align: left; cursor: pointer; color: #fff; background: #006400 url(../img/icoArrow.gif) 4px 9px no-repeat; margin:0px;	border-bottom:1px solid #323941; font-size:11px; }
#menu ul.ssNav a:hover { text-decoration: none; color:#fff; background:#6B8E23 url(../img/icoArrow.gif) 4px 9px no-repeat; }
#menu li:hover ul.ssNav, /* pure CSS hover is removed below */ #menu li.on ul.ssNav { left: 0px; top: 34px; }

/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul.ssNav { top: -999em; }


.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }/*ie7*/
.clearfix { display:block; }
* html .clearfix { height:1%; }