/* --------------------------------------------
|  GLOBAL STYLES
--------------------------------------------- */
html { border: none; }

body {
	margin: 0;
	padding: 0;
	line-height: 13px;
	text-align: center;
	background: #FFF url(graphics/bg_top.gif) 50% -100px repeat-x;
	}
#home {background: #FFF url(graphics/bg_top.gif) 50% 0 repeat-x;}
body, td, input, select, label {
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	}

img {border: 0;}
p {margin: 0 0 15px 0;}

a {color: #cc0000;}
a:hover {color: #ff0000;}
a span {text-decoration: none;}

h1, h2, h3, h4, h5, form {margin: 0;}

img.floatRight {float: right;}
img.floatLeft {float: left;}
/* --------------------------------------------
|  NAVIGATION
--------------------------------------------- */
#logo {position: absolute;}
#nav {
	margin: 7px 0 0 0;
	padding: 0;
	list-style: none;
	height: 28px;
	}
	#nav li {float: left;}
		#nav li a {
			outline: none;
			display: block;
			padding: 0;
			height: 28px;
			line-height: 28px;
			float: left;
			text-indent: -9999px;
			text-decoration: none;
			background-image: url(graphics/nav/matrix.gif);
			background-repeat: no-repeat;
			}
			#nav li a:hover {background-position: 0 0;}

		#bOne {background-position: 0 0; width: 91px;}
			#bOne:hover {background-position: 0 -28px !important;}
			#nav li.current #bOne {background-position: 0 -56px !important;}
		#bTwo {background-position: -91px 0; width: 134px;}
			#bTwo:hover {background-position: -91px -28px !important;}
			#nav li.current #bTwo {background-position: -91px -56px !important;}
		#bThree {background-position: -225px 0; width: 126px;}
			#bThree:hover {background-position: -225px -28px !important;}
			#nav li.current #bThree {background-position: -225px -56px !important;}
		#bFour {background-position: -351px 0; width: 93px;}
			#bFour:hover {background-position: -351px -28px !important;}
			#nav li.current #bFour {background-position: -351px -56px !important;}
		#bFive {background-position: -444px 0; width: 134px;}
			#bFive:hover {background-position: -444px -28px !important;}
			#nav li.current #bFive {background-position: -444px -56px !important;}

/* --------------------------------------------
|  STRUCTURE
--------------------------------------------- */

/* -- HEADER -- */

#header {
	width: 770px;
	margin: 0 auto;
	text-align: left;
	}

#siteContainer {background: #FFF url(graphics/bg_bot.gif) left bottom repeat-x;}

#siteContainer .innerBox {
	width: 770px;
	margin: 0 auto;
	text-align: left;
	}

/* -- BODY -- */
#colLeft {
	float: left;
	width: 178px;
	}
#colRight {
	float: left;
	width: 580px;
	max-width: none;
	}
	#innerColLeft {
		float: left;
		width: 220px;
		}
	#innerColRight {
		float: right;
		width: 358px;
		}

/* -- FOOTER -- */
#footer {
	clear: both;
	margin: 0 auto;
	width: 740px;
	height: 119px;
	text-align: left;
	background: url(graphics/footer_back.gif) no-repeat;
	}
	#footer p {
		text-align: left;
		padding: 61px 0 0 20px;
		color: #cc0000;
		font-size: 10px;
		}
	#footer span.pad {padding-left: 12px;}
	#phoneNumber {
		position: absolute;
		width: 182px;
		height: 58px;
		margin: 25px 0 0 540px;
		text-indent: -9999px;
		background: url(graphics/b_phone_number.gif) 0 -58px no-repeat;
		}
		#phoneNumber:hover {background: url(graphics/b_phone_number.gif) 0 0 no-repeat;}

/* --------------------------------------------
|  CONTENT SPECIFIC
--------------------------------------------- */

.clearBoth {clear: both}

/* --------------------------------------------
|  PAGE SPECIFIC
--------------------------------------------- */

/* Home Left Column */

.homeSticky {
	width: 182px;
	height: 182px;
	background: url(graphics/home_sticky.gif) no-repeat;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	}
	.homeSticky h1 {
		font-size: 12px;
		color: #003399;
		padding-top: 18px;
		margin: 0 0 0 30px;
		}
	.homeSticky ul {
		margin: 22px 0 0 30px;
		padding: 0;
		list-style: none;
		}
		.homeSticky ul li {margin-bottom: 8px; line-height: 11px;}
			.homeSticky ul li a {color: #cc0000; font-weight: bold;}
			.homeSticky ul li a:hover {color: #ff0000; font-weight: bold;}

.homeLiveCourses {background: url(graphics/home_live_courses_top.gif) 20px 0 no-repeat;}
	.homeLiveCourses h1 {
		font-family: Arial, Geneva, Helvetica, sans-serif;
		font-size: 12px;
		color: #003399;
		margin-left: 50px;
		padding-top: 14px;
		width: 80px;
		text-align: center;
		}
	.homeLiveCourses h1 a {
		font-family: Arial, Geneva, Helvetica, sans-serif;
		font-size: 12px;
		color: #003399;
		width: 80px;
		text-align: center;
		text-decoration: none;
		}
	.homeLiveCourses h1 a:hover {text-decoration: underline;}
	.homeLiveCourses ul {
		font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
		margin: 25px 0 0 26px;
		padding: 0 0 60px 0;
		list-style: none;
		font-size: 11px;
		background: url(graphics/home_live_courses_bot.gif) 36px 100% no-repeat;
		}
		.homeLiveCourses li {margin-bottom: 4px; text-align: center; width: 130px;}
			.homeLiveCourses ul li a {color: #cc0000; text-decoration: none;}
			.homeLiveCourses ul li a:hover {color: #ff0000; text-decoration: underline;}

.redLinkArrow {color: #cc0000; padding-left: 3px}

.homeExtraExtra {
	width: 343px;
	height: 134px;
	background: url(graphics/extra_extra_back.gif) no-repeat;
	margin: 10px 0 0 13px;
}
.homeExtraExtra h2 {padding: 20px 0 0 160px;}
.homeExtraExtra .cont {
	margin: 10px 0 0 160px;
	width: 165px;
}
#extraExtraImg {
	position: absolute;
	width: 205px;
	height: 143px;
	outline: none;
	text-indent: -9999px;
	background: url(graphics/b_extra_extra_01.gif) no-repeat;
	margin: -10px 0 0 -35px;
}

.homeOnlineStore .pad {padding: 0 20px 0 20px;}

.homeStudy .pad {padding: 0 20px 13px 20px;}

/* Home Right Column */
.homeForum .pad {padding: 0 70px 13px 20px;}

.homeAlert .pad {padding: 0 130px 13px 20px;}

.homeAlert #homeAlertAni {
	position: absolute;
	margin: 10px 0 0 186px;
	width: 190px;
	}
	#homeAlertAni #flashSalty {
	position: absolute;
	}

/* --------------------------------------------
|	CONTENT PAGES
--------------------------------------------- */
#contentHeader {position: absolute;}
#header ul {
	margin: 0;
	padding: 0;
	height: 215px;
	width: 770px;
	text-align: left;
	list-style: none;
	background: url(graphics/bg_content_paper.jpg) no-repeat;
	}
	#header li {
		position: absolute;
		}
	#header li a {position: absolute; text-indent: -9999px; outline: none;}
	#bShopping {
		background: url(graphics/b_shopping_cart.gif) no-repeat;
		top: 19px;
		margin: 0 0 0 458px;
		width: 111px; height: 36px;}
		#bShopping:hover {background: url(graphics/b_shopping_cart.gif) 0 -36px no-repeat;}
	#bCheckout {
		background: url(graphics/b_checkout.gif) no-repeat;
		top: 19px;
		margin: 0 0 0 580px;
		width: 80px; height: 36px;}
		#bCheckout:hover {background: url(graphics/b_checkout.gif) 0 -36px no-repeat;}
	#bContact {
		background: url(graphics/b_contact.gif) no-repeat;
		top: 19px;
		margin: 0 0 0 665px;
		width: 70px; height: 36px;}
		#bContact:hover {background: url(graphics/b_contact.gif) 0 -36px no-repeat;}
	#bLogin {
		background: url(graphics/b_login.gif) no-repeat;
		top: 86px;
		margin: 0 0 0 26px;
		width: 111px; height: 46px;}
		#bLogin:hover {background: url(graphics/b_login.gif) 0 -46px no-repeat;}
	#bJoin {
		background: url(graphics/b_join.gif) no-repeat;
		top: 111px;
		margin: 0 0 0 100px;
		width: 70px; height: 32px;}
		#bJoin:hover {background: url(graphics/b_join.gif) 0 -32px no-repeat;}
	#bAbout {
		background: url(graphics/b_about.gif) no-repeat;
		top: 143px;
		margin: 0 0 0 44px;
		width: 96px; height: 39px;}
		#bAbout:hover {background: url(graphics/b_about.gif) 0 -39px no-repeat;}
	#bLogout {
		background: url(graphics/b_logout.gif) no-repeat;
		top: 127px;
		margin: 0 0 0 35px;
		width: 72px; height: 27px;}
		#bLogout:hover {background: url(graphics/b_logout.gif) 0 -27px no-repeat;}
	#bEditAccount {
		background: url(graphics/b_edit_account.gif) no-repeat;
		top: 154px;
		margin: 0 0 0 94px;
		width: 67px; height: 40px;}
		#bEditAccount:hover {background: url(graphics/b_edit_account.gif) 0 -40px no-repeat;}
	#welcomeEl {
		position: absolute;
		font-family: "Comic Sans MS", "Comic Sans", Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 16px;
		margin: 107px 0 0 35px;
		color: #06389a;
		}


#flashContent {
	height: 213px;
	width: 776px;
	margin: 0 auto;
	background: url(graphics/bg_header.gif) no-repeat;}
.redHeader { color: #CC0000 !important; }
.blueHeader { color: #00339a !important; }
#contentArea h1, #contentArea h2 {
	font-family: "Comic Sans MS", "Comic Sans", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	}
#contentArea h1 {
	margin: 4px 0;
	line-height: 16px;
	color: #00339a;
	}
#contentArea h2 {
	margin: 6px 0 4px 0;
	color: #cc0000;
	}
#contentArea h3 {
	margin: 6px 0 4px 0;
	font-size: 12px;
	color: #cc0000;
	}
#contentArea .pad {padding: 25px 0px 20px 20px;}
#inThisSection {
	width: 143px;
	margin-bottom: 20px;
	float: right;
	padding-bottom: 24px;
	background: url(graphics/bg_in_section_tile.gif) 0 100% no-repeat;
	}
	#inThisSection ul {
		padding: 131px 0 0 0;
		width: 127px;
		background: url(graphics/bg_in_section.gif) no-repeat;
		margin: 0;
		list-style: none;
		}
	#inThisSection li {
		text-align: center;
		font-weight: bold;
		float: left;
		clear: left;
		width: 127px;
		color: #01349a;
		margin-bottom: 7px;
		}
		#inThisSection a {
			color: #01349a;
			font-weight: normal;
			}
			#inThisSection a:hover { color:#CC0000; }
#inThisSection .subSection {
	font-size: 10px;
	}
#inThisSection .boldLink {
	font-weight: bold;
	}
#flashSearch {
	position: absolute;
	top:81px;
	margin: 0 0 0 527px;
	}

#contentExtra {
	display:block;
	width: 180px;
	height: 105px;
	text-decoration: none;
	text-indent: -9999px;
	background: url(graphics/content_extra_extra.gif) 0 -105px no-repeat;
	}
	#contentExtra:hover {background-position: 0 0;}

/* --------------------------------------------
|	COURSE SELECTION PAGE
--------------------------------------------- */
#courseSelect {
	height: 114px;
	margin-top: 15px;
	}
	#courseSelect p {
		float: left;
		padding-left: 35px;
		margin: 0;
		}
		#courseSelect p img {display: block;}
		#courseSelect p span {
			display: block;
			color: #CC0000;
			margin-top: 5px;
			font-weight: bold;}
		#courseSelect p select {margin-top: 4px; width: 138px;}

/* --------------------------------------------
|	COURSE RESULTS
--------------------------------------------- */
	.courseResult {
		padding: 0 0 40px 0;
		background: url(graphics/bg_seperator_01.gif) 0 100% no-repeat;
		margin-bottom: 47px;}
	.evenCourse {background: url(graphics/bg_seperator_02.gif) 0 100% no-repeat;}
		.resultsContainer {clear: both;}
		.courseResult .resultDate {
			float: left;
			line-height: 16px;
			margin: 0 0 20px 0;
			width: 255px;
			padding: 15px 0;
			background: #ffffcc;
			border: 1px solid #999;
			text-align: center;
			color: #CC0000;
			}
			.courseResult .rightResult {float: right;}
			#contentArea .courseResult .resultDate h2 {margin-top: 0;}
			.courseResult .resultDate span {
				color: #01349a;
				display: block;
				}
 	 .correctTopHeader {
	 	background-color: #FFFFFF;
		color: #c80002;
		font: bold 15px "Comic Sans MS";
		text-align:center;
	 }
 	 .correctHeader {
	 	background-color: #FFFFFF;
		color: #c80002;
		font: 14px "Comic Sans MS";
		text-align:center;
	 }
	 .dailyQuizTable{
	 	width: 540px;
		font: bold 15px "Comic Sans MS";
	 }
	 .dailyQuizTable td{
	 	margin-bottom:3px;
		border-bottom:3px solid white;

	 }
	 .aboveAverageCourse{
	 	background-color: #EEEEEE;
		color: #009900;
		font: bold 15px "Comic Sans MS";
		padding-left:12px;

	 }
	 .aboveAverage{
	 	background-color: #EEEEEE;
		color: #009900;
		font: bold 15px "Comic Sans MS";
		text-align:center;

	 }
	 .belowAverageCourse{
	 	background-color: #EEEEEE;
		color: #c80002;
		font: bold 15px "Comic Sans MS";
		padding-left:12px;
		width: 250px;

	 }
	 .belowAverage{
	 	background-color: #EEEEEE;
		color: #c80002;
		font: bold 15px "Comic Sans MS";
		text-align:center;

	 }
	 .onAverageCourse{
	 	background-color: #EEEEEE;
		color: #000000;
		font: bold 15px "Comic Sans MS";
		padding-left:12px;

	 }
	 .onAverage{
	 	background-color: #EEEEEE;
		color: #000000;
		font: bold 15px "Comic Sans MS";
		text-align:center;

	 }


/* --------------------------------------------
|	CALENDAR
--------------------------------------------- */
#calendar {
	clear: both;
	width: 542px;
	margin: 15px 0 8px 0;
	border-style: none solid solid solid;
	border-width: 2px;
	border-color: #01349a;
	border-collapse: collapse;
	}
	#calendar th {
		font-weight: normal;
		font-size: 9px;
		text-align: center;
		border-color:#01349a;
		border-style: solid;
		border-width: 1px;
		height: 15px;
		}
	#calendar td {
		vertical-align: top;
		width: 78px;
		height: 50px;
		border-color:#01349a;
		border-style: solid;
		border-width: 1px;
		font-size: 10px;
		}
	#calendar .calendarCaption {
		background: #01349a url(graphics/bg_caption.gif) no-repeat;
		color: #FFF;
		margin: 0;
		text-align: center;
		width: 100%;
		height: 26px;
		vertical-align: middle;
		font-family: "Comic Sans MS", "Comic Sans", Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 13px;
		border-left: 1px solid #01349a;
		font-weight: bold;
		}
		#calendar td.contents {background: #ffff8c url(graphics/bg_calendar_td.gif) repeat-x;}
		#calendar td p {text-align: center; color:#01349a}
		#calendar td span {
			font-size: 9px;
			text-align: left;
			display: block;
			}
		#calendar td div {
			display: none;
			cursor: default;
			position: absolute;
			margin: 2px 0 0 2px;
			background: url(graphics/bg_shadow.png);
			width: 141px;
			}
			#calendar td div p {
				background: #0066ff;
				text-align: left;
				padding: 7px;
				color: #FFF;
				margin: 0;
				position: relative;
				top: -2px;
				left: -2px;
				}
			#calendar td div span {
				font-weight: bold;
				font-size: 12px;
				}

	#courseReg {
		background: url(graphics/bg_reg_box.gif) no-repeat;
		font-size: 10px;
		padding: 7px 0 23px 73px;
		}
		#courseReg em {
			font-weight: bold;
			font-size: 14px;
			color: #CC0000;
			font-family: "Comic Sans MS", "Comic Sans", Verdana, Geneva, Arial, Helvetica, sans-serif;
			font-style: normal;
			}
	#courseLocation {
		float: right;
		width: 236px;
		text-align: right;
		font-size: 10px;
		padding: 7px 0 0 0;
		}
		#courseLocation span {
			color: #01349a;
			font-size: 11px;
			font-weight: bold;
			}

/* --------------------------------------------
|	SITEMAP
---------------------------------------------
#sitemap {
	margin: 15px 0 0 20px;
	padding: 0;
	list-style: none;
	}
#sitemap ul {
	margin: 0 0 10px 9px;
	padding: 0;
	list-style: none;
	}
	#sitemap li {
		padding-left: 11px;
		font-weight: bold;
		font-size: 12px;
		line-height: 23px;
		background: url(graphics/bg_bullet_circle.gif) 0 8px no-repeat;
		}
		#sitemap li a {text-decoration: none;}
		#sitemap li li a {font-size: 11px;}*/


/* --------------------------------------------
|	QUESTIONS - DAILY QUIZ
--------------------------------------------- */
#contentArea h2.quizHeader {
	font-family: "Times New Roman", Times, serif;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	}
	#contentArea h2.quizHeader span {
		color: #666666;
		font-weight: normal;}
.quizGraph {
	width: 550px;
	max-width: none;
	overflow: hidden;
}
.quizQuestion {
	background:#ffffc3;
	padding: 12px 20px;
	margin: 24px 0 0 0;}
	.quizQuestion table th, .quizQuestion table td {
		text-align: left;
		vertical-align: top; }
		.quizQuestion table th input {
			position:relative;
			margin-right: 4px;
			top: 3px;}
	.quizQuestion table td {padding: 5px;}
	.quizQuestion table th {width: 40px;}

	#quizLogin {
		background: url(graphics/bg_quiz_more.gif) no-repeat;
		height: 111px;
		margin-top: 23px;
		}
	#quizLogin p {
		background: url(graphics/bg_quiz_more.gif) no-repeat;
		padding: 43px 45px 0 120px; }
	.quizType {
		display: block;
		margin-bottom: 14px;}
	.quizResult {
		width: 180px;
		background: #ffffc3;
		padding: 2px 5px;
		margin: 12px 0;
		}
		.incorrect {
			font-weight: bold;
			color: #cd0000;
		}
		.correct {
			font-weight: bold;
			color: #0d6008;
		}
		.imgRule {
			margin: 4px 0 12px 0;
			}
		.quizLink {
			background: url(graphics/bg_quiz_link.gif) 50% 0 no-repeat;
			font: bold 15px "Comic Sans MS";
			text-align: center;
			margin: 30px auto;
			padding: 6px 0 12px 0;
		}
			.quizLink a {
				color: #cd0000;
				text-decoration: none;
			}

/* --- Form Styles --- */

#loginForm ul, #remindForm ul {
	margin: 0;
	padding: 0;
	}
#loginForm ul li, #remindForm ul li {
	list-style: none;
	margin: 5px;
	padding: 0;
	text-align: right;
	width: 250px;
}

/* --------------------------------------------
|  SITE MAP
--------------------------------------------- */

	.siteMapList { margin-top: 15px;}
	.siteMapList dt {
		background:url(graphics/ico_folder.gif) 0 4px no-repeat;
		padding-left:20px;
		line-height:20px;
		}
	.siteMapList dd {
		padding-left:10px;
		margin-left:25px;
		line-height:16px;
		background:url(graphics/sitemap_2nd.gif) no-repeat;
		}
	.siteMapList dd a {
		color: #666 !important;
		text-decoration:none;
		}
	.siteMapList .bottom { background:url(graphics/sitemap_2nd_bottom.gif) no-repeat; }