/* CSS Document */

body { font-family: "trebuchet MS", helvetica, sans-serif; background-color: #fff; background-position: center top; background-repeat: no-repeat;  }
body a { text-decoration: underline; color: #228ABD; }
body a:hover  {  }
body a:hover  {  }
body h1 { font-size: 30px; color: #218ABD; margin: 0 0 10px 0; width: 80%; }
body h1.large { font-size: 38px; color: #409A44; margin: 0 0 10px 0; width: 80%; }
body h1.level { font-size: 22px; color: #409A44; margin: 0 0 10px 0; width: 80%; }
body h2 { font-size: 25px; color: #218ABD; margin: 15px 0 15px 0; width: 80%; }
body h2.topLevel { font-size: 22px; color: #409A44; margin: 15px 0 0 0; }
body h3 { font-size: 22px; color: #409A44; width: 80%; }
body p { font-size: 16px; margin: 0 0 10px 0; line-height: 1.3em; width: 80%; }

body object { display: none; }



/* ==============    BEGIN BODY CLASSES FOR CUSTOM BACKGROUND IMAGES    ============== */
#pageContainer { width: 900px; margin: 0 auto; }

/* ==============    BEGIN HEADER STYLES    ============== */
#header { display: none; }
	
/* ==============    BEGIN BODY STYLES    ============== */
#body { position: relative; width: 100%; margin: 0px auto 0 auto; }
#body #top { width: 100%; height: 20px; }
#body #bottom { width: 100%; height: 20px; }
#body #mainContent { position: relative; width: 750px; padding: 30px 0 30px 0;  }
	.printEmail { display:none; }

	#mainContent .contentItem { position: relative; border-bottom: 1px solid #A0CFE5; margin: 10px 0 0 0; padding: 15px 0 20px 10px; }
	#mainContent .contentItem p { margin: 15px 0 15px 0; width: 80%; clear: both; }
	#mainContent .contentItem ul { margin: 15px 0 15px 20px; width: 70%; }
	#mainContent .contentItem ul li { list-style-type: disc; margin: 0 0 5px 0; }
	#mainContent .contentImage { position: relative; }
	#mainContent .contentImage .callOut { clear: both; }
	#mainContent .magGlass { position: absolute; width: 85px; height: 75px; }
	#mainContent #levOneBus { bottom: -20px; left: -45px; }
	#mainContent #levOneMovie { bottom: 40px; left: 0; }
	#mainContent #levOneBasketBall { bottom: -40px; left: 100px; }
	#mainContent #levOneZed { bottom: -20px; left: -50px; }
	#mainContent #levOneRingNews { bottom: 30px; right: 180px; }
	#mainContent #levOneAdvergame { bottom: 100px; left: 100px; }
	#mainContent #levOneSummit { top: 125px; left: 120px; }
	
	.jumpAheadLinks { }
	.jumpAheadLinks a { color: #409A44; text-decoration: none; }
	.jumpAheadLinks a:hover { text-decoration: none; }
	ul.jumpAheadLinks { font-size: 18px; }
	ul.jumpAheadLinks li { margin: 0 0 5px 0; }
	
	
	
/* ==============    BEGIN BODY STYLES || WITHOUT MAIN NAVIGATION  ============== */
#body { position: relative; width: 820px; margin: 0 auto 0 auto; }
.noNav #body #top { width: 820px; height: 20px; background: url(../_images/bg-body-top.png) 0 0 no-repeat;}
.noNav #body #bottom { width: 820px; height: 20px; background: url(../_images/bg-body-bottom.png) 0 0 no-repeat; }
.noNav #body #mainContent { position: relative; width: 505px; padding: 30px 275px 30px 40px; 
					 background: url(../_images/bg-body-middle.png) 0 0 repeat-y; }
.noNav #body #mainContent ul { margin: 20px 0 20px 40px; }
.noNav #body #mainContent ul li { list-style-type: disc; margin: 0 0 5px 0; }
.noNav #body #mainContent ul li.largeItems { list-style-type: none; margin: 0 0 20px 0; line-height: 1.3em; }
.noNav #body #mainContent ul.helpSection { margin: 5px 0 10px 20px; line-height: 1.3em; padding: 0; }
.noNav #body #mainContent ul li.helpSection {  list-style-type: none; margin: 0 0 5px 0; line-height: 1.3em; }
.noNav #body #mainContent .headings { width: 500px; border-bottom: 1px solid #A0CFE5; padding: 0 0 5px 0; margin: 0 0 30px 0; }
.noNav #body #mainContent #rightImage  { position:absolute; top: -17px; right: 3px; }

#body #downloadsNav { display: none; }
#body #subnavRow { display: none; }
#body #subnavRow { display: none; }
	
/* ======================= QUIZZES ============================= */
    .quiz { width:538px; background: #e0f4f9; margin: 15px 0 25px 0; clear: both; }
    .reader { clear: both; margin: 15px 0 15px 0; width: 70%; float: left; }
    .quiz-content { padding: 10px 10px 10px 10px;  }
    .quiz-content h3 { font-size: 19px; font-weight: bold; margin: 0 0 15px 0; color: #218ABD; }
    .quiz-content h4 { font-size: 17px; font-weight: bold; margin: 0 0 15px 0; color: #218ABD; }
    .quiz-top { background: #e0f4f9 url(../_images/quiz-top.jpg) no-repeat top left; height: 14px;  }
    .quiz-bottom { background: #e0f4f9 url(../_images/quiz-bottom.jpg) no-repeat top left; height: 14px; }
    
    #mainContent .quiz ul { margin: 0; padding: 0 0 5px 25px; clear: both; }
    #mainContent .quiz ul li { list-style-type: circle; clear: both; border: 1px solid #e0f4f9;; }
    #mainContent .quiz ul li.answer { list-style-type: circle; clear: both; text-align: left; }

    .quiz .correct { display: none; color: #409a44; font-weight: bold; text-align: center; }
    .quiz .wrong { display: none; color: #fd0000; font-weight: bold; text-align: center; }
    .quiz .reason { display: none; }
    .quiz .submit { display: none; }
    .quiz .submit:hover { background: transparent url(../_images/btn-submit-hover.jpg) no-repeat; }
    .quiz .show { margin: 10px 0 10px 0; font-style: italic; font-size: 13px; color: #956603; }
    
    .quiz .horiz-tf li { float:left; width:52px; }    
    
    .quiz-content .col { width: 165px; float: left; margin: 0 5px 10px 0; }
    .quiz-content .col2 { width: 250px; float: left; margin: 0 5px 10px 0; }
	
/* ==============    CLAIMS HOVERING    ============== */

    .claims1-para {  height: 123px; width: 294px; background: transparent url(../_images/quiz-claims1.jpg) no-repeat; border: solid 2px #bbb;  }
    .claims1-para:hover {  background: transparent url(../_images/quiz-claims1-hover.jpg) no-repeat;  cursor: help; }      
    .claims2-para {  height: 54px; width: 298px; background: transparent url(../_images/quiz-claims2.jpg) no-repeat; border: solid 2px #bbb;   }
    .claims2-para:hover {  background: transparent url(../_images/quiz-claims2-hover.jpg) no-repeat;  cursor: help; }      
    .claims-para { height: 320px; width: 294px; background: transparent url(../_images/bg-claims-para.jpg) no-repeat; border: solid 2px #bbb; clear: both; overflow: hidden;  }
    .claims-para p {padding: 25px 10px 10px 15px; font-size: 18px; color: #66737b; font-family: Helvetica, Arial; }
    .claims-para p span { padding: 3px; }
    .claims-para p span:hover { background-color: #e3f1d7; cursor: help; padding: 3px; }
    .claims-info div { width: 160px; visibility: hidden; background-color: #e3f1d7; padding: 5px 5px 5px 5px; margin: 1px; text-align:center; }
    

/* ==============    BEGIN MAIN NAVIGATION STYLES    ============== */
#mainNav { display: none; }

/* ==============    BEGIN FOOTER STYLES   ============== */
#footer { position: relative; bottom: -50px; left: -175px; width: 450px; height: 100px; font-size: 12px; margin: 0 0 15px 0; }
#footer a { color: #333333; }
#footer a:hover { text-decoration: underline; }
	#ftcSeal { float: left; width: 50px; height: 50px; background: url(../_images/bg-ftc-seal.gif) 0 0 no-repeat; text-indent: -9999px; margin: 0 10px 0 0;}
	#ftc { float: left; width: 160px; border-right: 1px solid #333333; margin: 20px 0 0 0; }
	#privacyPolicy { float: left; width: 100px; padding: 0 0 0 20px; margin: 20px 0 0 0; }


/* ==============    BEGIN FOOTER || WITHOUT MAIN NAVIGATION   ============== */
#footNoNav { position: relative; bottom: -50px; left: 0px; width: 450px; height: 100px; font-size: 12px; margin: 0 0 15px 0; }
#footNoNav a { color: #333333; }
#footNoNav a:hover { text-decoration: underline; }


/* ==============    BEGIN QUICK CLASSES    ============== */
.floatLeft { float: left; }
.floatRight { float: right; display: none; }
.clearBoth { clear: both; }
.teaser { font-size: 18px; font-weight: bold; font-style: italic; line-height: 1.2em; color: #000000; }
.green { color: #409A44; }
.brown { color: #956603; }
.selected { text-decoration: underline; }
a.selected { text-decoration: underline; }
.quizTemp { font-size: 20px; color: #FF0000; }
.stillNeed { font-size: 20px; color: #FF0000; }
#mainContent .last { border-bottom: none; }
.marginLeft { margin: 0 0 0 20px; }
.bold { font-weight: bold; }
.noMargin { margin: 0; }