@charset "UTF-8";
body {}

.page { position: relative; margin: 0px auto 0px auto; max-width: 1000px;}

.page header  {
    height: 185px;
}

footer  {

}

.page .page_content  .sub-sec  {

    padding: 0px;
}


.page .page_content  .sec  {
   width: 100%;
    /*border: 1px solid;*/
    border-radius: 5px;
    border-color: grey;
    padding: 4px;
}


.td-style{font-size: 13px; font-family: arial; line-height: 100%;}



a.common:link  {font-family: trebuchet ms;	font-size: 11px;	font-weight: bold;	color: #333333;	text-transform: none;	text-decoration: none;}
a.common:hover {font-family: trebuchet ms;	font-size: 11px;	font-weight: bold;	color: #333333;	text-transform: none;	text-decoration: none;}
a.common:visited {font-family: trebuchet ms;	font-size: 11px;	font-weight: bold;	color: #333333;	text-transform: none;	text-decoration: none;}
.common-small      {font-family: trebuchet ms; color: #646B6E;font-size: 10px; font-weight: normal; text-transform: uppercase;}



.nav-menu1 { position: relative; float: left; left: 0px; height: 20px;}
.nav-menu2 { position: relative; float: right; right: 320px; height: 20px; width:250px;  top: 0px;}
.nav-menu2-a { position: absolute; float: right; right: 0px; height: 20px; width:280px; top: 2px;}



.nav-logo { float: left;  height: 25px; width: 30%; top: 30px; left: 0px;  position: absolute; height: 92px;}
.nav-advt  {position: absolute; float: right; height: 25px; width: 70%; top: 30px; right: 0px;  height: 92px;}

.nav-menu3  { float: left; height: 25px; width: 100%; top: 115px; left: 0px; position: absolute; height: 25px;}
.nav-scroll { float: left; height: 25px; width: 100%; top: 160px;  left: 0px; position: absolute; height: 25px;}













.clear_both { clear: both; line-height: 1px; }
.clear_3 { clear: both; line-height: 1px; }
.clear_2 { clear: both; line-height: 1px; }




.nav { width: 33%;  float: left; margin: 0px; padding: 0%; }
.nav1 { width: 40%;  float: left; margin: 0px; padding: 0%; }
.nav2 { width: 26%;  float: left; margin: 0px; padding: 0%; }
.nav3 { width: 33%;  float: left; margin: 0px; padding: 0%; }
.clear_2 { display: none; }






/* Rules Sensitive to Screen Size */


/* Screen Rules -1 */


@media screen and (min-width: 0px) and (max-width: 729px) {	

.nav { width: 100%; float: left; margin: 0px; padding: 0%; }

.nav1 { width: 100%;  float: left; margin: 0px; padding: 0%; }
.nav2 { width: 100%;  float: left; margin: 0px; padding: 0%; }
.nav3 { width: 100%;  float: left; margin: 0px; padding: 0%; }
.nav-menu3  { display: none;}
.nav-advt  { display: none;}




.clear_3 { display: none; }
.clear_2 { display: none; }
}


@media screen and (min-width: 0px) and (max-width: 579px) {	

.nav-menu3  { display: none;}
.nav-advt  { display: none;}

.page header { height: 225px;}
.nav-scroll { top: 200px; }
.nav-menu2 { position: absolute;  top: 170px; display: block; float: right; right: 50px; width: 250px;}
.nav-menu2-a { position: absolute;  top: 130px; display: block; float: left; left: 10px; width: 300px;}
.nav-logo {width: 250px;}

}


@media screen and (min-width: 580px) and (max-width: 729px) {	

.nav-menu3  { display: none;}
.nav-advt  { display: none;}

.page header { height: 135px;}
.nav-scroll { top: 115px; }
.nav-logo {width: 250px;}

.nav-menu2 { position: relative; float: right; right: 50px; height: 20px; width:250px;  top: 0px;}
.nav-menu2-a { position: absolute;  top: 60px; display: block; float: right; right: 10px;}

}



/* Screen Rules -2 */


@media screen and (min-width: 730px) and (max-width: 939px) {

.nav { width: 50%; float: left; margin: 0px; padding: 0%; }

.nav1 { width: 50%;  float: left; margin: 0px; padding: 0%; }
.nav2 { width: 50%;  float: left; margin: 0px; padding: 0%; }
.nav3 { width: 50%;  float: left; margin: 0px; padding: 0%; }

.nav-menu3  { display: none;}

.page header { height: 235px;}
.nav-advt {float: left; top: 110px; left: 0px; width: 100%;}
.nav-scroll { top: 215px; }

.nav-logo {width: 250px;}

.nav-menu2 { position: relative; float: right; right: 150px; height: 20px; width:250px;  top: 0px;}
.nav-menu2-a { position: absolute;  top: 60px; display: block; float: right; right: 10px;}



.clear_3 { display: none; }
}




/* Screen Rules -3 */

@media screen and (min-width: 940px) and (max-width: 10000px) {
.nav { width: 33%;  float: left; margin: 0px; padding: 0%; }

.nav1 { width: 40%;  float: left; margin: 0px; padding: 0%; }
.nav2 { width: 26%;  float: left; margin: 0px; padding: 0%; }
.nav3 { width: 33%;  float: left; margin: 0px; padding: 0%; }

.clear_2 { display: none; }
}