body {
	background-color:#42624A;
	font-family:verdana,arial,helvetica,sans-serif;
}

body.iframe {
	background-color:#FFFFCC;
	font-family:verdana,arial,helvetica,sans-serif;
}

#googleTop {
	margin:5px auto 5px auto;
	width:722px;
	height:85px;
	padding:2px;
	color:#FFFE33;
}

#wrapper {
	margin:0px auto 5px auto;
	width:980px;
	height:auto;
}

/********* TOP BAR ***********/
#topbar {
	margin:0px;
	width:980px;
	height:36px;
	background: url('http://www.explainmybook.com/pics/topbar_background.gif') repeat-x;
}

#topbarleft { 
	float:left;
	margin:0px;
	width:14px;
	height:36px;
}

#topbarmiddle {
	float:left;
	margin:0px;
	width:952px;
	height:36px;
}

#topbarcontentleft {
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:36px;
	width:300px;
}

#topbarcontentleft h1 { 
	margin:0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	font-size:29px; 
	color:#FEFDAA; 
	line-height:normal; 
}

#topbarcontentright {
	float:right;
	width:652px;
	height:18px;
	margin-top:10px;
	text-align:right;
}

#topbarcontentright p { 
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px; 
	line-height:normal; 
	font-size:12px; 
	color:#336699;
	}

#topbarcontentright a, #topbarcontentright a:link, #topbarcontentright a:active, #topbarcontentright a:visited { 
	line-height:normal; 
	font-size:12px; 
	color:#ffffff;
	background-color:transparent;
}

#topbarcontentright a:hover { color:#ffff00; background-color:transparent; }

#topbarright {
	float:right;
	margin:0px;
	width:14px;
	height:36px;
}

#topbarshadow {
	clear:both;
	margin:0px;
	padding:0px;
	height:4px;
	width:980px;
}
/******* END TOP BAR ********/

/******** TOP NAV *********/
#topnav {
	margin:5px 0px 5px 0px;
	width:980px;
	height:26px;
	background-color:#ABC2D8;
}

#topnavleft { 
	float:left;
	margin:0px;
	width:14px;
	height:26px;
}

#topnavmiddle {
	float:left;
	margin:0px;
	width:952px;
	height:26px;
}

#topnavmiddle p { 
	margin:5px 0px 0px 0px; 
	padding:0px 0px 0px 0px; 
	line-height:normal; 
	font-size:12px; 
	color:#336699;
	}

#topnavmiddle a, #topnavmiddle a:link, #topnavmiddle a:active, #topnavmiddle a:visited { 
	line-height:normal;
	padding-right:20px; 
	font-size:12px; 
	color:#336699;
	text-decoration:none;
}

#topnavmiddle a:hover { color:#ffff00; 	background-color:transparent; }

#topnavright {
	float:right;
	margin:0px;
	width:14px;
	height:26px;
}

/******** END TOP NAV *********/

/******** MAIN CONTENT TOP *********/

#contenttop {
	margin:0px 0px 0px 0px;
	width:980px;
	height:14px;
}

#contenttopleft {
	float:left;
	margin:0px 0px 0px 0px;
	height:14px;
	width:159px;
}

#contenttopright {
	float:right;
	margin:0px 0px 0px 0px;
	height:14px;
	width:812px;
}

/******** END MAIN CONTENT TOP *********/

/******** MAIN CONTENT *********/

#content {
	clear:both;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:980px;
	height:auto;
}

#leftnav {
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:159px;
	height:auto;
}

#leftgoogle {
	margin:0px auto 5px auto;
	width:120px;
	height:238px;
	background-color:#ffffff;
	border:1px solid #416249;
}

#leftgoogle2 {
	margin:0px auto 5px auto;
	width:120px;
	height:500px;
	background-color:#ffffff;
	border:1px solid #416249;
}

#contentright {
	float:right;
	margin:0px 0px 0px 0px;
	width:812px;
	height:auto;
}

#homecontent {
	margin:20px auto 0px auto;
	width:800px;
	height:auto;
	color:#336699;
	size:14px;
	text-align:center;
}

/******** END MAIN CONTENT *********/

/******** HOME PAGE *******/
#homebox {
	margin:20px auto 0px auto;
	width:358px;
	height:332px;
	border:2px solid #336699;
	background-color:#FFFFCC;
	font-size:11px;
	color:#336699;
	text-align:center;
}

#homebox a, #homebox a:link, #homebox a:active, #homebox a:visited { 
	line-height:24px;
	text-align:center;
	font-size:11px; 
	color:#336699;
}

#homebox a:hover { color:#ffff00; background-color:transparent; }

#homewrap {
	text-align:center;
	margin:0px auto 0px auto;
	width:800px;
	height:auto;
}

#homeleft {
	margin-top:20px;
	padding:4px;
	float:left;
	width:140px;
	height:auto;
	text-align:left;
	color:#C2D3E3;
	font-size:12px;
	line-height:19px;
}

#homecenter {
	float:left;
	padding:4px;
	width:470px;
	height:auto;
	text-align:center;
	color:#FFFFCC;
}

#homecenter p.green { color:#42624A; font-size:13px; }
#homecenter h2.green { color:#42624A; }
#homecenter h2, p { color:#FFFFCC; }

#homeright {
	margin-top:20px;
	padding:4px;
	float:right;
	width:140px;
	height:auto;
	text-align:left;
	color:#C2D3E3;
	font-size:12px;
	line-height:19px;
}

#yellow1 { margin:0px auto 0px auto; background-color:#ffff99; width:700px; height:200px; }
#green1 { float:left; margin:20px; width:658px; height:158px; border:1px solid #336600; }
#green2 { margin:2px auto 2px auto; width:652px; height:152px; border:1px solid #336600; }
#yellow2 { margin:20px; width:612px; height:112px; font-size:20px; color:#336600; }

/******* END HOME PAGE *******/

/******* STANDARD FORM *******/

#formbox {
	margin:20px auto 0px auto;
	width:700px;
	height:auto;
	border:2px solid #336699;
	background-color:#FFFFCC;
	font-size:11px;
	color:#336699;
	text-align:left;
	padding:4px;
}

/******* END STANDARD FORM *******/



/******* WIDE PAGE *******/

#widebox {
	margin:0px auto 20px auto;
	width:792px;
	height:auto;
	border:2px solid #336699;
	background-color:#FFFFCC;
	font-size:11px;
	color:#336699;
	text-align:left;
	padding:4px;
}

#widebox-green {
	margin:0px auto 20px auto;
	width:796px;
	height:auto;
	font-size:11px;
	text-align:left;
	padding:4px;
}

#widespace {
	margin:0px auto 20px auto;
	width:792px;
	height:auto;
	font-size:11px;
	color:#ffff99;
	text-align:left;
	padding:4px;
}

#widespace p, #widespace h1, #widespace h2, #widespace h3, #widespace h4, #widespace h5, #widespace h6 {
	color:#ffff99;
}

/******* END WIDE PAGE *******/



/******** MAIN CONTENT BOTTOM *********/

#contentbottom {
	margin:0px 0px 0px 0px;
	width:980px;
	height:14px;
}

#contentbottomleft {
	float:left;
	margin:0px 0px 0px 0px;
	height:14px;
	width:159px;
}

#contentbottomright {
	float:right;
	margin:0px 0px 0px 0px;
	height:14px;
	width:812px;
}

/******** END MAIN CONTENT BOTTOM *********/

/******** FOOTER *********/

#footer {
	clear:both;
	margin:5px auto 5px auto;
	width:980px;
	height:85px;
	padding:2px;
	color:#ffff00;
	font-size:11px;
	text-align:center;
}

#footer a, #footer a:link, #footer a:active, #footer a:visited { 
	line-height:normal;
	text-align:center;
	font-size:11px; 
	color:#ffff00;
	padding-left:12px;
	padding-right:12px;
}

#footer a:hover { color:#ffffff; background-color:transparent; }

#footer p.small, #footer a.small, #footer a.small:link, #footer a.small:active, #footer a.small:visited {
	font-size:10px;
	color:#ffffff;
}

#footer p { color:#ffffff; }

/******** END FOOTER *********/

/********** QAs ***************/

#question {
	margin:0px;
	width:100%;
	height:auto;
	background-color:#C1D2CB;
	color:#1E2623;
	font-family:arial,verdana,san-serif;
	font-size:12px;
	word-break:break-all;
	border:1px solid #6B8C74;
}

td.qa {
	border-bottom:1px dotted #6B8C74;
	border-top:1px dotted #6B8C74;
	word-break:break-all;
	word-wrap:normal;
	}

td.qa1 {
	border-bottom:1px dotted #6B8C74;
}

td.question, td.question a, td.question a:link, td.question a:active, td.question a:visited {
	background-color:#C1D2CB;
	color:#1E2623;
	font-family:arial,verdana,san-serif;
	font-size:12px;
	word-break:break-all;
}


/********** END QAs ***********/


/********* TRIPLE BOX **********/

#triple-left {
	float:left;
	width:238px;
	height:500px;
	margin:0px 0px 10px 0px;
	border:1px solid #336699;
	background-color:#FFFFCC;
	font-size:12px;
	color:#336699;
	text-align:left;
	padding:5px;
}

#triple-center {
	float:left;
	width:238px;
	height:500px;
	margin:0px 23px 10px 23px;
	border:1px solid #336699;
	background-color:#FFFFCC;
	font-size:12px;
	color:#336699;
	text-align:left;
	padding:5px;
}

#triple-right {
	float:right;
	width:238px;
	height:500px;
	margin:0px 0px 10px 0px;
	border:1px solid #336699;
	background-color:#FFFFCC;
	font-size:12px;
	color:#336699;
	text-align:left;
	padding:5px;
}

#triple-left h2, #triple-right h2, #triple-center h2 {
	font-size:18px;
	text-align:center;
	margin:4px 0px 4px 0px;
	color:#42624A;
}

#triple-left h3, #triple-right h3, #triple-center h3 {
	font-size:14px;
	text-align:center;
	margin:4px 0px 4px 0px;
	color:#42624A;
	text-decoration:underline;
}

#triple-left li, #triple-right li, #triple-center li {
	margin-bottom:6px;
	margin-left:-15px;
	color:#42624A;
}

#triple-left td, #triple-right td, #triple-center td, #triple-left p, #triple-right p, #triple-center p {
	font-size:12px;
}


/********* END TRIPLE BOX **********/

/********* DOUBLE BOX **********/

#double-left {
	float:left;
	width:332px;
	height:500px;
	margin:0px 5px 0px 15px;
	border:1px solid #336699;
	background-color:#FFFFCC;
	font-size:12px;
	color:#336699;
	text-align:left;
	padding:10px;
}

#double-right {
	float:right;
	width:332px;
	height:500px;
	margin:0px 15px 0px 5px;
	border:1px solid #336699;
	background-color:#FFFFCC;
	font-size:12px;
	color:#336699;
	text-align:left;
	padding:10px;
}

#double-left h2, #double-right h2, #double-center h2 {
	font-size:18px;
	text-align:center;
	margin:4px 0px 4px 0px;
	color:#42624A;
}

#double-left h3, #double-right h3, #double-center h3 {
	font-size:14px;
	text-align:center;
	margin:4px 0px 4px 0px;
	color:#42624A;
	text-decoration:underline;
}

#double-left li, #double-right li, #double-center li {
	margin-bottom:6px;
	margin-left:-15px;
	color:#42624A;
}

#double-left td, #double-right td, #double-center td, #double-left p, #double-right p, #double-center p {
	font-size:12px;
}

/********* END DOUBLE BOX **********/


/******* FORMS *******/

form.login {
	margin:-9px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:11px;
}

form.nomar {
	margin-top:0px;
	margin-bottom:0px;
}

.bluebutton {
	margin-top:5px;
	cursor:pointer;
	border:outset 1px #6F90B4;
	font-size:11px;
	color:#ffffff;
	padding: 1px 1px 2px 1px;
	background:url('../pics/button_back.gif') repeat-x bottom;
}

select.table {
	width:auto;
	height:18px;
	font-size:11px;
	border-left:#6B8CB0 1px solid;
	border-top:#6B8CB0 1px solid;
	border-bottom:0px;
	border-right:0px;
	background-color:#FCFEFC;
}

select {
	width:95%;
	height:20px;
	font-size:11px;
	border-left:#6B8CB0 1px solid;
	border-top:#6B8CB0 1px solid;
	border-bottom:0px;
	border-right:0px;
	background-color:#C2D3E3;
}

input.reg {
	width:95%;
	height:14px;
	font-size:11px;
	border-left:#6B8CB0 1px solid;
	border-top:#6B8CB0 1px solid;
	border-bottom:0px;
	border-right:0px;
	background-color:#C2D3E3;
}

input.short {
	width:60px;
	height:14px;
	font-size:11px;
	border-left:#6B8CB0 1px solid;
	border-top:#6B8CB0 1px solid;
	border-bottom:0px;
	border-right:0px;
	background-color:#C2D3E3;
}

input.login {
	width:94px;
	height:14px;
	font-size:11px;
	border-left:#6B8CB0 1px solid;
	border-top:#6B8CB0 1px solid;
	border-bottom:0px;
	border-right:0px;
	background-color:#C2D3E3;
}

input.email {
	width:150px;
	height:14px;
	font-size:11px;
	border-left:#6B8CB0 1px solid;
	border-top:#6B8CB0 1px solid;
	border-bottom:0px;
	border-right:0px;
	background-color:#C2D3E3;
}

input.button {
	width:115px;
	height:24px;
	color:#ffffff;
	background-color:#336699;
	border:2px outset #7A9BBD;
}

input.smbutton {
	width:50px;
	height:18px;
	color:#ffffff;
	background-color:#336699;
	border:2px outset #7A9BBD;
	font-size:10px;
	padding:0px;
	line-height:10px;
}

input.smbuttondisabled {
	width:50px;
	height:18px;
	color:#ffffff;
	background-color:#C1D2CB;
	border:1px outset #7A9BBD;
	font-size:10px;
	padding:0px;
	line-height:10px;
}

#studentDiv {
	width:600px;
	height:auto;
	display:none;
}

#teacherDiv {
	width:600px;
	height:auto;
	display:none;
}

#lg_button {
	color:#ffffff;
	background-color:#336699;
	height:22px;
	width:130px;
	display:block;
	padding:2px;
	text-align:center;
	line-height:18px;
	text-decoration:none;
	border:2px outset #7A9BBD;
}

/******* END FORMS *******/

/******* TABLES *******/
td.heading, td.heading a, td.heading a:link, td.heading a:active, td.heading a:visited {
	background-color:#6B8C74;
	color:#ffffff;
	font-family:arial,verdana,san-serif;
	font-size:12px;
}

td.normal0 {
	background-color:#FEFEA9;
	height:24px;
	font-family:arial,verdana,san-serif;
	font-size:12px;
	color:#000000;
	padding:0px;
}	

td.normal1 {
	background-color:#FFFFCC;
	height:24px;
	font-family:arial,verdana,san-serif;
	font-size:12px;
	color:#000000;
	padding:0px;
}

table.normal {
	border:1px solid #6B8C74;
	background-color:#FFFFCC;
}

td.subhead, td.subhead a, td.subhead a:link, td.subhead a:active, td.subhead a:visited {
	background-color:#42634B;
	color:#FFFFCC;
	font-family:arial,verdana,san-serif;
	font-size:12px;
}

td.yellow {
	background-color:#FEFDAA;
	border: 1px solid #42624A;
	color: #42624A;
}

td {
	font-family:arial,verdana,san-serif;
	font-size:12px;
	color: #42624A;
}
	

/******* END TABLES *******/

#help {
	position:absolute;
	top:200px;
	left:450px;
	z-index:999;
	width:250px;
	height:auto;
	display:none;
	background-color:#C1D2CB;
	border:1px solid #2C4C39;
	padding:10px;
	font-size:11px;
}

#help li, #help ul {
	margin-left:10px;
	padding-left:0px;
	font-size:11px;
	text-align:left;
}

p.fourteen {
	font-size:14px;
}

p.rules{
	border-bottom-style: dotted;
	border-bottom-color: #6B8CAE;
	border-bottom-width: 1px;
	line-height:24px;
}

.rules {
	line-height:24px;
	border-bottom: 1px dotted #6B8CAE;
	width:100%;
}

table.divs {
	border:1px solid #336699;
	background-color:#ffffcc;
}

hr.green {
	border-bottom:2px solid #42624A;
}

.white { color:#ffffff; }
.underline { text-decoration:underline; }
.bold { font-weight:bold; }
.red { color:#660000; }
.yellow { COLOR:#FFFE32; }
.lightyellow { color:#ffffcc; }
.tinyhelp { font-size:10px; margin:0px; }

p.nomar, ul.nomar, li.nomar, h1.nomar, h2.nomar, h3.nomar, h4.nomar, h5.nomar, h6.nomar { 
	color:#336699; margin-top:0px; margin-bottom:0px; }
	
h2.green { color:#42624A; }

p, ul, li, h1, h2, h3, h4, h5, h6 { color:#336699; }

h3 { font-size:18px; }

a.button, a.button:link, a.button:active, a.button:visited {
	color:#ffffff;
	text-decoration:none;
}
a.button:hover { background-color:transparent; }

a.yellow, a.yellow:link, a.yellow:active, a.yellow:visited { color:#fffe32; }
a.yellow:hover { background-color:#42624A; }

a.white, a.white:link, a.white:active, a.white:visited { color:#ffffff; }
a.white:hover { background-color:#ffff00;color:#006666; }

a, a:link, a:active, a:visited { color:#006666; }
a:hover { background-color:#ffff00; }