@import url('layout.css');
body {
	font-family: Geneva,Arial,sans-serif;
	margin: 0;
}
#container {
	width: 100%;
}
#masthead {
	text-align: center;
	width: 100%;
	margin: auto;
	background-color: #000066;
	padding-top: 1em;
	padding-bottom: 1em;
	border-top: 2px solid black;
	border-bottom: 2px solid black;
}
#contentcontainer {
	width: 950px;
	margin: auto;
	background-color: white;
}
#content {
	float: left;
	background-color: white;
}
#widesky {
	width: 160px;
	float: left;
	background-color: white;
	padding: 10px;
}
#bottomleaderboard {
	text-align: center;
	width: 100%;
	margin: auto;
	background-color: #000066;
	padding-top: 1em;
	padding-bottom: 1em;
	border-top: 2px solid black;
	border-bottom: 1px solid black;
	clear: both;
}
#footer {
	width: 910px;
	margin: auto;
	background-color: #ffffdd;
	text-align: center;
	padding: 10px;
	margin-bottom: 100px;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
}
/* Masthead Styles */
#masthead h1 {
	font-family: Arial;
	font-weight: 400;
	font-size: 1em;
	margin: 7px 10px 10px 20px;
}
#masthead a:link, #masthead a:active, #masthead a:visited {
	color: blue;
}
#masthead a:hover {
	color: green;
}
/* Content Styles */
#content h1, h2, h3, h4, h5, h6 {
	color: #3d6c87;
	text-align: center;
}
#content img {
	padding: 0;
}
/* Footer Styles */
#footer h1 {
	text-align: center;
	font-family: Arial;
	font-weight: 400;
	font-size: 1em;
	margin: 7px 10px 10px 20px;
}
#footer h2 {
	font-family: Arial;
	font-weight: 400;
	font-size: 1em;
	margin: 7px 10px 10px 20px;
}
/* Cloze Quiz Styles */
* html object.MediaPlayerNotForIE {
	display: none;
}
p {
	text-align: left;
	margin: 0;
	font-size: 100%;
}
table, div, span, td {
	font-size: 100%;
	color: #000;
}
div.Titles {
	text-align: center;
	color: #000;
	margin-bottom: 3em;
}
button {
	font-family: Geneva,Arial,sans-serif;
	font-size: 100%;
	display: inline;
}
.ExerciseTitle {
	font-size: 140%;
	color: #000;
	background-color: #eaeaea;
	border: 1px #d3d3d3 solid;
	margin-top:10px;
	margin-bottom:-2em;
	padding: .5em;
}
.ExerciseSubtitle {
	font-size: 100%;
	color: #000;
	font-style: italic;
}
div.StdDiv {
	width: 730px;
	background-color: #eaeaea;
	text-align: center;
	font-size: 100%;
	color: #000;
	padding: 1em;
	border: 1px #d3d3d3 solid;
	margin-bottom:10px;
	margin-top:10px;
}
div.ExTopLinkUnit {
	width: 730px;
	background-color: white;
	text-align: center;
	font-size: 100%;
	color: #000;
	padding: .5em;
	border: 1px #d3d3d3 solid;
	margin:auto;
}
/* EndCorePageCSS */
.RTLText {
	text-align: right;
	font-size: 150%;
	direction: rtl;
	font-family: "Simplified Arabic", "Traditional Arabic", "Times New Roman", Geneva,Arial,sans-serif;
}
.CentredRTLText {
	text-align: center;
	font-size: 150%;
	direction: rtl;
	font-family: "Simplified Arabic", "Traditional Arabic", "Times New Roman", Geneva,Arial,sans-serif;
}
button p.RTLText {
	text-align: center;
}
.RTLGapBox {
	text-align: right;
	font-size: 150%;
	direction: rtl;
	font-family: "Times New Roman", Geneva,Arial,sans-serif;
}
.Guess {
	font-weight: 700;
}
.CorrectAnswer {
	font-weight: 700;
}
div#Timer {
	padding: .25em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #000;
}
span#TimerText {
	padding: .25em;
	border-width: 1px;
	border-style: solid;
	font-weight: 700;
	display: none;
	color: #000;
}
span.Instructions {
}
div.ExerciseText {
}
.FeedbackText, .FeedbackText span.CorrectAnswer, .FeedbackText span.Guess, .FeedbackText span.Answer {
	color: #000;
}
.LeftItem {
	font-size: 100%;
	color: #000;
	text-align: left;
}
.RightItem {
	font-weight: 700;
	font-size: 100%;
	color: #000;
}
span.CorrectMark {
}
input, textarea {
	font-family: Geneva,Arial,sans-serif;
	font-size: 120%;
}
select {
	font-size: 100%;
}
div.Feedback {
	background-color: silver;
	left: 33%;
	width: 34%;
	top: 33%;
	z-index: 1;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
	text-align: center;
	color: #000;
	position: absolute;
	display: none;
	font-size: 100%;
}
div.ExerciseDiv {
	color: #000;
}
/* JMatch flashcard styles */
table.FlashcardTable {
	background-color: transparent;
	color: #000;
	border-color: #000;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 2em;
	margin-bottom: 2em;
	width: 90%;
	position: relative;
	text-align: center;
	padding: 0;
}
table.FlashcardTable tr {
	border-style: none;
	margin: 0;
	padding: 0;
	background-color: #FFF;
}
table.FlashcardTable td.Showing {
	font-size: 140%;
	text-align: center;
	width: 50%;
	display: table-cell;
	padding: 2em;
	margin: 0;
	border-style: solid;
	border-width: 1px;
	color: #000;
	background-color: #FFF;
}
table.FlashcardTable td.Hidden {
	display: none;
}
/* JMix styles */
div#SegmentDiv {
	margin-top: 2em;
	margin-bottom: 2em;
	text-align: center;
}
a.ExSegment {
	font-size: 120%;
	font-weight: 700;
	text-decoration: none;
	color: #000;
}
span.RemainingWordList {
	font-style: italic;
}
div.DropLine {
	position: absolute;
	text-align: center;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000;
	width: 80%;
}
/* JCloze styles */
.ClozeWordList {
	text-align: center;
	font-weight: 700;
}
div.ClozeBody {
	text-align: left;
	margin-top: 1em;
	margin-bottom: 2em;
	line-height: 2.0;
}
span.GapSpan {
	font-weight: 700;
}
/* JCross styles */
table.CrosswordGrid {
	margin: auto auto 1em;
	border-collapse: collapse;
	padding: 0;
	background-color: #000;
}
table.CrosswordGrid tbody tr td {
	width: 1.5em;
	height: 1.5em;
	text-align: center;
	vertical-align: middle;
	font-size: 140%;
	padding: 1px;
	margin: 0;
	border-style: solid;
	border-width: 1px;
	border-color: #000;
	color: #000;
}
table.CrosswordGrid span {
	color: #000;
}
table.CrosswordGrid td.BlankCell {
	color: #000;
}
#Blue {
	background-color: #00f;
}
#Orange {
	background-color: orange;
}
#Red {
	background-color: red;
}
#Yellow {
	background-color: #FF0;
}
#Fuchsia {
	background-color: #F0F;
}
#Aqua {
	background-color: aqua;
}
#Purple {
	background-color: purple;
}
#Navy {
	background-color: navy;
}
#Teal {
	background-color: teal;
}
#Green {
	background-color: green;
}
#Lime {
	background-color: lime;
}
table.CrosswordGrid td.LetterOnlyCell {
	text-align: center;
	vertical-align: middle;
	background-color: #fff;
	color: #000;
	font-weight: 700;
}
table.CrosswordGrid td.NumLetterCell {
	text-align: left;
	vertical-align: top;
	background-color: #fff;
	color: #000;
	padding: 1px;
	font-weight: 700;
}
.NumLetterCellText {
	cursor: pointer;
	color: #000;
}
.GridNum {
	vertical-align: super;
	font-size: 66%;
	font-weight: 700;
	text-decoration: none;
	color: #000;
}
.GridNum:hover, .GridNum:visited {
	color: #000;
}
table#Clues {
	margin: auto;
	vertical-align: top;
	width: 90%;
}
table#Clues td {
	vertical-align: top;
}
table.ClueList {
	margin: auto;
}
td.ClueNum {
	text-align: right;
	font-weight: 700;
	vertical-align: top;
}
td.Clue {
	text-align: left;
}
div#ClueEntry {
	text-align: left;
	margin-bottom: 1em;
}
/* Keypad styles */
div.Keypad {
	text-align: center;
	display: none; /* initially hidden, shown if needed */;
	margin-bottom: .5em;
}
div.Keypad button {
	font-family: Geneva,Arial,sans-serif;
	font-size: 120%;
	background-color: #fff;
	color: #000;
	width: 2em;
}
/* JQuiz styles */
div.QuestionNavigation {
	text-align: center;
}
.QNum {
	margin: 0 1em .5em;
	font-weight: 700;
	vertical-align: middle;
}
textarea {
	font-family: Geneva,Arial,sans-serif;
}
.QuestionText {
	text-align: left;
	margin: 0;
	font-size: 100%;
}
.Answer {
	font-size: 120%;
	letter-spacing: .1em;
}
.PartialAnswer {
	font-size: 120%;
	letter-spacing: .1em;
	color: #000;
}
.Highlight {
	color: #000;
	background-color: #ff0;
	font-weight: 700;
	font-size: 120%;
}
ol.QuizQuestions {
	text-align: left;
	list-style-type: none;
}
li.QuizQuestion {
	padding: 1em;
	border-style: solid;
	border-width: 0 0 1px;
}
ol.MCAnswers {
	text-align: left;
	list-style-type: upper-alpha;
	padding: 1em;
}
ol.MCAnswers li {
	margin-bottom: 1em;
}
ol.MSelAnswers {
	text-align: left;
	list-style-type: lower-alpha;
	padding: 1em;
}
div.ShortAnswer {
	padding: 1em;
}
.FuncButton {
	text-align: center;
	border-style: solid;
	border-left-color: #fff;
	border-top-color: #fff;
	border-right-color: #7f7f7f;
	border-bottom-color: #7f7f7f;
	color: #000;
	background-color: #FFF;
	border-width: 2px;
	padding: 3px 6px;
	cursor: pointer;
}
.FuncButtonUp {
	color: #FFF;
	text-align: center;
	border-style: solid;
	border-left-color: #fff;
	border-top-color: #fff;
	border-right-color: #7f7f7f;
	border-bottom-color: #7f7f7f;
	background-color: #000;
	color: #FFF;
	border-width: 2px;
	padding: 3px 6px;
	cursor: pointer;
}
.FuncButtonDown {
	color: #FFF;
	text-align: center;
	border-style: solid;
	border-left-color: #7f7f7f;
	border-top-color: #7f7f7f;
	border-right-color: #fff;
	border-bottom-color: #fff;
	background-color: #000;
	color: #FFF;
	border-width: 2px;
	padding: 3px 6px;
	cursor: pointer;
}
/*BeginNavBarStyle*/
div.NavButtonBar {
	background-color: #d3d3d3;
	text-align: center;
	margin-left: 5%;
	margin-right: 5%;
	clear: both;
	font-size: 100%;
	margin-bottom: 15px;
}
.NavButton {
	border-style: solid;
	border-left-color: #d3d3d3;
	border-top-color: #d3d3d3;
	border-right-color: #d3d3d3;
	border-bottom-color: #d3d3d3;
	background-color: #d3d3d3;
	color: #000;
	border-width: 2px;
	cursor: pointer;
}
.NavButtonUp {
	border-style: solid;
	border-left-color: #e9e9e9;
	border-top-color: #e9e9e9;
	border-right-color: #696969;
	border-bottom-color: #696969;
	color: #000;
	background-color: #d3d3d3;
	border-width: 2px;
	cursor: pointer;
}
.NavButtonDown {
	border-style: solid;
	border-left-color: #696969;
	border-top-color: #696969;
	border-right-color: #e9e9e9;
	border-bottom-color: #e9e9e9;
	color: #d3d3d3;
	background-color: #d3d3d3;
	border-width: 2px;
	cursor: pointer;
}
/*EndNavBarStyle*/
a {
	color: #00F;
}
a:visited {
	color: #00C;
}
a:hover {
	color: #00F;
}
div.CardStyle {
	position: absolute;
	font-family: Geneva,Arial,sans-serif;
	font-size: 100%;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	color: #000;
	background-color: #FFF;
	left: -50px;
	top: -50px;
	overflow: visible;
}
.rtl {
	text-align: right;
	font-size: 140%;
}
/* Reading Comprehension */
.style701 {
	text-align: left;
	margin-left: 10px;
}
/* Link Colors */
<style type=text/css>
<!--
a:link {
color:blue;
text-decoration:underline;
}
a:active {
	color: blue;
	text-decoration: underline;
}
a:visited {
	color: purple;
	text-decoration: underline;
}
a:hover {
	color: green;
	text-decoration: underline;
}