*{margin:0; padding:0; border:0; font-size:13px}
fieldset{border:0}
a{overflow:hidden; outline:none}
*{font-family:Trebuchet MS,Tahoma,Arial,sans-serif}
body{margin:0; text-align:center; background-color:#99bb4a}
#template{text-align:left; margin:10px auto; width:980px; height:810px; background:url(../images/template/template-bg.jpg) no-repeat}
#footer{position:absolute; margin-top:785px; width:980px}
#footer p{text-align:right; color:#FFF; padding:0 25px}
#footer a{color:#FFF; text-decoration:none}
#footer a:hover{text-decoration:underline}
#sponsors{position:absolute; margin:205px 0 0 75px; z-index:2}
#sponsors h1{float:left; width:104px; height:107px}
#sponsors h1 a{text-indent:-999em; width:81px; height:107px; background:url(../images/template/nude-food-movers-logo.png) no-repeat; display:block}
#sponsors h2{float:left; width:95px; height:107px}
#sponsors h2 a{text-indent:-999em; width:95px; height:107px; background:url(../images/template/the-smith-family-logo.png) no-repeat; display:block}
a.getstarted{text-indent:-999em; display:block; background:url(../images/template/button-getstartednow.png) no-repeat 0 0; width:158px; height:92px}
a.getstarted:hover, 
a.getstarted:active, 
a.getstarted:focus{background-position:-158px 0}
.getstarted-top{position:absolute; right:60px; margin-top:-88px}
.clear{clear:both}
.main-content{position:absolute; margin:250px 0 0 225px; margin:250px 0 0 220px; padding:100px 40px 7px 0; width:705px; width:720px; height:410px; color:#5f5d5e}
.main-content h1{color:#d67e1d; margin-bottom:15px; font-size:28px}
.main-content h2{margin-bottom:10px; font-size:16px}
.main-content p{color:#5f5d5e; margin:0 0 10px 0}
.main-content p.small{font-size:10px !important}
.main-content li strong, 
.main-content p strong{color:#3b3a3a}
.main-content p em{color:#d67e1d; font-style:normal; font-weight:bold}
.main-content a{text-decoration:none; font-weight:bold; color:#d67e1d}
.main-content a:hover, 
.main-content a:active, 
.main-content a:focus{text-decoration:underline}
.main-content .scroll-pane{overflow:auto; height:408px; outline:0}
label{float:left; width:90px; color:#5f5d5e; padding:7px 0; margin-bottom:10px; margin-right:10px; text-align:right}
fieldset{width:450px}
form br{clear:both}
label.error, 
p.field-error{margin:0 0 0 100px; color:#e00; width:auto; position:relative; top:-15px; clear:left; padding:2px 3px; font-size:12px; text-align:left}
p.message{font-weight:bold; padding:10px; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; margin:10px 0}
p.error{background-color:#FFE1E0; color:#D90600}
button{float:right; cursor:pointer}
select, 
textarea, 
input{float:left; margin:1px 1px 11px 1px; padding:1px; color:#fff; width:318px; background:#969593; border:4px solid #969593; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px}
.input-container{float:left; width:321px; height:28px}
.input-container input{float:none}
.school-input{width:300px}
#nav{position:absolute; margin-top:325px}
#nav ul{list-style:none; padding:0; margin:0}
#nav li{float:left; clear:both}
#nav a{float:left}
#nav ul.main a{background:url(../images/template/navigation-main-bg.png) no-repeat 0 -60px}
#nav ul.footer a{background:url(../images/template/navigation-footer-bg.png) no-repeat 0 -30px}
#nav a span{text-indent:-999em; float:left; width:188px; cursor:pointer}
#nav ul.main a span{background:url(../images/template/navigation-main-labels.png) no-repeat 0 0; height:60px}
#nav ul.footer a span{background:url(../images/template/navigation-footer-labels.png) no-repeat 0 0; height:30px}
#nav a:hover, 
#nav a:active, 
#nav a:focus, 
#nav .active a{background-position:0 0 !important}
#nav #nav-home span{background-position:0 0}
#nav #nav-howtoplay span{background-position:0 -60px}
#nav #nav-raisemoney span{background-position:0 -120px}
#nav #nav-earnpoints span{background-position:0 -180px}
#nav #nav-about span{background-position:0 -240px}
#nav #nav-ref span{background-position:0 0}
#nav #nav-faq span{background-position:0 -30px}
#nav #nav-terms span{background-position:0 -60px}
#nav #nav-corporate span{background-position:0 -90px}
#home-content{}
#intro{position:absolute; margin:-88px 0 0 88px}
#intro p{width:444px; float:left}
#intro p strong{color:#75a700}
#home-hero{position:absolute; margin:16px 0 0 0; background:url(../images/template/home-lunchbox.jpg) no-repeat; width:703px; height:399px}
a#win-hotspot{position:absolute; display:block; width:162px; height:162px; text-indent:-999em; background:url(../images/template/win-hotspot.png) no-repeat 0 0}
a#win-hotspot:hover, 
a#win-hotspot:active, 
a#win-hotspot:focus{background-position:-162px 0}
a#raise-hotspot{position:absolute; display:block; width:150px; height:150px; margin:13px 0 0 552px; text-indent:-999em; background:url(../images/template/raise-hotspot.png) no-repeat 0 0}
a#raise-hotspot:hover, 
a#raise-hotspot:active, 
a#raise-hotspot:focus{background-position:-150px 0}
#help-content p{width:700px}
#raisemoney-content p{width:700px}
#earnpoints-content{background:url(../images/template/smash-gear.jpg) no-repeat 260px bottom}
#earnpoints-content p{width:240px}
#about-content{background:url(../images/template/about-bg.jpg) no-repeat 360px 220px}
#about-content p{width:350px}
#school-content legend{display:none}
#school-content a{margin:15px 0 15px 105px; font-size:14px; float:left; background:url(../images/template/orange-arrow.png) no-repeat right; padding-right:25px; line-height:20px}
#school-content button{background:url(../images/template/button-getstarted.png) no-repeat; height:101px; width:168px; text-indent:-999em; float:left; margin-left:100px}
#suggest-content legend{display:none}
#suggest-content label{width:110px}
#suggest-content p.field-error{margin-left:120px}
#suggest-content button{background:url(../images/template/button-suggestschool.png) no-repeat; height:101px; width:168px; text-indent:-999em; float:left; margin-left:120px}
#faq-content ul{margin:0 0 30px 20px; list-style:disc}
#faq-content ul a{color:#5F5D5E}
#faq-content ul a:hover{color:#d67e1d}
#faq-content dl{margin:0 0 50px 0}
#faq-content dt{font-weight:bold; margin:0 0 5px 0; color:#000}
#faq-content dd{margin:0 0 25px 0}
#questionreferences-content p{width:680px; clear:left}
#questionreferences-content p img{float:left; margin:0 20px 10px 0}
#terms-content ol{margin:10px 0 20px 30px}
#terms-content ol li{margin:10px 0}
#terms-content h1, 
#terms-content h2{text-align:center}
#quiz-content{width:360px}
#quiz-content span.question-symbol{clear:left; margin-right:5px; font-size:18px}
#quiz-content span.question-symbol, 
#quiz-content p.question{color:#D67E1D; font-weight:bold; float:left; margin-bottom:10px !important}
#quiz-content p.question{width:304px; font-size:15px}
#quiz-content p.question sup{color:#5F5D5E; padding-left:2px; line-height:10px; font-size:10px; cursor:help}
#quiz-content ol{float:left; width:100%; clear:both}
#quiz-content ol a{color:#5f5d5e}
#quiz-content ol a:hover, 
#quiz-content ol a:active, 
#quiz-content ol a:focus{color:#75a700; text-decoration:none}
#quiz-content li{margin:0 0 8px 43px}
#quiz-content p.correct-response{padding:40px 0 0 40px; background:url(../images/template/question-correct.png) no-repeat top left; color:#000; margin-bottom:30px; font-weight:bold}
#quiz-content p.correct-response span.answer{color:#75a700; padding-left:20px; display:block}
#quiz-content p.incorrect-response{padding:40px 0 0 40px; background:url(../images/template/question-incorrect.png) no-repeat top left; color:#000; margin-bottom:30px; font-weight:bold}
#quiz-content p.incorrect-response span.answer{color:#D67E1D; font-weight:bold; padding-left:20px; display:block}
#quiz-content p.incorrect-response span.your-choice{color:#5f5d5e; padding-left:20px; font-weight:normal; display:block}
#quiz-content .progress-box{position:absolute}
#progress-box0{top:10px; left:365px}
#progress-box1{top:54px; left:378px}
#progress-box2{top:29px; left:490px}
#progress-box3{top:140px; left:411px}
#progress-box4{top:326px; left:433px}
#progress-box5{top:10px; left:365px}
#progress-bar{background:url(../images/template/progress-bar-bg.png) no-repeat; width:174px; height:61px; position:absolute; top:175px; left:560px}
#progress-bar span{display:block; background-image:url(../images/template/progress-bar.png); background-repeat:no-repeat; width:174px; height:61px; text-indent:-999em}
#quiz-content #button-sendfriend{display:block; background:url(../images/template/button-sendfriend.png) no-repeat top left; height:30px; width:185px; text-indent:-999em; float:left}
#quiz-content a#playagain-hotspot{position:absolute; display:block; width:120px; height:120px; text-indent:-999em; position:absolute; top:334px; left:578px; background:url(../images/template/playagain-hotspot.png) no-repeat 0 0}
#quiz-content a#playagain-hotspot:hover, 
#quiz-content a#playagain-hotspot:active, 
#quiz-content a#playagain-hotspot:focus{background-position:-120px 0}
#quiz-content a.social-icon{float:left; width:30px; height:30px; background:url(../images/template/social-icons.png) no-repeat; text-indent:-999em; margin-right:10px}
#quiz-content a#share-facebook{background-position:0 0}
#quiz-content a#share-facebook:hover{background-position:-30px 0}
#quiz-content a#share-twitter{background-position:0 -30px}
#quiz-content a#share-twitter:hover{background-position:-30px -30px}
#quiz-content a#share-myspace{background-position:0 -60px}
#quiz-content a#share-myspace:hover{background-position:-30px -60px}
#social-panel{margin-top:20px}
#tellfriend-panel{margin:0; padding:15px 0 0 0; width:450px; height:auto; position:static}
#tellfriend-panel legend{display:none}
#tellfriend-panel #button-send{display:block; background:url(../images/template/button-sendfriend.png) no-repeat top left; height:30px; width:185px; text-indent:-999em; float:left; margin-left:100px}
#tellfriend-panel #send-result{float:left; margin-left:10px; padding:4px}
#tellfriend-panel #send-result span{font-weight:bold}
#tellfriend-panel .send-success{color:green}
#tellfriend-panel .send-error{color:#e00}
.js ul.newList{left:-999em}
ul.newList{color:#fff; width:136px; background:#969593; position:absolute;  border:1px solid #ccc; top:22px; left:0; overflow:auto; z-index:9999}
.newListSelected{width:131px; color:#fff; height:25px; padding:3px 0 0 6px; float:left; background:url(../images/template/select-bg.png) no-repeat; outline:none}
.newListSelected span{width:130px; display:block}
ul.newList li{padding:3px 8px}
.selectedTxt{width:106px; overflow:hidden; line-height:21px; padding:0 23px 0 0}
.hiLite{background:#5f5e5d !important; color:#fff !important}
.newListHover{background:#000 !important; color:#fff !important; cursor:default}
.newListSelHover, 
.newListSelFocus{background-position:0 -28px; cursor:default}
.newListOptionTitle{font-weight:bold}
.newListOptionTitle ul{margin:3px 0 0}
.newListOptionTitle li{border-left:1px solid #ccc}
.jScrollPaneContainer{position:relative; overflow:hidden; z-index:1; outline:0}
.jScrollPaneTrack{position:absolute; cursor:pointer; right:0; top:0; height:100%; background:url(../images/template/scrollbar-track.png) repeat-y center center}
.jScrollPaneDrag{position:absolute; background:url(../images/template/scrollbar-drag-middle.png) no-repeat center center; cursor:pointer; overflow:hidden}
.jScrollPaneDragTop{position:absolute; height:6px; background:url(../images/template/scrollbar-drag-top.png) no-repeat 0 0; top:0; left:0; overflow:hidden}
.jScrollPaneDragBottom{position:absolute; height:6px; background:url(../images/template/scrollbar-drag-bottom.png) no-repeat 0 0; bottom:0; left:0; overflow:hidden}
#TB_window{ font:12px Arial,Helvetica,sans-serif;  color:#333}
#TB_secondLine{ font:10px Arial,Helvetica,sans-serif;  color:#666}
#TB_window a:link{color:#666}
#TB_window a:visited{color:#666}
#TB_window a:hover{color:#000}
#TB_window a:active{color:#666}
#TB_window a:focus{color:#666}
#TB_overlay{ position:fixed;  z-index:100;  top:0px;  left:0px;  height:100%;  width:100%}
.TB_overlayMacFFBGHack{background:url(macFFBgHack.png) repeat}
.TB_overlayBG{ background-color:#000;  filter:alpha(opacity=50);  -moz-opacity:0.5;  opacity:0.5}
* html #TB_overlay{ position:absolute;  height:expression(document.body.scrollHeight >document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px')}
#TB_window{ position:fixed;  background:#fff;  z-index:102;  color:#000;  display:none;  border:2px solid #777;  text-align:left;  top:50%;  left:50%}
* html #TB_window{position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2)+(TBWindowMargin = document.documentElement &&document.documentElement.scrollTop || document.body.scrollTop)+'px')}
#TB_window img#TB_Image{  display:block;   margin:15px 0 0 15px;   border-right:1px solid #ccc;   border-bottom:1px solid #ccc;   border-top:1px solid #666;   border-left:1px solid #666}
#TB_caption{  height:25px;   padding:7px 30px 10px 25px;   float:left}
#TB_closeWindow{  height:25px;   padding:11px 25px 10px 0;   float:right}
#TB_closeAjaxWindow{  padding:7px 10px 5px 0;   margin-bottom:1px;   float:right; display:block;   text-indent:-999em;   height:16px;   width:16px}
#TB_closeWindowButton{float:right; background:url(../images/template/close-box.png) no-repeat; width:16px; height:16px}
#TB_ajaxWindowTitle{ float:left;  padding:7px 0 5px 10px;  margin-bottom:1px; font-weight:bold}
#TB_title{ background-color:#e8e8e8;  height:27px}
#TB_ajaxContent{ clear:both;  padding:2px 15px 15px 15px;  overflow:auto;  text-align:left;  line-height:1.4em}
#TB_ajaxContent.TB_modal{ padding:15px}
#TB_ajaxContent p{ padding:5px 0px 5px 0px}
#TB_load{ position:fixed;  display:none;  height:13px;  width:208px;  z-index:103;  top:50%;  left:50%;  margin:-6px 0 0 -104px}
* html #TB_load{position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2)+(TBWindowMargin = document.documentElement &&document.documentElement.scrollTop || document.body.scrollTop)+'px')}
#TB_HideSelect{ z-index:99;  position:fixed;  top:0;  left:0;  background-color:#fff;  border:none;  filter:alpha(opacity=0);  -moz-opacity:0;  opacity:0;  height:100%;  width:100%}
* html #TB_HideSelect{     position:absolute;      height:expression(document.body.scrollHeight >document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px')}
#TB_iframeContent{  clear:both;   border:none;   margin-bottom:-1px;   margin-top:1px;   _margin-bottom:1px}
a.tooltip{text-indent:-999em;     background:url(../images/template/green-book-more.png) no-repeat; width:40px; height:37px; margin-left:-60px; margin-top:-4px; position:absolute; cursor:help}
#tooltip-container{    display:none;     position:absolute;     z-index:9999;     background:url(../images/template/tooltip-top.png) no-repeat left top;     width:304px; padding-top:57px; margin-top:98px; margin-left:15px}
#tooltip-container-body{    font-size:12px;     color:#5F5D5E; background:url(../images/template/tooltip-body.png) repeat-y; padding:0 30px; width:244px}
#tooltip-container-bottom{background:url(../images/template/tooltip-bottom.png) repeat-y; width:304px; height:34px}
.ac_results{overflow:hidden; text-align:left; padding:2px 4px; border:0; background-color:#969593; color:#FFF; margin-top:-5px}
.ac_results ul{width:100%; list-style-position:outside; list-style:none; padding:0; border-right:10px solid #969593; margin:0}
.ac_results iframe{display:none; display:block; position:absolute; top:0; left:0; z-index:-1; filter:mask(); width:3000px; height:3000px}
.ac_results li{margin:0px; padding:2px; cursor:pointer; display:block; width:100%; overflow:hidden}
.ac_loading{background-image:url(../images/template/indicator.gif) !important; background-repeat:no-repeat; background-position:right center}
.ac_over{background-color:Highlight; color:HighlightText}
