body	{
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #395D88;
	background-image: url(../images/bgTile.jpg);
	background-repeat: repeat-x;
	font-size: 0.9em;
	color: #000;
	margin: 0;
	padding: 0;
		}
		
#container	{
			margin: 0 auto;
			width: 800px;
			text-align: left;
			background-color:#022252;
			position: relative;
			border: #757F8A 1px solid;
			}
			
#banner		{ width: 800px; }
			
#content	{
			padding: 22px 0;
			text-align: left;
			background-color: #fff;
			background-image: url(../images/shadow.jpg);
			background-repeat: repeat-x;
			}	
						
#content4	{
			padding: 35px 55px;
			background-color: #fff;
			background-image: url(../images/shadow.jpg);
			background-repeat: repeat-x;
			}
			
#content11	{
			padding: 15px 72px 30px 72px;
			text-align: left;
			background-color: #fff;
			background-image: url(../images/shadow.jpg);
			background-repeat: repeat-x;
			}	
			
			
#content12	{
			padding: 22px 55px 22px 55px;
			text-align: left;
			background-color: #fff;
			background-image: url(../images/shadow.jpg);
			background-repeat: repeat-x;
			}
			
#content14	{
			padding: 35px 40px 30px 50px;
			text-align: left;
			background-color: #fff;
			background-image: url(../images/shadow.jpg);
			background-repeat: repeat-x;
			}
			
#content15	{
			padding: 35px 0 35px 105px;
			background-color: #fff;
			background-image: url(../images/shadow.jpg);
			background-repeat: repeat-x;
			}	
			
#content16	{
			margin: 0 auto;
			padding: 35px 0 35px 105px;
			background-color: #fff;
			background-image: url(../images/shadow.jpg);
			background-repeat: repeat-x;
			}
			
a:link { 
	color: #395D88;
	}
a:visited { 
	color: #395D88;
	}
a:hover { 
	color: #990000;
	text-decoration: none;
	}
a:active { 
	color: #FF0000;
	}

#navbar	{
		position: absolute;
		top: 0;
		right: 53px;
		font-size: 13px;
		padding: 0;
		color: #fff;
		background-image: url(../images/navbkgrnd.gif);
		background-repeat: no-repeat;
		background-color: #022252;
		height: 25px;
		width: 553px;
		z-index: 50;
		text-align: right;
		}
						
#navbar a:link { 
	color: #ffffff;
	
	}
#navbar a:visited { 
	color: #ffffff;
	 
	}
#navbar a:hover { 
	color: #ffcc00;
	text-decoration: none;
	}
#navbar a:active { 
	color: #990000;
	}
	
#navbarText	{
position: relative;
top: 5px;
height: 25px;
 font-weight: bold;
 }	
	
#courseTitle	{
float: left;
position: relative;
top: 4px;
font-size: 1.2em;
font-weight: bold;
color: #fff;
}


#goBttn	{
		position: absolute;
		right: 0px;
		background-image: url(../images/goBttnBg.gif);
		background-repeat: no-repeat;
		font-size: 10px;
		width: 53px;
		height: 25px;
		z-index: 100;
		text-align: center;
		margin: 0; 
		}
		
#goBttn a:link { 
	color: #ffffff;
	text-decoration: none;
	}
#goBttn a:visited { 
	color: #ffffff;
	text-decoration: none;
	}
#goBttn a:hover { 
	color: #ffcc00;
	text-decoration: none;
	}
#goBttn a:active { 
	color: #000000;
	}
	
#goBttnText	{
			padding: 5px;
			}
	
h1		{ color: #4f81bd; }
h2		{ color: #2E498A; }
h3		{ color: #2E498A; }
h4		{ color: #2E498A; }
h5		{ color: #2E498A; }

.red	{ color: #990000; }

.bigtext	{ 
			font-size: 1.75em;
			font-weight: bold;
			line-height: 1.25em;
			}

#startnow	{
			background-image: url(../images/startnowBttn.jpg);
			background-repeat: no-repeat;
			width: 116px;
			height: 40px;
			}
			
#startnowText	{
				font-size: 16px;
				text-align: center;
				padding: 7px 0;
				}
				
#startnow a:link { 
	color: #ffffff;
	text-decoration: none;
	}
#startnow a:visited { 
	color: #ffffff;
	text-decoration: none;
	}
#startnow a:hover { 
	color: #FFCC00;
	text-decoration: none;
	}
#startnow a:active { 
	color: #990000;
	}

#footer	{ 
		background-color: #022252;
		height: 25px; 
		width: 800px;
		border-top: #990000 2px solid;
		text-align: center;
		}
		
#footerText	{
			font-size: 11px;
			color: #fff;
			padding: 5px 0px;
			}
			
#footer a:link { 
	color: #ffffff;
	text-decoration: underline;
	}
#footer a:visited { 
	color: #ffffff;
	text-decoration: underline;
	}
#footer a:hover { 
	color: #FF0000;
	text-decoration: none;
	}
#footer a:active { 
	color: #990000;
	}
	
table	{
		border: #133564 2px solid;
		}
			
.table3	{
		border: #fff 0px solid;
		}
		
.table4	{
		border: #fff 0px solid;
		}
		
.table4 td	{
			padding: 4px;
			}
			
.table5	{
		text-align: left;
		border: #133564 3px solid;
		background-color: #fff;
		}
		
.table5 td	{
			padding: 12px;
			border: #133564 1px solid; 
			}

			
.big		{
			font-size: 22px;
			}
		
			
.lessonlist2 td {
				padding: 4px 22px;
				background-color: #DAE2EA;
				}
					
.lessonlist3 td {
				padding: 4px 44px;
				background-color: #DAE2EA;
				}
				
.lessonlist3 td a { 
					position: relative;
					left: 25px;
					}
			
.tdcenter	{ text-align: center; }

.tdtitle	{ 
			color: #003366;
			font-weight: bold;
			font-size: 1.1em;
			padding: 122px;
			}
			
.blue	{
		background-color: #DAE2EA;
		}	
		
th		{
		background-color: #133564;
		color: #fff;
		padding: 7px;
		text-align: center;
		}

.moveup7	{
			position: relative;
			top: -7px;
			}

#repeat	{
position: relative;
bottom: 55px;
font-size: 17px;
}	

#goOn	{
position: relative;
bottom: 85px;
font-size: 17px;
}	

.arrows a:link { 
	color: #000;
	text-decoration: none;
	}
.arrows a:visited { 
	color: #000;
	text-decoration: none;
	}
.arrows a:hover { 
	color: #990000;
	text-decoration: none;
	}
.arrows a:active { 
	color: #660000;
	}
	
#theList	{
line-height: 14pt;
}
			
.instructions	{
border-color: #FFFFFF;
text-align: left;
}

.dkbluebg	{
background-color: #022252;
color: #fff;
font-weight: bold;
text-align: center;
padding: 7px;
}

.dkbluebg2	{
background-color: #022252;
color: #fff;
font-weight: bold;
text-align: left;
padding: 7px;
}

.medbluebg	{
background-color: #B3CAE6;
text-align: center;
padding: 14px 0;
}

.ltbluebg	{
background-color: #DAE2EA;
padding: 22px;
text-align: left;
}

#breadcrumb	{
float: right;
position: relative;
top: 4px;
right: 55px;
font-size: .9em;
}

#breadcrumb2	{
float: right;
position: relative;
top: 4px;
font-size: .9em;
}

#spanishLink	{
				float: right;
				padding: 6px 37px 17px 37px;
				position: relative;
				height: 7px;
				top: -8px;
				background-image: url(../images/engspanbg.gif);
				background-repeat: no-repeat;				
				color: #fff;
				z-index: 5000;
				}
				
#host	{
		position: absolute;
		right: 50px;
		bottom: 27px;
		}
			
.squarePic {
 float: right;
 clear: right;
 position: relative;
 top: 32px;
 margin-left: 17px;
 }

		
.icon	{ margin-left: 32px;}
						 
			 			 
/* The styles below pertain to the latest (1/2/08) layout utilizing tables for positioning */			 
			 
#stage	{
			width: 742px;
			height: 450px;
			background-image: url(../images/blankbg.jpg);
			background-repeat: repeat;
			padding: 0;
			margin: 0;
			text-align: center;
			}
			
#audiobttn	{
			z-index: 900000;
			position: absolute;
			top: 137px;
			right: 44px;
			}
			
#titleBox	{
			padding: 0;
			margin: 0;
			position: absolute;
			top: 25px;
			right: 0px;
			background: url(../images/titlebg.jpg);
			background-repeat: no-repeat;
			width: 605px;
			height: 48px;
			text-align: left;
			}
			
#titleBoxText	{
				color: #ffcc00;
				font-size: 1.2em;
				font-weight: bold;
				padding: 11px 12px 10px 0;
				position: relative;
				left: -1px;
				}


#topicBox	{
			padding: 0;
			margin: 0;
			position: absolute;
			top: 28px;
			right: 17px;
			width: 600px;
			height: 48px;
			text-align: left;
			z-index: 10000;
			}
			
			
#topicBoxText	{
				color: #ffcc00;
				font-size: 1.2em;
				font-weight: bold;
				padding: 10px 12px;
				}
			

				
				
#activityName	{
				color: #971B1E;
				font-size: 1.3em;
				font-weight: bold;
				position: absolute;
				left: 56px;
				top: 88px;
				}
#lessonName	{
				color: #133564;
				font-size: 1.4em;
				font-weight: bold;
				position: absolute;
				left: 56px;
				top: 117px;
				}
			
#instructionBox	{
				width: 650px;
				height: 49px;
				color: #fff;
				font-size: 1em;
				font-weight: bold;
				text-align: left;
				padding: 0px 32px;
				}
				
#suppTextBox	{
				width: 650px;
				height: 15px;
				color: #036;
				font-size: 1em;
				font-weight: bold;
				text-align: left;
				padding: 8px 20px;
				}	
				
#mediaBox	{
			width: 371px;
			height: 317px;
			text-align: center;
			
			}
		
#contentBox	{
			text-align: left;
			width: 371px;
			height: 317px;
			}
			
.contentTextBox	{
				width: 350px;
				}
			
#feedbackBox	{
				width: 550px; 
				height: 30px;
				color: #fff;
				font-size: 1em;
				font-weight: bold;
				text-align: left;
				padding: 1px 10px;
				}

#arrowBox	{
			width: 158px;
			height: 30px;
			padding: 2px 3px;
			}
			
#matchingBox	{
				height: 344px;
				width: 742px;
				padding: 6px 0;
				}
				
#singleBox	{
			width: 742px;
			height: 317px;
			}		
				
#arrowBox3	{
			width: 150px;
			height: 40px;
			}
			
#bodyText	{ 
			text-align: left;
			padding: 0 20px;
			color: #000;
			}
			
#boxedText	{ 
			width: 300px;
			height: 207px;
			text-align: left;
			padding: 17px 20px;
			background-color: #fff;
			border: #036 6px solid;
			overflow: auto;
			}
			
#writingBox	{ 
			width: 520px;
			height: 200px;
			text-align: left;
			padding: 17px 20px;
			background-color: #fff;
			border: #036 6px solid;
			overflow: auto;
			}
			
#writingBoxContainer	{ 
						width: 570px;
						text-align: left;
						}
			
.iconAlign	{
			position: relative;
			top: -8px;
			}
		
#readingBox	{ 
			width: 520px;
			height: 200px;
			text-align: left;
			padding: 17px 20px;
			background-color: #fff;
			border: #036 6px solid;
			overflow: auto;
			}
			
#readingBoxContainer	{ 
				width: 570px;
				text-align: left;
				}
			
#presentationBox	{ 
			width: 620px;
			height: 200px;
			text-align: left;
			padding: 17px 20px;
			background-color: #fff;
			border: #036 6px solid;
			overflow: auto;
			}
			
#presentationBoxContainer	{ 
				width: 672px;
				text-align: left;
				}
			
#logBox	{
		width: 665px;
		text-align: left;
		}
		
.bttnAdjust		{
				position: relative;
				bottom: -12px;
				padding: 0 4px 0 0;
				}
				
.blueBold	{ 
			color: #1B3664;
			font-size: 1.2em;
			font-weight: bold;
			}
			
#multiGrfxBox	{
				border: #fff 0px solid;
				text-align: left;
				width: 700px;
				}
			
#multiGrfxBox td	{
					padding: 4px;
					}
					
#multiGrfxBoxInfo	{
					 width: 700px;
					 text-align: left;
					}
					
.radioBttn	{ 
			margin: 12px 12px 0 12px;
			}
			
.mctable	{
		border: #fff 0px solid;
		}
		
.mctable td	{
			padding: 7px 0;
			}
			
#compareBox	{ 
			width: 300px;
			height: 170px;
			text-align: left;
			padding: 17px 20px;
			background-color: #fff;
			border: #036 6px solid;
			overflow: auto;
			}
			
#textBoxShort	{ 
				width: 300px;
				height: 75px;
				text-align: left;
				padding: 17px 20px;
				background-color: #fff;
				border: #036 6px solid;
				overflow: auto;
				}
				
#textBoxTall	{ 
				width: 290px;
				height: 205px;
				text-align: left;
				padding: 17px 20px;
				background-color: #fff;
				border: #036 6px solid;
				overflow: auto;
				}
			
#controlArea	{ 
			width: 350px;
			text-align: center;
			padding: 0;
			}
			
#textToggle	{ 
			width: 350px;
			text-align: left;
			padding: 0;
			}
			
.mctableBig	{
		border: #fff 0px solid;
		width: 650px;
		}
		
.mctableBig td	{
			padding: 4px 0;
			}

.bttnNudge	{
			position: relative;
			top: 3px;
			}

.form1	{
		background-color: #133564;
		text-align: right;
		color: #fff;
		padding: 12px;
		}
		
.form1 a:link { 
	color: #ffffff;
	}
.form1 a:visited { 
	color: #ffffff;
	}
.form1 a:hover { 
	color: #FFCC00;
	text-decoration: none;
	}
.form1 a:active { 
	color: #990000;
	}
		
.form2	{
		background-color: #567FB9;
		text-align: left;
		color: #000;
		padding: 12px;
		}
		







.cssBttnBack	{
				width: 40px;
				height: 31px;
				z-index: 100;
				margin: 0;
				float: right;
				padding: 0 3px;
				}


.cssBttnBack a			{
						display:block;
						background: url("../images/bttnBack.gif") 0 0 no-repeat;
						}
				
.cssBttnBack a:hover 	{ 
						background-position: 0 -31px;
						}
						
	.cssBttnNext	{
				width: 40px;
				height: 31px;
				z-index: 100;
				margin: 0;
				float: right;
				}
				
			.cssNoNext	{
				width: 40px;
				height: 31px;
				z-index: 100;
				margin: 0;
				float: right;
				}		

.cssBttnNext a			{
						display:block;
						background: url("../images/bttnNext.gif") 0 0 no-repeat;
						}
				
.cssBttnNext a:hover 	{ 
						background-position: 0 -31px;
						}
						
.cssBttnListen	{
				width: 89px;
				height: 29px;
				margin: 0;
				}

.cssBttnListen a	{
					display:block;
					background: url("../images/bttnListen.gif") 0 0 no-repeat;
					}
				
.cssBttnListen a:hover 	{ 
						background-position: 0 -30px;
						}
						
.cssBttnListen2	{
				width: 89px;
				height: 29px;
				margin: 0;
				float: left;
				position: relative;
				bottom: 3px;
				padding: 0 4px 0 0;
				}

.cssBttnListen2 a	{
					display:block;
					background: url("../images/bttnListen.gif") 0 0 no-repeat;
					}
				
.cssBttnListen2 a:hover 	{ 
						background-position: 0 -30px;
						}
						
						
.cssBttnSpeak	{
				width: 89px;
				height: 29px;
				margin: 0;
				}

.cssBttnSpeak a	{
					display:block;
					background: url("../images/bttnSpeak.gif") 0 0 no-repeat;
					}
				
.cssBttnSpeak a:hover 	{ 
						background-position: 0 -30px;
						}
						
.cssBttnPlayback	{
				width: 120px;
				height: 29px;
				margin: 0;
				}

.cssBttnPlayback a	{
					display:block;
					background: url("../images/bttnPlayback.gif") 0 0 no-repeat;
					}
				
.cssBttnPlayback a:hover 	{ 
						background-position: 0 -30px;
						}
						
						
						
						
#cssBttnDone	{
				width: 89px;
				height: 29px;
				margin: 0;
				background-position: center;
				}

#cssBttnDone a	{
					display:block;
					background: url("../images/bttnDone.gif") 0 0 no-repeat;
					}
				
#cssBttnDone a:hover 	{ 
						background-position: 0 -30px;
						}
						
#cssBttnDone2	{
				width: 89px;
				height: 29px;
				margin: 0;
				background-position: center;
				float: right;
				}

#cssBttnDone2 a	{
					display:block;
					background: url("../images/bttnDone.gif") 0 0 no-repeat;
					}
				
#cssBttnDone2 a:hover 	{ 
						background-position: 0 -30px;
						}
						
#cssBttnDone3	{
				width: 89px;
				height: 29px;
				margin: 0;
				background-position: center;
				float: left;
				}

#cssBttnDone3 a	{
					display:block;
					background: url("../images/bttnDone.gif") 0 0 no-repeat;
					}
				
#cssBttnDone3 a:hover 	{ 
						background-position: 0 -30px;
						}
						
						
.cssBttnPlay	{
				width: 89px;
				height: 29px;
				margin: 0;
				background-position: center;
				}

.cssBttnPlay a	{
					display:block;
					background: url("../images/bttnPlay.gif") 0 0 no-repeat;
					}
				
.cssBttnPlay a:hover 	{ 
						background-position: 0 -30px;
						}

.nextBlue	{ background-color: #133564; }

#signUpBox	{ width: 590px; }

#whySignUp	{ 
			float: right;
			}
			
#cssBttnQuit	{
				position: absolute;
				right: 0px;
				width: 53px;
				height: 25px;
				z-index: 100;
				margin: 0;
				font-size: 21px; 
				}


#cssBttnQuit a			{
						display:block;
						width: 53px;
						background: url("../images/bttnQuit.gif") 0 0 no-repeat;
						}
				
#cssBttnQuit a:hover 	{ 
						background-position: 0 -25px;
						}
						

#arrowBoxFlash	{
				width: 158px;
				height: 30px;
				position: relative;
				top: -36px;
				left: -8px;
				z-index: 5000;
				float: right;
				}
				

#cssBttnListen10	{
					float: left;
					padding-left: 19px;
					width: 72px;
					height: 35px;
					z-index: 100;
					margin: 0;
					}


#cssBttnListen10 a	{
					display:block;
					width: 72px;
					background: url(../images/bttn2Listen.gif) 0 0 no-repeat;
					}
				
#cssBttnListen10 a:hover	{ 
							background-position: 0 -28px;
							}
							

#cssBttnCheck10	{
					float: left;
					padding-left: 19px;
					width: 89px;
					height: 29px;
					z-index: 100;
					margin: 0;
					}


#cssBttnCheck10 a	{
					display:block;
					width: 89px;
					background: url(../images/bttnCheckx.gif) 0 0 no-repeat;
					}
				
#cssBttnCheck10 a:hover	{ 
							background-position: 0 -30px;
							}
							

#dictationBoxes	{
				padding: 0 19px;
				clear: left;
				}
				
#dictationBoxes2	{
					padding: 0;
					clear: left;
					}
							
#typeItBox	{
			background-image: url(../images/typeItBox.gif);
			background-repeat: no-repeat;
			padding: 44px 22px 13px 16px;
			height: 45px;
			text-align: left;
			}
#youTypeItBox	{
			background-image: url(../images/youTyped2col.gif);
			background-repeat: no-repeat;
			padding: 44px 22px 13px 22px;
			height: 45px;
			text-align: left;
			}			
			
#checkItBox	{
			background-image: url(../images/checkItBox.gif);
			background-repeat: no-repeat;
			padding: 61px 22px 12px 16px;
			height: 30px;
			text-align: left;
			}
#checkItBoxCorrect	{
			background-image: url(../images/checkItBoxCorrect.gif);
			background-repeat: no-repeat;
			padding: 61px 22px 12px 22px;
			height: 30px;
			text-align: left;
			}
			
#typeItBox2	{
			background-image: url(../images/typeItBox2.gif);
			background-repeat: no-repeat;
			padding: 61px 22px 12px 10px;
			height: 30px;
			text-align: left;
			}
			
		#youTypeItBox2	{
			background-image: url(../images/youTyped.gif);
			background-repeat: no-repeat;
			padding: 61px 22px 12px 22px;
			height: 30px;
			text-align: left;
			}
			
#checkItBox2	{
				background-image: url(../images/checkItBox2.gif);
				background-repeat: no-repeat;
				padding: 61px 22px 12px 22px;
				height: 30px;
				text-align: left;
				}
	#checkItBox2Correct	{
				background-image: url(../images/checkItBox2Correct.gif);
				background-repeat: no-repeat;
				padding: 61px 22px 12px 22px;
				height: 30px;
				text-align: left;
				}			
				
#cssBttnCheck20	{
					float: left;
					width: 89px;
					height: 29px;
					z-index: 100;
					margin: 0;
					}

#cssBttnCheck20 a	{
					display:block;
					width: 89px;
					background: url(../images/bttnCheckx.gif) 0 0 no-repeat;
					}
				
#cssBttnCheck20 a:hover	{ 
						background-position: 0 -30px;
						}
						
#boxedText20	{ 
				width: 281px;
				height: 192px;
				text-align: left;
				padding: 17px 20px;
				background-color: #fff;
				border: #036 6px solid;
				overflow: auto;
				font-size: 1.2em;
				}
				
#boxedText22	{ 
				width: 281px;
				height: 192px;
				text-align: left;
				padding: 17px 20px;
				background-color: #fff;
				border: #036 6px solid;
				overflow: auto;
				}
				
#paddingBox20	{
				padding-left: 19px;
				}
				
.blueTitle	{
			padding: 7px;
			background-color: #B3CAE6;
			color: #022252;
			font-weight: bold;
			text-align: center;
			}
			
#resultsPadding	{
				width: 800px;
				margin: 0 auto;	
				}
			
#resultsBox	{
			background-image: url(../images/resultsBox.gif);
			background-repeat: no-repeat;
			width: 333px;
			height: 282px;
			padding: 25px 0;
			}
			
.score	{
		color: #1B3664;
		font-size: 2.25em;
		font-weight: bold;
		}
		
.biggerText	{
			font-size: 1.25em;
			font-weight: bold;
			line-height: 1.5em;
			}
			
.tryAgain	{
			font-size: 1.25em;
			font-weight: bold;
			line-height: 1.5em;
			color: #971B1E;
			}
			
.goodJob	{
			font-size: 1.25em;
			font-weight: bold;
			line-height: 1.5em;
			color: #1B3664;
			}
			
.wrongChoice	{
				color: #939DAD;
				}
				
.rightChoice	{
				color: #004900;
				}
				
textarea 	{
			resize: none;
			}
			
.blueNobr	{
 			color: #003366;
			white-space: nowrap;
			}
 
.blueText	{
 			color: #2E498A;
			}
			
.hrBlue	{
		background-color: #2E498A;
		height: 3px;
 		}
		
#definitionBox	{
				width: 297px;
				height: 242px;
				text-align: left;
				padding: 50px 20px 17px 20px;
				background-image: url(../images/definitionBox.gif);
				background-repeat: no-repeat;
				font-size: 1.2em;
				} 
				
.nobr { white-space: nowrap; }


.writingInput2 { 
font-family: Arial, Helvetica, sans-serif;
			 font-size: 1em;
			width: 260px;
			height: 207px;
			text-align: left;
			padding: 17px 20px;
			background-color: #fff;
			border: #036 6px solid;
			overflow: auto;}
			
.writingInput1 { 
font-family: Arial, Helvetica, sans-serif;
			 font-size: 1em;
			width: 520px;
			height: 200px;
			text-align: left;
			padding: 17px 20px;
			background-color: #fff;
			border: #036 6px solid;
			overflow: auto;}
			
.dictText {
	color: #990000;
}
.errorText {
	color: #990000;
}
.inputText {
	font-family: Arial, Helvetica, sans-serif;
			 font-size: .90em; border-color:#FFFFFF; border-style:none;
}

.moveup2 {
 position: relative;
 top: -2px;
 }


.xOfX	{
				width: 40px;
				z-index: 100;
				margin: 0;
				font-size: .8em;
				color: #fff;
				font-weight: bold;
				padding: 8px 0 0 0;
				white-space: nowrap;
				}
				
.blueNobr	{
			color: #003366;
			white-space: nowrap;
			}
			
			
#learnerBoxPadding {
					width: 800px;
					margin: 0 auto;	
					}
			
#learnerBox	{
			background-image: url(../images/learnerBox.gif);
			background-repeat: no-repeat;
			width: 437px;
			height: 436px;
			padding: 45px 0;
			}
			
.moveup4	{
			position: relative;
			top: -4px;
			}
			
#boxedImage	{
			width: 315px;
			height: 232px;
			text-align: center;
			padding: 0;
			background-color: #003366;
			overflow: auto;
			font-size: 1.2em;
			}
			
#bttnHelp	{
			width: 25px;
			height: 50px;
			z-index: 900000;
			position: absolute;
			top: 140px;
			right: 56px;
			}
#bttnHelp2	{
			width: 25px;
			height: 50px;
			z-index: 900000;
			position: absolute;
			top: 140px;
			right: 100px;
			}
			
#helpPlace {
 			width: 25px;
 			height: 50px;
 			z-index: 900001;
 			position: absolute;
 			top: 127px;
 			left: 30px;
 			background:none;
			}

#bttnHelp a	{
			display:block;
			background: url("../images/bttnHelp.gif") 0 0 no-repeat;
			}
#bttnHelp2 a	{
			display:block;
			background: url("../images/bttnHelp.gif") 0 0 no-repeat;
			}				
#bttnHelp a:hover 	{
					background-position: 0 -25px;
					}
					
.numberBox	{ 
			width: 68px;
			height: 28px;
			z-index: 100;
			margin: 0;
			float: right;
			background-image: url("../images/numberBox.gif");
			background-repeat: no-repeat;
			padding: 0 2px;
			}
			
.numberBoxText	{
				color: #FFFFFF;
				font-size: 1.1em;
				position: relative;
				top: 6px;
				}
#redText	{
			color: #971B1E;
			font-size: 1.3em;
			font-weight: bold;
			}
			
#studyTools	{
			width: 525px;
			height: 600px;
			z-index: 900000;
			position: absolute;
			top: 30px;
			right: 75px;
			overflow: scroll;
			background:#000000;
			}
			
.tdBack	{
		background-color: #DAE2EA;
 		}
 
.formatTable	{
 				border: #ccc 1px solid; 
				padding: 8px 8px 0 8px;
				}
	
.formatTableT	{
				border-top: 1px solid #cccccc;
				}
				
.formatTableR	{
				border-right: 1px solid #cccccc;
				}
				
.formatTableB	{
				border-bottom: 1px solid #cccccc;
				}
				
.formatTableL	{
				border-left: 1px solid #cccccc;
				}	
	  
.tdScroll	{ 
			height: 130px;
			text-align: left;
			overflow: scroll; }
 
.big2	{ font-size: 1.3em; }


.myHomeNav	{
 			background-color: #416398;
 			color: #fff;
 			text-align: left;
 			padding: 7px 17px;
 			}
 
.myHomeNav a:link  { color: #ffffff; }
.myHomeNav a:visited  { color: #ffffff; }
.myHomeNav a:hover  { color: #ffcc00; text-decoration: none; }
.myHomeNav a:active  { color: #990000; }

.redTitle { color: #990000; font-size: 1.2em; font-weight: bold; }
 
#breadcrumb3	{
				float: right;
				position: relative;
				top: -24px;
				font-size: .9em;
				}
				
#activityName3	{
				color: #971B1E;
				font-size: 1.3em;
				font-weight: bold;
				position: absolute;
				left: 56px;
				top: 80px;
				height: 27px;
				width: 600px;
				border-bottom: #4E80BD 2px solid;
				float: right;
				z-index: 100000;
				}
				
#studentName3	{
				position: relative;
				top: -17px;
				border: #4e80bd 2px solid;
				padding: 7px;
				background-color: #dae2eb;
				z-index: 10000;
				float: right;
				}			
				
#helpMenu 	{
			width: 25px;
			height: 50px;
			z-index: 900001;
			position: absolute;
			top: 68px;
			left: 10px;
			background:none;
			}
					
.lessonlist4 td {
				padding: 4px 4px;
				background-color: #DAE2EA;
				}
				
.floatRight	{ float: right; }
				

#bttnAddClass	{
				width: 183px;
				height: 43px;
				z-index: 900000;
				}

#bttnAddClass a	{
				display:block;
				background: url("../images/bttnAddClass.jpg") 0 0 no-repeat;
				}
				
#bttnAddClass a	{
				display:block;
				background: url("../images/bttnAddClass.jpg") 0 0 no-repeat;
				}
								
#bttnAddClass a:hover	{
						background-position: 0 -44px;
						}
						
#bttnAddMsg	{
			width: 209px;
			height: 41px;
			z-index: 900000;
			}

#bttnAddMsg a	{
				display:block;
				background: url("../images/homeMessage.jpg") 0 0 no-repeat;
				}
				
#bttnAddMsg a	{
				display:block;
				background: url("../images/homeMessage.jpg") 0 0 no-repeat;
				}
								
#bttnAddMsg a:hover	{
					background-position: 0 -44px;
					}
					
#bttnRoster	{
			width: 143px;
			height: 41px;
			z-index: 900000;
			}

#bttnRoster a	{
				display:block;
				background: url("../images/classroster.jpg") 0 0 no-repeat;
				}
				
#bttnRoster a	{
				display:block;
				background: url("../images/classroster.jpg") 0 0 no-repeat;
				}
								
#bttnRoster a:hover	{
					background-position: 0 -44px;
					}
					
#activityUnderline hr	{
						border: 0;
						height: 2px;
						color: #4E80BD;
						background-color: #4E80BD;
						}
						
 .blueBoldLine	{ 
				color: #1B3664;
				font-size: 1.2em;
				font-weight: bold;
				width: 600px;
				border-bottom: #1B3664 2px solid;
				}

#activityName2	{
 				color: #971B1E;
 				font-size: 1.3em;
 				font-weight: bold;
 				position: absolute;
 				left: 56px;
 				top: 86px;
 				height: 27px;
 				width: 600px;
 				border-bottom: #4E80BD 2px solid;
				}
 
 #studentName	{
				position: relative;
				top: -17px;
				border: #4E80BD 2px solid;
				padding: 7px;
				background-color: #DAE2EB;
				float: right;
				z-index: 100000;
				}
				
 #titleBoxText2	{
				color: #ffcc00;
				font-size: 1.2em;
				font-weight: bold;
				padding: 12px 12px 10px 0;
				position: relative;
				left: -1px;
				text-align: left;
				}
				
#stephSignUp	{
				position: absolute;
				bottom: 0;
				right: 0;
				}
				
				
#stephWhyReg	{
				position: absolute;
				bottom: 0;
				right: 22px;
				}
				
#teacherStudentTitle	{
 						color: #971B1E;
 						font-size: 1.1em;
 						font-weight: bold;
 						}
 
#tutorNote	{
			background-color: #DBE2EC;
			border: #003366 3px solid;
			padding: 17px;
			}
			
.blueBoldLine2	{ 
				color: #4f81bd;
				font-size: 1.2em;
				font-weight: bold;
				border-bottom: #4f81bd 2px solid;
				}
				
.headerTablez	{
				border: #2E498A 2px solid;
				font-size: 1.2em;
				}

.headerTablez td	{ padding: 8px; }

.blueCellz	{
			background-color: #2E498A;
			color: #fff; font-weight: bold;
			font-size: 1.2em;
			}

.instructionTablez	{ border: #ffffff 0px solid; }

.instructionTablez td	{ padding: 0;  }
				
#qqStephNoReg	{
				position: absolute;
				z-index: 10;
				bottom: 0;
				right: 0px;
				}
				
#qqRegister	{ 
			width: 500px;
			padding: 15px;
			background-color: #4E80BD;
			font-size: 1.2em;
			color: #fff;
			font-weight: bold;
			}
			
.floatLeft	{ float: left; }
				
#qqContinue	{ 
			width: 500px;
			padding: 15px;
			background-color: #DAE2EB;
			font-size: 1.2em;
			color: #000;
			}
			
#qqContinueBttn	{
				float: left;
				position: relative;
				top: 9px;
				}
				
.smallBlueText	{ 
				font-size: .8em;
				color: #DAE3EB;
				}
			
#teacherDisclaimer	{
					background-color: #DAE2EA;
					padding: 10px 22px 22px 22px;
					width: 244px;
					float: right;
					border: #1B3664 2px solid;
					position: relative;
					}
					
#teacherDisclaimer ul	{
						margin-left: 12px;
						padding-left: 12px;
						}
						
#stephTchrHome2	{
				position: absolute;
				bottom: 0;
				left: 0;
				}
				
#abc	{
		background-color: #DAE2EB;
		border: #003366 4px solid;
		padding: 17px;
		font-size: 1.1em;
		font-weight: bold;
		}
		
#glossaryTable	{
				margin: 0;
				padding: 0;
				border: none;
				border-collapse: collapse;
				width: 95%;
				}
				
#glossaryTable td	{ 
					border: #003366 4px solid;
					padding: 12px 22px;
					}

#glossaryWord	{
				font-size: 1.2em;
				background-color: #003366;
				color: #fff;
				padding: 17px;
				width: 320px;
				font-weight: bold;
				}
				
#glossaryWord2	{
				font-size: 1.1em;
				background-color: #fff;
				color: #000;
				padding: 1px 17px 17px 17px;
				width: 320px;
				height: 240px;
				overflow: auto;
				}
				
#glossaryWordBox	{ 
					width: 250px;
					height: 192px;
					text-align: left;
					padding: 17px 20px;
					background-color: #DAE2EB;
					border: none;
					overflow: auto;
					font-size: 1.2em;
					border: #003366 2px solid;
					}
					
#glossaryDef	{ 
				width: 300px;
				padding: 17px;
				font-size: 1.2em;
				background-color: #DAE2EB;
				font-weight: bold;
				}
				
#glossaryImage	{
				width: 320px;
				float: right;
				}
				
#glossaryListen	{
				width: 90px;
				height: 30px;
				z-index: 100;
				margin: 0;
				padding: 0 3px;
				float: right;
				margin: 0 0 0 5px;
				}
				
#glossaryListen a	{
					display:block;
					background: url("../images/bttnListen44.gif") 0 0 no-repeat;
						}
				
#glossaryListen a:hover { background-position: 0 -22px; }
						
#content122	{
			padding: 22px 55px 22px 55px;
			text-align: left;
			background-color: #fff;
			background-image: url(../images/shadow.jpg);
			background-repeat: repeat-x;
			position: relative;
			}
			
#content123	{
			padding: 122px 55px 22px 55px;
			text-align: left;
			background-color: #fff;
			background-image: url(../images/studyToolsBnnr.jpg);
			background-repeat: no-repeat;
			position: relative;
			}
			
.table6	{
		border: #133564 4px solid;
		background-color: #DAE2EA;
		width: 95%;
		}
		
.table6 td	{ padding: 12px 22px; }

#bttnStartAgain	{
				width: 177px;
				height: 46px;
				margin: 0;
				position: relative;
				top: -160px;
				left: 90px;
				}

#bttnStartAgain a	{
					display:block;
					background: url("../images/bttnStartAgain.jpg") 0 0 no-repeat;
					}
				
#bttnStartAgain a:hover { 
						background-position: 0 -45px;
						}
						
#overviewBox	{
				background-color: #DAE2EA;
				padding: 17px 22px;
				width: 200px;
				float: right;
				border: #1B3664 2px solid;
				position: relative;
				}