/*

	CSS Stylesheet for www.kcstarsie.com
	Created 6.29.2009
	By Jay Pilgreen
	copyright River City Studio

*/


	/* ------------------------ Global Declarations ------------------------------------ */
	
* {
	margin: 0px;
	padding: 0px;
}

img {
	border: none;
}

a {
	text-decoration: none;
	outline: none;
}

body {
	background-color: #fff;
	font-family: "Arial Narrow", "Arial", sans-serif;
	padding-bottom: 10px;
}

#container {
	position: relative;
	margin: 0px auto;
/* 	width: 955px; */
	width: 975px;
	padding-bottom: 15px;
}	

.biggerText {
	font-size: 110% !important;
	line-height: normal !important;
}


	/* --------------------- Header Styles ---------------------------------------- */
	
#header {
	height: 177px;
	background-image: url('/_img/headerBackerWichita.jpg');
	background-repeat: no-repeat;
	position: relative;
}

#homeLink {
	position: absolute;
	top: 15px;
	left: 10px;
	height: 90px;
	width: 280px;
/* 	border: 1px solid red; */
}

#subscribeLink {
	position: absolute;
	bottom: 8px;
	left: 10px;
	height: 50px;
	width: 260px;
/* 	border: 1px solid green */
}

/*#nav {
	font-size: 21px;
	color: #fff;
	padding-top: 17px;
	height: 44px;
	background-image: url('/_img/navBacker.jpg');
	background-repeat: no-repeat;
	text-align: center;
}*/

#nav {
	font-size: 16px;
	color: #fff;
	padding: 4px;
	text-align: center;
/* 	background-color: #D12026; */
	background-color: #112233;
	font-weight: bold;
}

#nav a {
	color: #fff;
/* 	padding: 3px 15px; */
	padding: 3px 8px;
	outline: none;
}

#nav a:hover, #nav a.active {
	color: #FFB812;
}



	/* ---------------------------- Right Side Styles ----------------------------------------- */
	
#right {
	float: right;
/* 	width: 325px; */
	width: 261px;
	padding-top: 15px;
}

#right h3 {
	font-size: 22px;
	font-weight: normal;
}

#right p {
	font-size: 12px;
	line-height: 17px;
	padding-top: 4px;
}

#right div p {
	font-size: 10px;
	line-height: 14px;
	font-family: Verdana, sans-serif;
}

#right img {
	display: block;
	margin: 0px auto;
	padding-top: 11px;
	padding-bottom: 2px;
}

#right h2 {
	font-size: 15px;
	text-align: center;
	padding: 3px 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	clear: right;
}

#right h2.orange {
	background-color: #FBB040;
	color: #003687;
}

#right h2.blue {
	background-color: #1B75BC;
	color: #fff;
	border: none;
}

#right h2.green {
	background-color: #8CC63F;
	color: #fff;
}

#right div {
/* 	padding: 4px 0px; */
}

#right div.doubleWide {

}

#right hr {
	clear: right;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
}	

#right div.singleLeft {
	width: 127px;
	padding-right: 4px;
}

#right div.singleRight {
	float: right;
	width: 127px;
}

.ie6Right div.singleRight, .ie6Right div.singleLeft {
	width: 126px !important;
}

#right div.singleRight img, #right div.singleLeft img {
	width: 126px;
}
	
.ie6Right div img {
	width: 126px;
}

	
	
	/* ---------------------------- Left Side Styles ------------------------------------------- */
	
#left {
	margin-right: 275px;
	padding-top: 15px;
/* 	position: relative; */
	padding-bottom: 20px; /* For the Paper Logo */
}	

#top {
	min-height: 500px;
	height: auto !important;
	height: 500px;
	background-image: url('/_img/blackboardRepeat.jpg');
	background-repeat: repeat-y;
	position: relative;
}

.noBlackboard {
	background-image: none !important;
}

.noBlackboard p {
	color: #000 !important;
}

#teacherWithChalk {
	position: absolute;
	bottom: -100px;
	right: -25px;
}

#left img.littleLogo {
	margin-top: 10px;
	margin-left: 15px;
	vertical-align: middle;
}

#left #logoDiv {
	margin-left: 170px;
}

#left #logoDiv a {
	position: relative;
}

#left #paperLogo {
	position: absolute;
	left: 20px;
	bottom: 24px;
}

#estarLogoHome {
	position: absolute;
	left: 140px;
	bottom: 210px;
}

#todaysIssue {
	position: absolute;
/* 	left: 170px; */
/* 	bottom: 170px; */
	left: 17px;
	bottom: 250px;
}

#newFeatures {
	position: absolute;
	left: 170px;
	bottom: 180px;
}


	/* ---------------------- Top Left and the Login Boxes ----------------------------------- */

#topLeft {
	width: 225px;
	float: left;
		padding-top: 15px;
}

#login {
	width: 174px;
	position: relative;
	margin: 0px auto;
}

#login p {
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	line-height: 10px;
	margin-bottom: 7px;
}

#login input {
	display: block;
	border: 2px solid #fff;
	padding: 1px;
	width: 165px;
	margin: 0px auto;
	background-color: transparent;
	color: #fff;
}

#login img {
	display: block;
	margin: 7px auto;
}

#login input.loginSubmit {
	/*display: block;
	margin: 0px auto;
	height: 57px;
	width: 44px;
	background-image: url('/_img/loginAppleButton.jpg');
	background-repeat: no-repeat;
	border: none;
	cursor: pointer;*/
}

#login p.submit {
	width: 165px;
	margin: 0px auto;
	text-align: right;
}

#login input.submitButton {
/* 	display: block; */
	display: inline;
	width: auto;
	border: none;
	padding: 0px;
	font-size: 15px;
	font-weight: bold;
	cursor: pointer;
	margin: 0px !important;
	margin-top: 6px;
}

#login input.submitButton:hover {
	color: #EDAE05;	
}

#login a.forgotPassword {
	float: left;
	display: block;
	text-align: left;
	color: #fff;
	font-size: 10px;
	line-height: 13px;
	padding: 0px;
	margin: 0px;
	margin-top: 4px;
}

#login a.forgotPassword:hover {
	color: #EDAE05;
}

#teacherBox {
	padding-top: 5px;
}

#studentBox {
	padding-top: 20px;
}

#login p.red {
	position: absolute;
	font-weight: bold;
	font-size: 12px;
	line-height: 15px;
	color: red;
	margin: 0px 10px;
	bottom: -45px;
}

/*#login #subscribeTextButton {
	margin-top: 12px;
}*/

#subscribeTextButton {
	display: block;
	margin-top: 12px;
/* 	margin-left: 21px; */
}


	/* ------------------- Top Right Declarations -------------------------- */
	
#topRight {
	margin-left: 225px;
	padding-top: 25px;
	padding-left: 20px;
	min-height: 392px;
	height: auto !important;
	height: 392px;
	background-image: url('/_img/verticalChalkLine.png');
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	position: relative;
}

.noLoginBox {
	margin-left: 25px !important;
	background-image: none !important;
}

.ie6TopRight {
	background-image: url('/_img/verticalChalkLine.gif') !important;
}

#topRight #homeText {
	margin-top: 25px;
}	

#topRight h1, #topRight h2, #topRight h3, #topRight h4, #topRight h5, #topRight h6 {
	margin: 5px 0px;
}


#topRight h1 {
	font-size: 26px;
	font-weight: bold;
	line-height: 31px;
	font-family: Verdana, Arial, sans-serif;
}

#topRight h2 {
	font-size: 17px;
	color: #FFB812;
	margin-top: 13px;
}

#topRight h2.underline {
	padding-bottom: 3px;
	border-bottom: 1px solid #fff;
	margin-bottom: 8px;
	margin-right: 25px;
}

#topRight h3 {
	font-size: 14px;
}

#topRight h4 {
	font-size: 14px;
	color: #FFB812;
	margin: 7px 0px;
	margin-top: 13px;
}

#topRight h4 span {
	color: #FFB812;
}

#topRight .bringToFront {
	position: absolute;
	z-index: 1;
}

#topRight p, #topRight ul, #topRight ol {
	color: #fff;
	margin: 5px 0px;
	font-size: 12px;
	line-height: 16px;
	font-family: "Verdana", sans-serif;
	line-height: 16px;
}

#topRight p strong {
	font-weight: bold;
	color: #FFB812;
}

#topRight a {
	color: #FFB812;
}


#topRight ul, #topRight ol {
	margin-left: 15px;
}

#topRight p.biggify {
	font-size: 110%;
}



	/* ------------------- Declarations for the Programs Page -------------------------- */
	
#programs {
	margin-top: 40px;
}
	
#topRight div.block {
	position: relative;
	padding-bottom: 10px;
	min-height: 105px;
	height: auto !important;
	height: 105px;
}

#topRight div.firstBlock {
	margin-top: 25px;
}

#topRight div.block img {
	float: left;
}

#topRight h3 {
	color: #fff;
}

#topRight div.block h4 {
	color: #fff;
	margin: 0px;
	padding: 0px;
	margin-left: 150px;
	margin-bottom: 4px;
	font-size: 13px;
}

#topRight div.block h4 a {
/* 	color: #CE0000; */
	color: #FFB812;
	text-decoration: underline;
}

#topRight div.block p {
	font-size: 12px;
	margin: 0px;
	padding: 3px 0px 0px 0px;
	margin-left: 150px;
	color: #fff;
}

#topRight div.block a {
	color: #ce0000;
}

#topRight .libraries p {
	margin: 0px;
	margin-left: 15px;
	margin-bottom: 3px;
}



	/* ------------------- Red Box Declarations ------------------------------ */
	
#redBox {
	background-color: #D22027;
	padding: 15px;
	padding-right: 25px;
	position: relative;
}

#redBox img {
	display: block;
}

#redBox p {
	margin-bottom: 12px;
	color: #fff;
	font-size: 13px;
	margin-top: 3px;
	line-height: 17px;
}

#rulingTeacher {
	display: inline;
	position: absolute;
/* 	top: 616px; */
/* 	left: 410px; */
	top: 582px;
	left: 475px;
	z-index: 0;
}



			/* -----------------------------  Special MyAccount Declarations --------------------------------------*/
			
.inactiveAlert {
	width: 50%;
	background-color: #c7daff;
	padding: 5px 15px;
	border: 1px outset #c7daff;
	margin: 0px auto;
	margin-top: 25px;
}

.inactiveAlert h2 {
	font-size: 17px;
	padding-bottom: 3px;
	margin-bottom: 5px;
	border-bottom: 1px solid #333;
	color: #D12026;
}

.inactiveAlert h4, .inactiveAlert .emailLink	 {
	margin-top: 5px;
	border-top: 1px solid #333;
	padding-top: 5px;
}

.inactiveAlert h4 {
	color: #CE0000;
}

.inactiveAlert form {
	margin-top: 10px;
}

.inactiveAlert p {
	font-size: 13px;
	font-weight: bold;
	line-height: 19px;
}



	/* ---------------- New Account Styles for Re-Design 8.8.2009 ------------------ */

#myNewAccount #accountLeft {
	float: left;
	width: 250px;
	position: relative;
	padding-right: 10px;
	border-right: 1px solid #999;
}

#myNewAccount #accountRight {
	margin-left: 275px;
}

#myNewAccount #headerImage {
	float: left;
}

#myNewAccount #headerLink {
/* 	margin-left: 210px; */
}

#myNewAccount #headerLink h2, #myNewAccount #headerLink p {
	text-align: center;
}

#myNewAccount #headerLink h2 {
	color: #CE0000;
/* 	margin-top: 30px; */
	font-size: 18px;
}

#myNewAccount #headerLink p {
	font-weight: bold;
	margin: 9px 0px;
	line-height: 16px;
}

#myNewAccount #headerLink p.popUp {
	font-size: 10px;
	font-weight: normal;
	color: #666;
	font-family: Arial, sans-serif;
	line-height: 12px;
/* 	width: 200px; */
	margin: 0px auto;
}

#myNewAccount #headerLink p img {
	vertical-align: middle;
}

#myNewAccount h3 {
/* 	clear: left; */
	color: #CE0000;
	margin-bottom: 5px;
	padding-top: 15px;
	font-size: 16px;
}

#myNewAccount h3.clear {
	clear: left;
}

#accountLeft h4 {
	color: #CE0000;
	font-size: 17px;
	padding-bottom: 3px;
	border-bottom: 1px solid #CE0000;
	margin-bottom: 6px;
	font-family: "Arial";
	margin-top: 11px;
}

#accountLeft h4 span {
	font-size: 12px;
	margin-left: 7px;
	display: block;
}

#myNewAccount #accountRight h3.firstHeader {
	padding-top: 0px;
}

#myNewAccount h5 {
	color: #CE0000;
	font-size: 12px;
}

#myNewAccount p {
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, sans-serif;
}

#myNewAccount p a {
	color: #000;
}

#myNewAccount p a:hover {
	color: blue;
}

#myNewAccount p img {
	vertical-align: middle;
}

#myNewAccount div.clear {
	display: block;
	clear: left;
	height: 15px;
}

#myNewAccount div.weeklyLeft, #myNewAccount div.weeklyRight {
	width: 200px;
}

#myNewAccount .weeklyLeft {
	float: left;
}

#myNewAccount .weeklyRight {
	margin-left: 200px;
}

#myNewAccount .weeklyRight {
/* 	margin-top: 15px; */
}

#myNewAccount .weeklyLeft p, #myNewAccount .weeklyRight p {
	color: #666;
	margin: 4px 0px;
	font-size: 11px;
	padding-left: 5px;
	padding-right: 17px;
	margin-top: 0px;
}

#myNewAccount p.weeklyHeader {
	color: #000;
	font-size: 13px;
	font-weight: bold;
}

#myNewAccount .left {
	float: left;
}

#myNewAccount .right {
	margin-left: 205px;
}

#myNewAccount .left a.programButton, #myNewAccount .right a.programButton {
	display: block;
	width: 200px;
	height: 22px;
	font-size: 13px;
	font-weight: bold;
	background-image: url('/_img/ProgramsButton.jpg');
	background-repeat: no-repeat;
	margin-top: 10px;
	padding-top: 6px;
	padding-left: 8px;
	color: #CE0000;
	cursor: pointer;
	outline: none;
}

#myNewAccount .left div, #myNewAccount .right div {
	width: 198px;
}

#myNewAccount .left div p, #myNewAccount .right div p {
	display: block;
	width: 188px;
	padding: 2px 6px;
	color: #666;
	font-size: 13px;
	font-family: Arial, sans-serif;
/* 	border: 1px solid #999; */
	margin: 0px;
}

#myNewAccount .left p.sectionHeader, #myNewAccount .right p.sectionHeader {
	border: none;
	font-size: 14px;
	color: #9E0000 !important;
	font-weight: bold;
	margin: 5px 0px 0px 0px;
}

#myNewAccount .left div p a, #myNewAccount .right div p a {
	display: block;
	color: #666;
	margin: 4px;
}

#myNewAccount .left div p a:hover, #myNewAccount .right div p a:hover {
	color: #9E0000;
}

#myNewAccount .left div p:hover, #myNewAccount .right div p:hover {
/* 	background-color: #FFFCE1; */
}

#myNewAccount .left div a img, #myNewAccount .right div a img {
	float: right;
}

		/* ---------- Block Declarations ------------- */
		
#myNewAccount .programBlock {
	clear: left;
	min-height: 100px;
	height: auto !important;
	height: 100px;
}

#myNewAccount .programBlock img {
	float: left;
}

#myNewAccount .programBlock h4, #myNewAccount .programBlock p {
	margin-left: 150px;
}

#myNewAccount .programBlock h4, #myNewAccount .mid_wording h4 {
	margin-bottom: 6px;
	font-size: 14px;
	color: blue;
}

#myNewAccount .programBlock p, #myNewAccount .mid_wording p {
	font-size: 12px;
	line-height: 13px;
	font-weight: normal;
}

#myNewAccount .mid_wording p {
	margin-top: 6px;
	margin-bottom: 6px;
	font-size: 14px;
}

#myNewAccount .mid_wording p a {
	color: blue;
}



	/* ------------------------ New Middle Section --------------------------- */
	
#myNewAccountMiddle {
/* 	margin-left: 225px; */
	margin-left: 230px;
	margin-right: 234px;
	margin-top: 15px;
}

#myNewAccountMiddle #flashVideo {
	padding: 3px;
	background-color: #999999;
	width: 485px;
/* 	margin: 0px 12px;	 */
	position: relative;
	text-align: center;
}

#videoSampler {
	display: block;
	margin-top: 15px;
	margin-bottom: 4px;
	border: 1px outset #333;
}



	/* Class Info Declarations
	------------------------*/
	
#loginLogoDiv {
	position: relative;
	margin-top: 15px;
}

#loginLogoDiv img {
	vertical-align: middle;
	padding: 0px 25px;
/* 	display: block; */
/* 	margin: 30px auto; */
}

#myClassInfo {
	margin-top: 15px;
	padding: 5px 10px;
	background-color: #c7daff;
	border: 1px outset #c7daff;
	position: relative;
	margin-top: 15px;
	width: 500px;
}

#myClassInfo .floatLeft {
	float: left;
	padding-right: 55px;
}

#myClassInfo .floatLeft h3 {
	margin-top: 0px;
}

#myClassInfo .clearLeft {
	clear: left;
}

#myClassInfo h2 {
	color: #ce0000;
	padding-bottom: 5px;
	border-bottom: 2px outset #666;
	margin-bottom: 7px;
	font-size: 16px;
}

#myClassInfo h3 {
	color: #ce0000;
	margin-bottom: 6px;
	margin-top: 4px;
	font-size: 14px;
}

#myClassInfo p {
	margin: 4px 0px;
	font-size: 11px;
}

#myClassInfo p.myaccountResources img {
	margin-top: 11px;
}

#myClassInfo table th {
	font-size: 13px;
	color: #ce0000;
}

#myClassInfo table td {
	text-align: center;
	font-size: 11px;
}

#addAClassButton {
	background-color: blue;
	color: #fff;
	padding: 1px 4px;
	border: 1px outset blue;
	margin-left: 11px;
}

#addAClassButton:hover {
	background-color: green;
	border-color: green;
}



	/* ------------------------ Recover Password Form ------------------------------------ */
	
#recoverPasswordForm {
/* 	width: 300px; */
	position: relative;
/* 	margin: 0px auto; */
/* 	margin-top: 20px; */
/* 	padding: 10px; */
/* 	border: 1px solid #000; */
/* 	background-color: #fd9f02; */
}

#recoverPasswordForm h2 {
	color: #FFB812;
	margin-bottom: 5px;
}

#recoverPasswordForm p, #recoverPasswordForm li {
	font-size: 11px;
	line-height: 14px;
	margin-bottom: 7px;
}

#recoverPasswordForm p.right {
	text-align: right;
	margin-right: 63px;
}

#recoverPasswordForm span.accessCode {
	font-size: 120%;
	font-family: 'Verdana', sans-serif;
	font-weight: bold;
	color: #FFB812;
}

#recoverPasswordForm input, #recoverPasswordForm select {
	display: block;
	width: 275px;
	border: 1px solid #fff;
	margin-top: 4px;
}

#recoverPasswordForm input.inline {
	display: inline;
}

#recoverPasswordForm input.hidden {
	display: none;
}

#recoverPasswordForm input.check, #recoverPasswordForm input.radio, #recoverPasswordForm input.radioLeft {
	width: 13px;
	display: inline;
	margin-right: 11px;
}

#recoverPasswordForm input.radioLeft {
	margin-right: 4px;
	margin-left: 11px;
}

#recoverPasswordForm input#submit, #recoverPasswordForm input.submit, .inactiveAlert form .submit {
	margin-top: 5px;
	cursor: pointer;
	border: 1px outset #333;
	width: auto;
	padding: 2px 4px;
}

#recoverPasswordForm input#submit:hover, #recoverPasswordForm input.submit:hover,  .inactiveAlert form .submit:hover {
	background-color: #FF7500;
	color: #fff;
}

.red {
	border: 1px solid red;
	padding: 5px;
	text-align: center;
	color: red;
	font-size: 11px;
	font-weight: bold;
}

.red p {
	font-weight: bold;
}

.blue {
	border: 1px solid #FFB812;
	color: #FFB812;
	padding: 5px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
}

.note {
	font-size: 11px !important;
	font-style: italic;
	color: #fff;
}


	/* ------------------- Sponsor Page Styles ----------------------- */
	
#sponsorLeft {
	float: left;
	width: 205px;
}

#sponsorRight {
	float: right;
	width: 205px;
}

#sponsorMiddle {
	margin-left: 215px;
/* 	margin-right: 225px; */
	width: 205px;
}

#sponsorLeft p, #sponsorRight p, #sponsorMiddle p {
	font-size: 10px;
	margin-top: 0px;
	margin-bottom: 9px;
}

#sponsorLeft a, #sponsorRight a, #sponsorMiddle a {
	color: #fff;
}

#sponsorLeft a:hover, #sponsorRight a:hover, #sponsorMiddle a:hover {
	color: #FF7500;
}


	/* ----------------- Star Blog Declarations -------------------------- */
	
#starBlogs {
	margin-top: 16px;
}
	
#starBlogs a {
	display: block;
	width: 45%;
	margin-left: 2%;
	height: 90px;
	float: left;
	margin-bottom: 7px;
	font-size: 13px;
	color: #fff;
}

#starBlogs a img {
	display: block;
/* 	width: 175px; */
	margin-bottom: 4px;
	border: 1px outset #fff;
}