body {
	color:#000;
	background: #fff;
	font: 8.5pt arial, verdana, sans-serif;
	margin:0px 0px 0px 0px;	
	line-height: 16px;
	text-align: justify;
}


h3 {
	font-family: arial, verdana, sans-serif;
	color: #174C7F;
	line-height: 1.5em;
	font-size: 11pt ; 
}

.subhead {
	font-family: arial, verdana, sans-serif;
	color: #174C7F;
	line-height: 1.5em;
	font-size: 11pt ; 	
}

#header {
	top:0;
	left:0;
  	background-image: url(images/back.jpg);
	height: 56px;
}

#header img {
	margin-left: 0px;
}

#header td {
	font: 8.5pt arial, verdana, sans-serif;	
	color: #FFFFFF;	
}

#content {
	margin-left:15em;
	margin-top: 0px;
	padding:5px 5px 15px 30px;
	background: #fff;
	line-height: 16px;
	text-align: left;
}
 
#content .required {color: red;}
#content .labels {width: 100px;}
#content td {
	font: 8.5pt arial, verdana, sans-serif;		
}

#sidebar {
	position:absolute;
	top: 56px;
	left:0;
	width:17em;
	height: 700px;
	background: #f0f0f0;
	border-right: 1px dotted #000000;
	border-bottom: 1px dotted #000000;
	padding-top: 5px;
	text-align: left;;
}

#purchaseHeader {
	top:0;
	left:0;
	height: 74px;
	border-bottom: 1px dotted #000000;
}

#purchase {
	margin-left:1em;
	margin-top: 5px;
	padding:0 3em 1em;
	background: #fff;
	font: 8.5pt arial, verdana, sans-serif;
}

#purchase td {
	font: 8.5pt arial, verdana, sans-serif;		
}

#logout {
	position:absolute;
	top: 56px;
	left:400px;
	text-align: justify;
	padding-top: 5px;
}

#sidebar p {
	padding-left: 10px;		
	padding-right: 10px;
}

#footer {
	margin-left: 200px;
	margin-top:10px;
	padding: 0.5em;
	background:#fff;
}

.greyhead {
	font-family: arial, verdana, sans-serif;
	font-size: 13pt ; 
	font-weight: bold; 
	color: #a0a0a0;
	padding-left: 10px;
}

.schoolName {
	font-family: arial, verdana, sans-serif;
	font-size: 10.5pt ; 
	font-weight: bold; 
	color: #336699;
}

.bluehead {
	font-family: arial, verdana, sans-serif;
	font-size: 14pt ; 
	font-weight: bold; 
	color: #003366;
}

.purchaseSteps {
	font-family: arial, verdana, sans-serif;
	font-size: 9pt ; 
	font-weight: bold; 
	color: #c0c0c0;
}

.purchaseStepsCurrent {
	font-family: arial, verdana, sans-serif;
	font-size: 9pt ; 
	font-weight: bold; 
	color: #336699;
}

.purchaseStepsLink {
	font-family: arial, verdana, sans-serif;
	font-size: 9pt ; 
	font-weight: bold; 
	color: #336699;
	padding-right: 3px;
	padding-left: 3px;
	text-decoration: underline;
}
a.purchaseStepsLink:link {

}
a.purchaseStepsLink:visited {

}
a.purchaseStepsLink:hover {
	background-color: #D1E0EF;  
	color: #003366;
}
a.purchaseStepsLink:active {

}

.smallText {
	color: #336699;
	text-decoration: none;
	font: 8pt  arial, verdana, sans-serif;
	padding-right: 3px;
	padding-left: 3px;	
}

.smallText2 {
	color: #336699;
	text-decoration: none;
	font: 8pt  arial, verdana, sans-serif;	
}

.smallLink {
	color: #336699;
	text-decoration: none;
	font: 8pt  arial, verdana, sans-serif;
	padding-right: 3px;
	padding-left: 3px;
	text-decoration: underline;
}
a.smallLink:link {

}
a.smallLink:visited {

}
a.smallLink:hover {
	background-color: #EFF7FF;  
	color: #003366;
}
a.smallLink:active {

}

.link {
	color: #336699;
	text-decoration: none;
	font: 1em  arial, verdana, sans-serif;
	padding-right: 3px;
	padding-left: 3px;
	text-decoration: underline;
}
a.link:link {

}
a.link:visited {

}
a.link:hover {
	background-color: #EFF7FF;  
	color: #003366;
}
a.link:active {

}

.eilink {
	color: #ff9932;
	text-decoration: none;
	font: 1em  arial, verdana, sans-serif;
	padding-right: 3px;
	padding-left: 3px;
	text-decoration: underline;
}
a.eilink:link {

}
a.eilink:visited {

}
a.eilink:hover {
	color: #7f460f;
}
a.eilink:active {

}

.logout {
	font-weight: bold; 
	color: #003366;
	text-decoration: none;
	font: 1em  arial, verdana, sans-serif;
	padding-right: 3px;
	padding-left: 3px;
	text-decoration: underline;
}
a.logout:link {

}
a.logout:visited {

}
a.logout:hover {
	background-color: #003366;  
	color: #ffffff;
}
a.logout:active {

}

.classes {
	border-right: 1px solid #c0c0c0; 
	border-bottom: 1px solid #c0c0c0; 
	padding: .5em 1em .5em 1em;	
}

 .classesNoPad {
	border-right: 1px solid #c0c0c0;	
}

.classes2 {
	border-right: 1px solid #c0c0c0; 
	border-bottom: 1px solid #c0c0c0; 
	padding: .5em 1em .5em 1em;	
	background-color: rgb(240,240,240);
}

.box {
	border-right: 1px solid #c0c0c0; 
	border-bottom: 1px solid #c0c0c0; 
	border-left: 1px solid #c0c0c0; 
	border-top: 1px solid #c0c0c0; 
	padding: .5em 1em .5em 1em;	
	background-color: #ebe9e9; 
	color: #000000;
}

.alertbox {
	border-right: 1px solid rgb(181,181,59); 
	border-bottom: 1px solid rgb(181,181,59); 
	border-left: 1px solid rgb(181,181,59); 
	border-top: 1px solid rgb(181,181,59); 
	padding: .5em 1em .5em 1em;	
	background-color: rgb(255,255,217);
	color: #000000;
}

.box2 {
	border-right: 1px solid #c0c0c0; 
	border-bottom: 1px solid #c0c0c0; 
	border-left: 1px solid #c0c0c0; 
	border-top: 1px solid #c0c0c0; 
	padding: .5em 1em .5em 1em;	
	background-color: #ebe9e9; 
	color: #000000;
	width: 400px; 
}

input {
	font-size: 8pt; 
	padding-right: 1px; 
	padding-left: 1px; 
	padding-top: 1px; 
	padding-bottom: 1px;
}

select {
	font-size: 8pt; 
	padding-right: 0px; 
	padding-left: 0px; 
	padding-top: 0px; 
	padding-bottom: 0px;
}

.enrollpop {
	color: #336699;
	font: 1em  arial, verdana, sans-serif;
	padding-right: 3px;
	padding-left: 3px;
	text-decoration: underline;
}
a.enrollpop:link {

}
a.enrollpop:visited {

}
a.enrollpop:hover {
	background-color: #ebe9e9;  
	color: #000;
	cursor: help;
	text-decoration: none;
}

a.enrollpop:hover span {
	display: block;
	text-decoration: none;
	border-right: 1px solid #c0c0c0; 
	border-bottom: 1px solid #c0c0c0; 
	border-left: 1px solid #c0c0c0; 
	border-top: 1px solid #c0c0c0; 
	padding: .5em 1em .5em 1em;	
	background-color: #ebe9e9; 
	color: #000000;
	width: 200px; 
	position: absolute;
	top: 150px; 
	left:530px;
	text-align: left;
}

a.enrollpop span {
	display: none;
}   
   
a.enrollpop:active {

}

.error {
	color: #BD3F30;
	font: 8.5pt arial, verdana, sans-serif;
	font-weight: bold;
}

.schooltitle {
	padding: 0px 0px 0px 0px; 
	font-family: Trebuchet MS, Tahoma, Verdana; 
	font-size: 8pt; 
	color: #336699; 
	text-transform: uppercase; 
}

.schooltitleSuccess {
	padding: 0px 0px 0px 0px; 
	font-family: Trebuchet MS, Tahoma, Verdana; 
	font-size: 8pt; 
	color: #336799; 
	text-transform: uppercase; 
}