/* hand-rolled with care by p11creative - yeah dude! */

/* globals */

body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #cccc99;
	padding: 0px;
	margin: 10px 0px 0px 0px;
}
img {
	border: 0;
}
a, a:link, a:visited {
	color: #ffff00;
	text-decoration: none;
}
a:hover, a:active {
	
}
#outsideContainer {
	width: 918px;
	margin: 0 auto;
}
#centerContainerOne, #centerContainerTwo, #centerContainerThree {
	width: 918px;
	margin: 0 auto;
}
#background1 {
	background: url(../images/background1.gif) repeat-x;
}
#background2 {
	background: url(../images/background2.gif) repeat-x bottom;
	background-color: #af8442;
}
#background3 {
	background: url(../images/backgroundelements2b.gif) no-repeat center top;
}
#background4 {
	background: url(../images/backgroundelements2a.gif) no-repeat center top;
}
#leftElements {
	position: absolute;
	left: -159px;
	top: 70px;
}

/* basic tap rewrites */
h1 {
	padding: 0px;
	margin: 0px 0px 15px 0px;
	color: #FFFF00;
	font-size: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}
h2 {
	padding: 0px;
	margin: 0px 0px 15px 0px;
	color: #FFFFFF;
	font-size: 22px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}
h3 {
	padding: 0px;
	margin: 0px 0px 5px 0px;
	color: #FFFFFF;
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}
p {
	line-height: 17px;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px 12px 20px 0px;
}
ul {
	margin: 15px 0px 0px 40px;
	padding: 0px;
}
li {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	color: #FFFF00;
	line-height: 17px;
}
.finalp {
	margin-bottom: 0px;
}
.ulbelow {
	margin-bottom: 5px;
	color: #FFFF00;
}

/* header */

#header {
	width: 918px;
	height: 147px;
	position: relative;
	margin: 0px;
	padding: 0px;
}
#logo {
	width: 330px;
	float: left;
}
#logoExt {
	position: absolute;
	left: -29px;
	top: 0px;
}
#navigation {
	float: right;
}
#navigation ul {
	margin: 0px;
	padding: 0px;
	display: inline;
	line-height: 0px;
	list-style: none;
}
#navigation li {
	margin: 0px;
	padding: 0px;
	display: inline;
	float: left;
	line-height: 0px;
	list-style: none;
}

/* chalkboard & content */

#chalkboard {
	width: 918px;
	background: url(../images/chalkboard_bg2.gif);
	clear: both;
}
#chalkBottom {
	width: 918px;
	clear: both;
}
#contentContainer {
	padding-top: 25px;
	overflow: hidden;
}
#copyBlock {
	float: left;
	margin-left: 60px !important; margin-left: 30px;
	width: 536px;
}

#copyBlock2 {
	float: left;
	margin-left: 20px !important; margin-left: 30px;
	width: 536px;
}
#photoBlock {
	width: 298px;
	float: right;
	margin-right: 24px !important; margin-right: 12px;
}
.programLogo {
	float: right;
	margin: 0px 0px 15px 15px;
	padding-right: 20px;
}
.signupButton {
	margin-top: 13px;
}
.videoButton {
	margin: 2px 17px 0px 15px;
}
.workbookButton {
	margin-top: 2px;
}
.backMain {
	float: right;
	margin: 0px 0px 0px 15px;
	padding-right: 10px;
}
#additionalInfo {
	width: 230px;
	margin: 10px 0px 0px 25px;
}
#additionalInfo ul {
	margin: 15px 0px 0px 20px;
	padding: 0px;
}
#additionalInfo li {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	color: #c9b16f;
	line-height: 17px;
}

/* footer */

#footer {
	width: 918px;
	color: #000000;
	height: 35px;
	font-size: 11px;
}
#copyRight a, #copyRight a:link, #copyRight a:visited {
	color: #000000;
	text-decoration: none;
}
#copyRight a:hover, #copyRight a:active {
	text-decoration: underline;
}
#copyRight {
	float: left;
	width: 550px;
	padding-top: 5px;
}
#teacherLogin {
	float: right;
	width: 141px;
}

/* forms */
form {
	margin: 0;
	padding: 0;
}
.formCopy {
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}
.formMisc {
	font-size: 11px;
	color: #FFFFFF;
}
.formExp {
	font-size: 11px;
	color: #FFFF00;
	margin:5px;
}
.formThanks {
	font-size: 12px;
	color: #FFFF00;
}
.formField {
	font-size: 12px;
	color: #000000;
	background: #FFFFFF;
	border: 1px solid #B6B8BA;
	padding: 2px;
	width: 300px;
}
.formPull {
	font-size: 11px;
	color: #000000;
	width: 60px;
}
.resetButton {
	margin-bottom: 3px;
}
.aster {
	margin-top: 3px;
	font-size: 11px;
	color: #FFFF00;
}

.error
{
    color: Yellow;
    font-weight: bold;
}

.formLineHeight {
	margin-top: 6px;
}

/* teacher login */
.loginField {
	font-size: 12px;
	color: #000000;
	background: #FFFFFF;
	border: 1px solid #B6B8BA;
	padding: 2px;
	width: 175px;
}
#classStatsHolder {
	width: 260px;
	height: 225px;
	background: url(../images/login_stats.gif) no-repeat;
	margin-left: 15px;
}
#classStatsHolder a, #classStatsHolder a:link, #classStatsHolder a:visited {
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}
#classStatsHolder a:hover, #classStatsHolder a:active {
	text-decoration: underline;
}
.classStats {
	font-size: 13px;
}
.studentNames {
	font-size: 12px;
	color: #000000;
	background: #FFFFFF;
	border: 1px solid #B6B8BA;
	padding: 2px;
	width: 240px;
	margin-bottom: 5px;
}
.moreStudents {
	font-size: 12px;
	color: #000000;
	background: #fbf7af;
	border: 1px solid #B6B8BA;
	padding: 2px;
	width: 240px;
	margin-bottom: 5px;
}
.buttonSpacing {
	margin-right: 15px;
}
.programDate {
	font-size: 16px;
	color: #FFFFFF;
}

.studentHeaders {
	font-size: 11px;
	color: #FFFF00;
	font-weight: bold;
	border:0;
	text-align:left;
	
	
	
}

.center
{
    text-align:center;
}



.studentHeaders2 {
	font-size: 11px;
	color: #FFFF00;
	font-weight: bold;
	border:0;
	
	
}

.studentHeaders3 {
	font-size: 11px;
	color: #FFFF00;
	font-weight: bold;
	border:0;
	text-align:left;
}

.studentHeaders4 {
	font-size: 9px;
	color: #FFFF00;
	font-weight: bold;
	border:0;
	text-align:left;
	
}
	


.studentListing {
	font-size: 12px;
	color: #FFF;
   
}

.studentHeaders th th
{
	text-align:center;
	
}

.studentHeaders td
{
	font-size: 12px;
	color: #FFF;
	border-bottom:solid 1px green;
	text-align:left;
	
	
}
.studentHeaders tr
{
	border-bottom:solid 1px green;
	text-align:left;
	
	
}

.studentHeaders2 td
{
	font-size: 9px;
	color: #FFF;
	border-bottom:solid 1px green;
	text-align:center;
	
}

.studentHeaders3 td
{
	font-size: 10px;
	color: #FFF;
	border-bottom:solid 1px green;
	
}


.errors
{
    color:Red;
    font-weight:bold;
    
}





.studentTimes {
	font-size: 12px;
	color: #000000;
	background: #FFFFFF;
	border: 1px solid #B6B8BA;
	padding: 2px;
	width: 100px;
	text-align:center;
}
.yellow {
	color: #FFFF00;
}
.studentTimesSm {
	font-size: 11px;
	color: #000000;
	background: #FFFFFF;
	border: 1px solid #B6B8BA;
	padding: 0px;
	width: 25px;
}


.pencil
{
    margin:0;
    width:1px;
    padding-right:10px;
    
}
td.invisable
{
    color:RGB(20,108,77);
}
.center
{
    text-align:right;
    color:Black;
}

.studentHeadersquick {
	font-size: 11px;
	color: #FFFF00;
	font-weight: bold;
	border:0;
	text-align:left;
	
	
	
}

.studentHeadersquick th {
	
	text-align:center;
	
	
	
}



.studentHeadersquick td span {
	
	
	color:white;
     font-weight:normal;
	
	
}

.studentHeaderssummary {
	font-size: 11px;
	color: #FFFF00;
	font-weight: bold;
	border:0;
	text-align:left;
		
}


.studentHeaderssummary td
{
	font-size: 12px;
	color: #FFF;
	border-bottom:solid 1px green;
	text-align:left;
	
	
}
.studentHeaderssummary tr
{
	border-bottom:solid 1px green;
	text-align:left;
	
	
}

.studentHeadersquick  tr {
	
	
	border:solid 1px green;
	
}

.borderbottom{
border-bottom:solid 2px green;
	
}
