* { margin: 0px; padding: 0px; }

body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background: url('images/paper_bg.jpg') center top repeat;
	text-align: center;
	min-width: 998px;
	color: #333333;
}

p {
	padding: 10px 0;
}

img {
	border: 0;
}

a {
	text-decoration: none;
	color: #a91e21;
}
a:hover {
	color: #961e1e;
}

ul {
	padding-left:  30px;
}

.footnote {
	font-size: 0.8em;
}

.emphasis {
	font-size: 1.2em;
	padding-top:  20px;
}

#header1 {
	float: left;
	width: 998px;
	height: 198px;
	background-image: url('images/bg-header.jpg');
}

#shoppingbag {
	float: left;
/*	margin-top: 40px;
	margin-left: 60px;*/
}

#rotatingquote {
	float: left;
	width: 600px;
	height:  50px;
	margin-top: 100px;
	margin-left: 50px;
	font-family: "Georgia", sans-serif;
	font-size: 1.5em;
	line-height: 1.4em;
	color: #2d4e60;
}
#rotatingquote_inner {
	float:  left;
}
#rotatingquote_link {
	float:  right;
	font-family: "Georgia", sans-serif;
	color: #2d4e60;
	padding-right:  100px;
	padding-top:  10px;
}
#rotatingquote_link a {
	color: #2d4e60;
}
#rotatingquote_link a:hover {
	color: #a91e21;
}

#header2 {
	float: left;
	width: 998px;
	height: 53px;
	background-image: url('images/bg-menu.jpg');
	text-align: center;
}

#navmain {
	width: 998px;
	margin-left: 0px;
	height: 45px;
	font-family: Tahoma, Verdana, Geneva, sans-serif;
}

#navmain a {
	line-height: 45px;
	text-decoration: none;
	padding: 0 10px;
	font-size: 14px;
	color: #ddd;
}

#navmain .menu_sep {
	line-height: 45px;
	font-size: 16px;
	color: #ddd;
}


#navmain a:hover {
	color: #fff;
}

#navmain a.firstinlist {
	border: 0;
}

#navmain a.selected {
	font-weight: bold;
	color: #fff;
}

#navmain a.clearpad {
	background-color: transparent;
	padding: 0;
	margin: 0;
	border: 0;
}

#contentwrapper {
	float: left;
	width: 998px;
	background-image: url('images/bg-body.jpg');
}

#contenttop1 {
	float: left;
	width: 998px;
	height: 32px;
	background-image: url('images/bg-body-top.jpg');
}
#contenttop2 {
	float: left;
	width: 854px;
	padding-left: 72px;
	padding-right: 72px;
	/*font-family: "Georgia", serif;*/
	font-size: 1.25em;
}


#contentmain {
	float: left;
	width: 870px;
	padding-left: 70px;
	padding-right: 60px;
}

#contentleft {
	float: left;
	width: 650px;
	margin-top: 15px;
}

#contentright {
	float: right;
	width: 190px;
	background-image: url('images/steps_bg.jpg');
}

#contentright img {
	float: right;

}

/* Page Headers have a checkmark background image */
#pagetitle {
	background-image: url('images/checkmark_pagetitle.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 65px;
	padding-top: 12px;
	height: 50px;
	font-size: 26px;
	line-height: 30px;
	text-transform: uppercase;
}

#pagetitle-twoline {
	background-image: url('images/checkmark_pagetitle.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 65px;
	padding-top: 0px;
	padding-bottom: 15px;
	height: 50px;
	font-size: 26px;
	line-height: 30px;
	text-transform: uppercase;

}

#pagebody {
	float:  left;
	background-color: #fff;
	padding: 20px;
	border: 1px solid #d7d3cc;
	width:  600px;
}

.pagebodysection {
	float:  left;
	background-color: #fff;
	padding: 20px;
	border: 1px solid #d7d3cc;
	width:  600px;
}

h2 {
	color: #961e1e;
	font-size: 22px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: normal;
}

h3 {
	color: #961e1e;
	font-weight: normal;
}

.indent {
	margin-left: 20px;
	margin-right: 20px;
}

/* FAQ Page */
.faq_question {
	float: left;
	width: 664px;
	height: 35px;
	background-image: url('images/faq_q_bg.png');
	
	margin: 5px 0px;
}

.faq_question a {
	float: left;
	padding: 8px 10px;
	text-decoration: none;
	color: #333333;
}

.faq_question a img {
	margin-bottom: -5px;
	padding-right: 10px;
}

.faq_answer {
	float: left;
	width: 612px;
	background-color: #fff;
	border: 1px solid #ccc;
	color: #333333;
	padding: 10px 25px;
	
	display: none;
}

.faq_answer ul {
	padding: 10px 30px;
}

.faq_answer .quote {
	padding: 10px 30px;
	font-weight: bold;
}

/* Quotes Page */

.quote {
	float: left;
	padding: 8px 30px;
	color: #333333;
	width: 596px;
	margin: 5px 0;
	font-size: 1.2em;
}

.quote_odd {
	background-color: #d4cfc5;
	border: 1px solid #cecac2;
}

.quote_even {
	background-color: #e2ded6;
	border: 1px solid #dedbd4;
}

/* Reality Check Page */
#rc_top {
	float: left;
	padding: 8px 30px;
	color: #333333;
	width: 596px;
	margin: 5px 0;
	font-size: 1.1em;
	background-color: #d4cfc5;
	border: 1px solid #cecac2;
}

#rc_list {
	float: left;
}

.rc_listitem {
	background-image: url('images/realitycheck_list_bg.jpg');
	width: 660px;
	height: 114px;
}

.rc_listitem_left {
	float: left;
	padding-top: 30px;
	padding-left: 20px;
	font-size: 1.6em;
	line-height: 1.2em;
	color: #8e6b35;
	width: 400px;
}

.rc_listitem_right {
	float: right;
	padding-top: 35px;
	padding-right: 60px;
	font-size: 2.8em;
	line-height: 1em;
	color: #961e1e;
	width: 140px;
	font-weight: bold;
	text-align: right;
}

#rc_learnmore {
	float: right;
	margin: 10px 0;
}

#rc_learnmore a {
	padding: 10px 20px;
	background-color: #931e1e;
	color: #fff;
	text-transform: uppercase;
}

#rc_learnmore a:hover {
	background-color: #a91e21;
}

/* What Do You Think Page */
#whatdoyouthink_form {
	float: left;
	background-image: url('images/whatdoyouthink_form_bg.jpg');
	background-repeat: no-repeat;
	height: 216px;
	width: 633px;
	padding: 60px 0 10px 25px;
}

#whatdoyouthink_form_inner {
	float: left;
	width: 600px;
}

#whatdoyouthink_form select {
	background-color: #e0dcd1;
	color: #000;
	width: 200px;
}

#whatdoyouthink_form_inner textarea {
	background-color: #e0dcd1;
	color: #000;
	width: 597px;
	height: 55px
}

#whatdoyouthink_form_inner input {
	background-color: #931e1e;
	color: #fff;
	float: right;
	text-transform: uppercase;
	font-weight: bold;
	padding: 3px 8px;
	border: 0;
	margin-top: 5px;
}

/* Home Page */
#home_steplist {
	float: left;
	padding-top: 10px;
	width: 100%;
	text-align: center;
}

#home_body {
	float: left;
	width: 400px;
	padding: 10 20px 10px 0;
}

#home_eatthemath {
	float: right;
	width: 400px;
	padding-top: 10px;
}


#home_body a.redbutton {
	float: right;
	background-color: #760808;
	font-family: 'Georgia', sans-serif;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	padding: 8px 15px;
	border: 0;
	margin-right: 0px;
	margin-top: 20px;
}

#home_body a.redbutton:hover {
	background-color: #a91e21;
}

#home_body ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}


#home_realitycheck {
	float: right;
	width: 340px;
	padding: 0px 13px 15px 13px;
	background-color: #fff;
	border: 1px solid #ccc;
	margin-top: 10px;
}

#home_realitycheck h5 {
    font-size: 2.0em;
	color: #760808;
	line-height: 2.2em;
}

#home_realitycheck a {
	float: right;
	background-color: #760808;
	font-family: 'Georgia', sans-serif;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	padding: 8px 15px;
	border: 0;
	margin-top: 10px;
}

#home_realitycheck a:hover {
	background-color: #a91e21;
}


/* Survey Page */
table.surveytable {
	border: 2px solid #efece7;
}

td.sectiontitle {
	color: #fff;
	background-color: #961e1e;
	padding: 15px;
	font-size: 22px;
}

td.surveyitem {
	color: #000;
	padding: 15px;
	font-size: 12px;
	line-height: 18px;
}

td.surveyitem select {
	margin-top: 5px;
}

td.surveyitem input, td.surveyitem select {
	font-size: 14px;
	line-height: 18px;
}

td.odd {
	background-color: #efece7;
}

#surveysubmit {
	float: right;
	clear:  both;
}

#surveysubmit input {
	margin: 10px;
	padding: 8px 15px;
	color: #fff;
	background-color: #961e1e;
	font-size: 16px;
}

/* Survey Results Page */
table.surveyresults {
	line-height: 24px;
	font-size: 18px;
	margin-bottom: 20px;
}

td.surveyresults_right {
	text-align: right;
}

td.big {
	line-height: 28px;
	padding-top:  5px;
	font-size: 24px;
	color: 	#961e1e;
}

/* Be Heard page */
table.inputtable {
	margin-top: 15px;
	color: #fff;
	background-color: #961e1e;
	font-size: 16px;
}

table.inputtable input {
	font-size: 16px;
}

/* Spread the word page */
td.tableright, td.tableleft {
	background-color: #fff;
	color: #333;
	padding: 20px;
	line-height: 20px;
}

td.tableleft {
	background-color: #961e1e;
	color: #fff;
	font-size: 18px;
}

td.title {
	text-align: center;
	padding: 10px;
}

#footer {
	float: left;
	width: 943px;
	background-image: url('images/bg-footer.jpg');
	background-repeat: no-repeat;
	padding-top: 25px;
	padding-left: 55px;
	color: #737373;
	font-family: Tahoma, Verdana, Geneva, sans-serif;
}

#footer a {
	color: #737373;
	text-decoration: none;
}

#footer a:hover {
	color: #333333;
}

.spreadtheword_button {
	float: left;
	width: 180px;
	text-align: center;
	padding: 10px;
}

/* red bg menu in bottom-right of page */
#footermenu {
	float: right;
	margin-right: 35px;
	font-family: Tahoma, Verdana, Geneva, sans-serif;
}

#footermenu a {
	float: left;
	color: #fff;
	padding: 8px 10px;
	text-decoration: none;
	background-color: #8a1a13;
	font-size: 0.95em;
}

#footermenu a:hover {
	background-color: #a91e21;
}
#footermenu a.leftmost {
	border-right: 1px solid #a54746;
}


#wrapper {
	margin:0 auto;
	width:998px;
	text-align: left;
}

#frame { 
	width: 998px;
	padding: 0;
	float: left;
}

/* Links Page */
ul.linklist {
	font-size: 1.2em;
	line-height: 1.4em;
}

.smalltext {
	font-size: 10px;
}

a.helpbutton {
	font-weight: bold;
	color: #333;
	padding-left: 10px;
}

a.helpbutton:hover {
	color: #f00;
}

img.helpicon {
	padding-left: 20px;
}

img.progressbar {
	padding: 10px 0;
}


/* Modal Help Dialog Styling */

/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 5%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
   
}

.fixedHeightModal {
	height: 350px;
	overflow-y: scroll;
	background-color: #ffffff;
	border: 1px solid #666666;
	float: left;
	width: 580px;
	margin-top: 10px;
	padding: 0 10px 10px 10px;
}

.varHeightModal {
	background-color: #ffffff;
	border: 1px solid #666666;
	float: left;
	width: 580px;
	margin-top: 10px;
	padding: 0 10px 10px 10px;
}

.fixedHeightModal p,
.varHeightModal p {
	padding: 5px 0;
}

.fixedHeightModal img,
.varHeightModal img {
	float: right;
	padding: 10px 0 10px 10px;
}



.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


/* EAT THE MATH PAGES */
.submenu {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 40px;
	background-color: #8a1a13;
}

.submenu a {
	color: #ddd;
	border: 1px solid #ddd;
	background-color: #8a1a13;
	padding: 5px 15px;
	margin: 5px 0;

}

.submenu a:hover {
	color: #fff;
}

.submenu a.sel {
	color: #fff;
	padding: 10px 15px;
	margin: 0;
}

.eatthemath_participant {
	float: left;
	width: 100px;
	padding: 10px;
}

.eatthemath_participant_image img {
	float: left;
	width: 100px;
}

.eatthemath_participant_image_left img,
.eatthemath_participant_image_right img {
	float: left;
	width: 50px;
}

.eatthemath_participant_name {
	display: none;
}

.eatthemath_participant_title {
	display: none;
}

.eatthemath_update_title {
	color: #961e1e;
	font-size: 22px;
	padding-top: 20px;
	padding-bottom: 5px;
	font-weight: normal;
}

#languagechoice {
	float: left;
	width: 100%;
	text-align: center;
	padding: 30px 0;
}

#languagechoice a {
	margin: 10px 30px;
	padding: 8px 15px;
	color: #fff;
	background-color: #961e1e;
	font-size: 16px;
}

#languagechoice a:hover {
	color: #aaa;
}