/*---------------- GENERAL ---------------- */	

body {
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		margin-right: 0px;
		background: #ffffff;
}
h2 { font-family: Arial, Helvetica, sans-serif; color: #256157; }	
p { font: 11px/18px Verdana, Arial, Helvetica, sans-serif; color: #333333; }
a { color: #256157; }	
a:hover { text-decoration: none; }

.reg { font: 11px/18px Verdana, Arial, Helvetica, sans-serif; color: #333333; }
.str2 { font: 13px/20px Verdana, Arial, Helvetica, sans-serif; color: #333333; font-weight: bold; }
.grnheadline { font: bold 16px/20px Arial, Helvetica, sans-serif; color: #0c7061; margin-top: 10px; margin-bottom: 10px; }
	

/*---------------- HEADER ---------------- */	

#header {
	width: 900px;
	margin: 0 auto;
	height: 104px;
	}

#topBar {
	width: 900px;
	float: left;
	}
	
#logo {
	float: left;
	}
	
#logo h1 {
	text-indent: -9999px;
	height: 104px;
	width: 396px;
	background: url(images/site/logo-kto8.gif) no-repeat scroll left top;
	}

#logo a {
	display: block;
	width: 396px;
	height: 104px;
	}
	
#topBarLinks {
	float: right;
	width: 350px;
	text-align: right;
	color: #ca8e1f;
	}
	
#promoLinks p {
	padding-top: 8px;
	height: 100px;
	float: left;
	}
	
#promoLinks a {
	font: 13px Arial, Helvetica, sans-serif;
	color: #20201F;
	text-decoration: none;
	border-bottom: 1px solid #007468;
	margin: 0 4px;
	padding: 3px;
	}
	
#promoLinks a:hover {
	background: #CCE6E3;
	}

#loginBtn {
	background: url(images/site/img-login.gif) no-repeat scroll left top;
	height: 32px;
	width: 146px;
	float: right;
	}

#loginBtn a {
	background: url(images/site/img-login.gif) no-repeat scroll left top;
	display: block;
	height: 32px;
	width: 146px;
	text-indent: -9999px;
	text-align: left;
	}
	
#loginBtn a:hover {
	background: url(images/site/img-loginHover.gif) no-repeat scroll left top;
	}


/*---------------- SUB-NAV ---------------- */	

#subNavContainer {
	background: #1d1b12 url(images/site/bg-subNavOn.gif) repeat-x scroll left center;
	width: 100%;
	float: left;
}
#subNav {
	margin: 0px auto;
	width: 900px;
}

#subNavli {
	list-style: none;
	border-left: 1px solid #333333;
	display: inline;
	float: left;
}
.subNavlifirstLi {
	list-style: none;
	border-left: 0px solid #333333;
	display: inline;
	float: left;
}
.subNava {
	display: block;
	padding: 15px 20px;
	font-family: Arial, Helvetica, sans-serif;
	/*color: #e3e2df;*/
	color: #aaaaaa;
	font-size: 14px;
	text-decoration: none;
}
.subNava:hover {
	color: #FFFFFF;
	background: #1d1b12;
	
}
.subNavacurrent {
	background: #1d1b12;
	display: block;
	padding: 15px 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 14px;
	text-decoration: none;
}

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


.mainContentimg {
	border: 1px solid #bdbdbd;
	padding: 8px;
	background: #FFFFFF;
	margin: 0 0 10px 0;
	}
	
.mainContenth2 {
	font: normal 26px Arial, Helvetica, sans-serif;
	padding-bottom: 6px;
	border-bottom: 1px solid #bfd1ce;
	margin: 0 0 10px 0;
	}
	
.mainContenth3 {
	font: bold 16px/20px Arial, Helvetica, sans-serif;
	color: #333333;
	margin-top: 10px;
	margin-bottom: 10px;
	}
	
.mainContentp {
	font: 12px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin-bottom: 10px;
	padding-right: 50px;
	}
	
#mainContent ul {
	padding-left: 30px;
	margin: 0 0 12px 0;
	}
	
#mainContent li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #333333;
	list-style: circle;
	}
	
.sideItemh2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	margin: 0 0 3px 0;
	}
	
.sideItemp {
	font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
	}
	
.sideBarBlurb {
	background-attachment: scroll;
	background-image: url(images/site/bg-sidebarBlurb_repeat_y.jpg);
	background-repeat: repeat-y;
	background-position: left 63px;
	float: left;
	width: 262px;
	}

.sideBarBlurbp {
	color: #CCCCCC;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-bottom: 30px;
	padding-right: 30px;
	padding-left: 33px;
	}

#sideBarButtons {
	float: left;
	margin-bottom: 10px;
	}
	
#sideBarButtons li {
	float: left;
	list-style-type: none;
	background-attachment: scroll;
	background-image: url(images/site/btn-sidebar_bg_btn.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 40px;
	width: 262px;
	margin: 0 0 10px 0;
	}
	
#sideBarButtons a {
	display: block;
	height: 40px;
	width: 262px;
	background-attachment: scroll;
	background-image: url(images/site/btn-sidebar_bg_btn.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	line-height: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006055;
	text-decoration: none;
	padding: 0 0 0 20px;
	}
	
#sideBarButtons a:hover {
	background-attachment: scroll;
	background-image: url(images/site/btn-sidebar_bg_btn.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	color: #fff;
	}

	
	
#sideBarButtonsTeachers {
	float: left;
	margin-left:10px;
	margin-bottom: 10px;
	}
	
#sideBarButtonsTeachers li {
	float: left;
	list-style-type: none;
	background-attachment: scroll;
	background-image: url(images/site/btn-sidebar_bg_btn-170.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 40px;
	width: 170px;
	margin: 0 0 10px 0;
	}
	
#sideBarButtonsTeachers a {
	display: block;
	height: 40px;
	width: 170px;
	background-attachment: scroll;
	background-image: url(images/site/btn-sidebar_bg_btn-170.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	line-height: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006055;
	text-decoration: none;
	padding: 0 0 0 20px;
	}
	
#sideBarButtonsTeachers a:hover {
	background-attachment: scroll;
	background-image: url(images/site/btn-sidebar_bg_btn-170.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	color: #fff;
	}

	
	
.float-right {
	float: right;
	margin: 5px 0 5px 15px;
	}
	
.float-left {
	float: left;
	margin: 5px 15px 5px 0;
	}

/* ---- hidden div ---- */		
	
#hiddenDiv {
	background: #2F2F2F url(images/site/bg-hiddenRepeatx.jpg) repeat-x scroll left top;
	width: 100%;
	float: left;
	}

#hiddenContainer {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	}

#loginButtons {
	float: left;
	width: 900px;
	height: 116px;
	background: url(images/site/bg-hiddenloginBtns.jpg) no-repeat scroll left top;
	display: none;
	}

#loginButtons ul {
	background: #666666;
	width: 528px;
	margin: 48px auto 0 auto;
}
#loginButtons li {
	list-style: none;
	display: inline;
	width: 176px;
	float: left;
}
#loginButtons a {
	width: 176px;
	display: block;
	height: 45px;
	font: bold 22px/45px Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	text-decoration: none;
	text-align: center;
}
#loginButtons a:hover {
	color: #ADE1DC;
}

/* ---- a. gradeGroups btns ---- */		
	
#mainContent ul#gradeGroups {
	padding: 0;
	margin: 0;
	float: left;
	width: 555px;
	}
	
#mainContent ul#gradeGroups li {
	list-style: none;
	float: left;
	}
	
#mainContent ul#gradeGroups a {
	display: block;
	height: 185px;
	width: 185px;
	text-indent: -9999px;
	float: left;
	}

#mainContent .right {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #999999;
	background: #FFFFFF;
	}

ul#gradeGroups #btnKto2 {
	background: url(images/site/btn-grades_k_2.png) no-repeat left top;
	height: 185px;
	}

ul#gradeGroups #btnKto2 a {
	background: url(images/site/btn-grades_k_2.png) no-repeat left top;
	height: 185px;
	text-indent: -9999px;
	}
	
ul#gradeGroups #btnKto2 a:hover {
	background: url(images/site/btn-grades_k_2.png) no-repeat left -185px;
	height: 185px;
	}
	
ul#gradeGroups #btn3to5 {
	background: url(images/site/btn-grades_3_5.png) no-repeat left top;
	height: 185px;
	}

ul#gradeGroups #btn3to5 a {
	background: url(images/site/btn-grades_3_5.png) no-repeat left top;
	height: 185px;
	text-indent: -9999px;
	}
	
ul#gradeGroups #btn3to5 a:hover {
	background: url(images/site/btn-grades_3_5.png) no-repeat left -185px;
	height: 185px;
	}
	
ul#gradeGroups #btn6to8 {
	background: url(images/site/btn-grades_6_8.png) no-repeat left top;
	height: 185px;
	}

ul#gradeGroups #btn6to8 a {
	background: url(images/site/btn-grades_6_8.png) no-repeat left top;
	text-indent: -9999px;
	}
	
ul#gradeGroups #btn6to8 a:hover {
	background: url(images/site/btn-grades_6_8.png) no-repeat left -185px;
	height: 185px;
	}

ul#gradeDetail {
	margin: 10px 0 0 0;
	padding: 0;
	float: left;
	width: 608px;
	}
	
ul#gradeDetail li {
	float: left;
	list-style: none;
	display: inline;
	margin: 0 20px 30px 0;
	}
	
ul#gradeDetail li a img {
	border: 0px;
	}
	
#secondaryNav {
	float: left;
	border-top: 4px solid #008175;
	border-bottom: 4px solid #008175;
	margin: 0 0 20px 0;
	}
	
#secondaryNav li {
	margin: 0 0 0 0;
	border-bottom: 1px dotted #AA9A87;
	list-style: none;
	}
	
#secondaryNav li a {
	text-decoration: none;
	padding: 10px 0 10px 10px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 252px;
	background-attachment: scroll;
	background-color: #F9FAF7;
	background-image: url(images/site/icon-sec_subnav_arrow.gif);
	background-repeat: no-repeat;
	background-position: 235px 13px;
	}
	
#secondaryNav li a:hover {
	background: #333333;
	color: #FFFFFF;
	background-attachment: scroll;
	background-image: url(images/site/icon-sec_subnav_arrow_on.gif);
	background-repeat: no-repeat;
	background-position: 235px 13px;
	}

#secondaryNav li a.current {
	background: #333333;
	color: #FFFFFF;
	background-attachment: scroll;
	background-image: url(images/site/icon-sec_subnav_arrow_on.gif);
	background-repeat: no-repeat;
	background-position: 235px 13px;
	}
	
/* ---- b. scopeSequence tables ---- */		
	
.scopeSequence {
	width: 555px;
	border: 0px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0 0 20px 0;	
	background: #f8f7f3;
	}
	
.scopeSequence th {
	font: bold 12px/40px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	background: #fff;
	color: #007468;
	border-bottom: 1px solid #666;
	}
	
.scopeSequence td {
	border-bottom: 1px solid #666;
	font-size: 10px;
	line-height: 14px;
	padding: 6px 10px;
	}

.thTitle { text-align: left; padding-left: 10px; }
.tableText { line-height: 30px; padding-left: 10px; }
	
th.thK { background-color: #333; color: #fff; width: 40px; text-align: center; font-size: 16px; }
.selectedK { background-color: #9f9f9f; }

th.th1 { background-color: #5f9527; color: #fff; width: 40px; text-align: center; font-size: 16px; }
.selected1 { background-color: #b4cd99; }

th.th2 { background-color: #f4c440; color: #fff; width: 40px; text-align: center; font-size: 16px; }
.selected2 { background-color: #fcefa7; }

th.th3 { background-color: #e8611e; color: #fff; width: 40px; text-align: center; font-size: 16px; }
.selected3 { background-color: #f7c5ac; }

th.th4 { background-color: #b72516; color: #fff; width: 40px; text-align: center; font-size: 16px; }
.selected4 { background-color: #e4afa9; }

th.th5 { background-color: #6c2d68; color: #fff; width: 40px; text-align: center; font-size: 16px; }
.selected5 { background-color: #c9b2c7; }

th.th6 { background-color: #1b267e; color: #fff; width: 40px; text-align: center; font-size: 16px; }
.selected6 { background-color: #9499c2; }

th.th7 { background-color: #4283c2; color: #fff; width: 40px; text-align: center; font-size: 16px; }
.selected7 { background-color: #a6c5e2; }

th.th8 { background-color: #2d6a5e; color: #fff; width: 40px; text-align: center; font-size: 16px; }
.selected8 { background-color: #9cb9b3; }

/* ---- c. sampleLessons table ---- */	

.sampleLessons {
	width: 555px;
	border: 0px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0 0 20px 0;	
	background: #f8f7f3;
	}
	
.sampleLessons th {
	padding: 10px 10px;
	font: bold 10px/13px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	background: #fff;
	color: #007468;
	border-bottom: 1px solid #666;
	text-align: left;
	}
	
.sampleLessons td {
	border-bottom: 1px solid #666;
	font-size: 10px;
	line-height: 14px;
	padding: 10px;	
	}
.sampleLessons a img {
	border-width: 0px;
}

.lessonName { width: 60px; }
.lessonGrade { width: 35px; text-align: center; }
.lessonLink { width: 30px; }
.lessonPlan { width: 80px; }
.tdIcon { text-align: center; }

/*---------------- FOOTER ---------------- */	

#footer p {
	padding-top: 20px;
	padding-bottom: 40px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #A9D2D7;
	font-size: 11px;
	}
	
#footer a {
	color: #FFFFFF;
	border-bottom: 1px solid #41B5B3;
	text-decoration: none;
	padding: 2px;
	}

#footer a:hover {
	background: #005B52;
	}

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

#footerLogin {
	float: right;
	width: 300px;
	}
	
#footerLogin p {
	text-align: right;
	}
	
/*---------------- FACEBOX ---------------- */	
	
#facebox .b { background: url(images/site/_facebox/b.png); }
#facebox .tl { background: url(images/site/_facebox/tl.png); }
#facebox .tr { background: url(images/site/_facebox/tr.png); }
#facebox .bl { background: url(images/site/_facebox/bl.png); }
#facebox .br { background: url(images/site/_facebox/br.png); }

#facebox {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	text-align: left;
	}

#facebox .popup {
	position: relative;
	}

#facebox table {
	border-collapse: collapse;
	}

#facebox td {
	border-bottom: 0;
	padding: 0;
	}

#facebox .body {
	padding: 10px;
	background: #fff;
	width: 370px;
	}

#facebox .loading {
	text-align: center;
	}

#facebox .image {
	text-align: center;
	}

#facebox img {
	border: 0;
	margin: 0;
	}

#facebox .footer {
	border-top: 1px solid #DDDDDD;
	padding-top: 5px;
	margin-top: 10px;
	text-align: right;
	}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
	height: 10px;
	width: 10px;
	overflow: hidden;
	padding: 0;
	}

#facebox_overlay {
	position: fixed;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	}

.facebox_hide {
	z-index:-100;
	}

.facebox_overlayBG {
	background-color: #000;
	z-index: 99;
	}

* html #facebox_overlay { /* ie6 hack */
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	}

	/* ---- c. sampleLessons table ---- */	

.sampleLessons {
	width: 555px;
	border: 0px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0 0 20px 0;	
	background: #f8f7f3;
	}
	
.sampleLessons th {
	padding: 10px 10px;
	font: bold 10px/13px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	background: #fff;
	color: #007468;
	border-bottom: 1px solid #666;
	text-align: left;
	}
	
.sampleLessons td {
	border-bottom: 1px solid #666;
	font-size: 10px;
	line-height: 14px;
	padding: 10px;	
	}
.sampleLessons a img {
	border-width: 0px;
}

.sampleLessons2 {
	width: 880px;
	border: 0px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0 0 20px 0;	
	background: #f8f7f3;
	}
	
.sampleLessons2 th {
	padding: 10px 10px;
	font: bold 10px/13px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	background: #fff;
	color: #007468;
	border-bottom: 1px solid #666;
	text-align: left;
	}
	
.sampleLessons2 td {
	border-bottom: 1px solid #666;
	font-size: 10px;
	line-height: 14px;
	padding: 10px;	
	}
.sampleLessons2 a img {
	border-width: 0px;
}

.lessonName { width: 60px; }
.lessonGrade { width: 35px; text-align: center; }
.lessonLink { width: 30px; }
.lessonPlan { width: 80px; }
.tdIcon { text-align: center; }