@charset "utf-8";
/* CSS Document */

* {	margin:0; padding:0; font-size: 14px; line-height: 20px;}
body {background: url(images/bg.jpg) center top no-repeat #5f3c1a; font-family: Helvetica, Verdana, Arial, sans-serif; margin: 0px; font-size: 14px;}
p {font-size: 14px; color: #ffffff; line-height: 20px;}
a {color: #fe9201; text-decoration: none; font-weight: 600;}
a:hover {text-decoration: underline; }
ul { font-size: 14px; color: #ffffff; padding-left: 15px;}
ol { font-size: 14px; color: #ffffff; padding-left: 15px; margin-left: 10px;}
.small { font-size: 10px;}
.orange {color: #330000; font-weight: bold;}
.question { color: #330000; font-weight: 600;}

.imgLeft {float: left; margin: 5px 5px 5px 5px;}
.imgRight {float: right; margin: 5px 5px 5px 5px;}
/*--------------------------------main layout--------------------------------*/
#container { width: 700px; height: 700px; padding: 10px; margin: 0 auto; background: url(images/main.jpg) no-repeat top center;}
#page2 #container { width: 700px; height: 700px; padding: 10px; margin: 0 auto; background: url(images/main2.jpg) no-repeat top center;}
#page4 #container { width: 700px; height: 700px; padding: 10px; margin: 0 auto; background: url(images/main3.jpg) no-repeat top center;}
#page5 #container { width: 700px; height: 700px; padding: 10px; margin: 0 auto; background: url(images/main4.jpg) no-repeat top center;}
#page6 #container { width: 700px; height: 700px; padding: 10px; margin: 0 auto; background: url(images/main5.jpg) no-repeat top center;}
#page8 #container { width: 700px; height: 700px; padding: 10px; margin: 0 auto; background: url(images/main6.jpg) no-repeat top center;}
#page3 #container { width: 700px; height: 700px; padding: 10px; margin: 0 auto; background: url(images/main7.jpg) no-repeat top center;}
#page7 #container { width: 700px; height: 700px; padding: 10px; margin: 0 auto; background: url(images/main9.jpg) no-repeat top center;}
#page9 #container { width: 700px; height: 700px; padding: 10px; margin: 0 auto; background: url(images/main10.jpg) no-repeat top center;}
#page10 #container { width: 700px; height: 700px; padding: 10px; margin: 0 auto; background: url(images/main11.jpg) no-repeat top center;}

#exposed #container { width: 700px; height: 700px; padding: 10px; margin: 0 auto; background: url(images/main8.jpg) no-repeat top center;}


#menu {	float: right; margin: 10px 0px 0px 0px; /*border: 1px solid #FFFFFF;*/ clear:left;}

#menu2 { float: right; margin: 10px 20px 0px 0px; /*border: 1px solid #FFFFFF;*/	clear:right;}

#content { width: 320px; height: 410px; margin: 0px 20px 0px 0px; padding: 10px; color: #FFFFFF; font-size: 18px; float: right; clear: both; /*border: 1px solid #FFFFFF; */}
#exposed #content {clear: right;}

#content a{color: #330000; text-decoration: none; font-weight: 600;}

#bottom { width: 670px; height: 110px; margin: 15px 10px 0px 0px; padding: 15px 10px 0px 0px; color: #FFFFFF; font-size: 18px; float: right; clear: both; /*border: 1px solid #FFFFFF;*/}

.content_text { width: 320px; height: 395px; color: #55c7dc; font-size: 18px; padding: 10px 0px 0px 0px;}
.content {padding: 20px;}

.text {color: #FFFFFF; height: 305px; overflow: auto; padding: 0px 5px 0px 5px; margin: 20px 0px 0px 0px;}
.text a {color: #330000;}

#footer { width: 720px; height: 20px; margin: 0 auto; color: #fe9201; font-size: 18px; font-size: 12px;}

.copyright {width: 250px; float: left;}
.design {width: 380px; float: right; text-align: right;}

.clear {clear: both; height:1px; margin:5px;}


/*--------------------------------menu layout left--------------------------------*/

#menu ul, #menu2 ul{ list-style:none; padding-left: 0px;}

.mainmenu li {}

.mainmenu li.home a {display:block; background: url(images/home.jpg) no-repeat; width: 185px; height: 26px; text-align: left; color:#FFFFFF; text-indent: -9999px}
.mainmenu li.home a:hover, #page1 ul.mainmenu li.home a {background: url(images/home-act.jpg) no-repeat; text-align: left;}

.mainmenu li.where a {display:block; background: url(images/where.jpg) no-repeat; width: 185px; height: 26px; text-align: left; color:#FFFFFF; text-indent: -9999px}
.mainmenu li.where a:hover, #page2 ul.mainmenu li.where a {background: url(images/where-act.jpg) no-repeat; text-align: left;}

.mainmenu li.campaign a {display:block; background: url(images/campaign.jpg) no-repeat; width: 185px; height: 26px; text-align: left; color:#FFFFFF; text-indent: -9999px}
.mainmenu li.campaign a:hover, #page3 ul.mainmenu li.campaign a {background: url(images/campaign-act.jpg) no-repeat; text-align: left;}

.mainmenu li.et411 a {display:block; background: url(images/et411.jpg) no-repeat; width: 185px; height: 26px; text-align: left; color:#FFFFFF; text-indent: -9999px}
.mainmenu li.et411 a:hover, #page4 ul.mainmenu li.et411 a {background: url(images/et411-act.jpg) no-repeat; text-align: left;}


/*--------------------------------menu layout right--------------------------------*/
.mainmenu li.why a {display:block; background: url(images/why.jpg) no-repeat; width: 185px; height: 26px; text-align: left; color:#FFFFFF; text-indent: -9999px}
.mainmenu li.why a:hover, #page5 ul.mainmenu li.why a {background: url(images/why-act.jpg) no-repeat; text-align: left;}

.mainmenu li.facts a {display:block; background: url(images/facts.jpg) no-repeat; width: 185px; height: 26px; text-align: left; color:#FFFFFF; text-indent: -9999px}
.mainmenu li.facts a:hover, #page6 ul.mainmenu li.facts a {background: url(images/facts-act.jpg) no-repeat; text-align: left;}

.mainmenu li.disclosure a {display:block; background: url(images/disclosure.jpg) no-repeat; width: 185px; height: 26px; text-align: left; color:#FFFFFF; text-indent: -9999px}
.mainmenu li.disclosure a:hover {background: url(images/disclosure-act.jpg) no-repeat; text-align: left;}

.mainmenu li.contacts a {display:block; background: url(images/contacts.jpg) no-repeat; width: 185px; height: 26px; text-align: left; color:#FFFFFF; text-indent: -9999px}
.mainmenu li.contacts a:hover, #page8 ul.mainmenu li.contacts a {background: url(images/contacts-act.jpg) no-repeat; text-align: left;}

/*--------------------------------small right--------------------------------*/
.bottom_menu { width: 266px; height: 104px; float: left; }
.bottom_menu ul{ list-style:none; padding-left: 10px; padding-top: 2px;}

.smallmenu li {}

.smallmenu li.partner a {display:block; background: url(images/partner.jpg) no-repeat; width: 266px; height: 40px; text-align: left; color:#FFFFFF; text-indent: -9999px}
.smallmenu li.partner a:hover, #page7 ul.smallmenu li.partner a {background: url(images/partner-act.jpg) no-repeat; text-align: left;}

.smallmenu li.whatisit a {display:block; background: url(images/whatisit.jpg) no-repeat; width: 266px; height: 29px; text-align: left; color:#FFFFFF; text-indent: -9999px}
.smallmenu li.whatisit a:hover, #page9 ul.smallmenu li.whatisit a {background: url(images/whatisit-act.jpg) no-repeat; text-align: left;}

.smallmenu li.whydoit a {display:block; background: url(images/whyisit.jpg) no-repeat; width: 266px; height: 35px; text-align: left; color:#FFFFFF; text-indent: -9999px}
.smallmenu li.whydoit a:hover, #page10 ul.smallmenu li.whydoit a {background: url(images/whyisit-act.jpg) no-repeat; text-align: left;}


/*--------------------------------Log In--------------------------------*/
#login {font-size: 16px; float: right; margin: 0px 0px 0px 15px; padding: 2px; width: 360px;} 
.login_inner {margin: 0 auto; width: 348px;}
#login .btn {margin: 0 auto; width: 348px;}

/*--------------------------------contact--------------------------------*/
.form_wrap .input {float: right;}
.form_wrap .label {float: left;}
.form_wrap .form_wrap {width: 350px}

/*--------------------------------exposed--------------------------------*/
#exposed #bottom { width: 680px; height: 125px; margin: 0 auto; color: #FFFFFF; font-size: 12px;}
.get_tested {width: 310px; height: 30px; float: left; clear: left; margin-top: 10px;} 
.go_home {width: 310px; height: 30px; float: right; clear: right; margin-top: 10px;} 


/*--------------------------------bottom universla menu--------------------------------*/
#universal { width: 722px; height: 0px; padding: 8px 0px 5px 0px; margin: 0 auto; visibility: hidden;}

/*--------------------------------advertisement area--------------------------------*/
#advertisement { width: 721px; height: 90px; margin: 0 auto;}
.redPrint {color: #FE9201; font-size: 10px; font-weight: bold;}
#prizes #container { width: 700px; height: 1008px; padding: 10px; margin: 0 auto; background: url(images/main-prizes.jpg) no-repeat top center;}
.content {padding: 20px; }
#prizes #bottom { width: 670px; height: 390px; overflow: auto; margin: 15px 10px 0px 0px; padding: 15px 10px 0px 0px; color: #FFFFFF; font-size: 18px; float: right; clear: both; /*border: 1px solid #FFFFFF;*/}
.content_prizes { font-weight: bold; color:#FE9201;}