@charset "UTF-8";
/* CSS Document */
/*standard colors: red: #990000, dark orange: #C87A03, bright blue: #006599, dark blue: #001B8E */
* {
	padding:0;
	margin:0;
	border:0;
} 
h1 {
	font-size:24px;
	line-height:28px;
	padding:10px 0;
	color:#001B8E;
}
h2 {
	font-size:18px;
	line-height:22px;
	padding:10px 0;
	color:#001B8E;
}
h3 {
	font-size:16px;
	padding:5px 20px;
	color:#006599;
}
a img {
	border:0;
}
a {
	color:#990000;
	/*text-decoration:none;*/
}
a:hover {
	color:#006599;
	/*text-decoration:underline;*/
}
.outdent {
	margin-left:-44px;font-weight:bold;
}
html, body {
	height:100%;
	min-height:100%;
}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#333333;
	background: #990000 url(images/bodybkg.jpg) top left repeat-x;
	background-attachment:fixed;
}
#outer {
	width:980px;
	margin:20px auto;
	background-color:#FFFFFF;
	/*border:1px solid #EEEEEE;*/
}
#content {
	width:980px;
	/*overflow:hidden;*/
	position:relative; /* so i could make topmenu position:absolute and still have menu drop downs show over cycle content */
	z-index:1;
}
#header {
	background:#FFFFFF url(images/roundedbkgtop.jpg) top left no-repeat;
	padding-top:10px;
	height:260px;
	border-bottom:1px solid #666666;
	/*position:relative;*/
}
#topmenu {
	width:910px;
	height:40px;
	padding:10px 0 0 20px;
	position:absolute;
	top:-15px;
	left:25px;
	z-index:99;
	background:transparent url(images/topnavbar.gif) top left no-repeat;
}
#homeleft {
	float:left;
	width:238px;
}
#homeright {
	float:right;
	width:238px;
}
#homemiddle {
	margin: 0 240px;
	overflow:hidden;
	width:490px;
}
#leftcol {
	float:left;
	width:238px;
}
.leftextra {
	padding:5px;
}
.leftextra p {
	margin:8px;
	font-size:12px;
	line-height:14px;
}
.leftextra ul {
	padding-left:30px;
	list-style-position:outside;
	font-size:11px;
}
#rightcol {
	margin:10px 0 10px 240px;
	width:730px;
}
#rightcol h1, #rightcol h2 {
	padding-left:10px;
}
#rightcol h2, #rightcol h3 {
	padding-top:10px;
	padding-bottom:0;
}
#rightcol p {
	margin:9px 10px 9px 20px;
	font-size:14px;
	line-height:18px;
}
#rightcol ul, #rightcol ol {
	padding-left:50px;
	list-style-position:outside;
	font-size:13px;
}

#footer {
	clear:both;
	height:90px;
	/*text-align:center;*/
	color:#EEEEEE;
	background:transparent url(images/staschoolfooter.jpg) bottom left no-repeat;
}
#footer p {
	padding:50px 10px 10px 50px;
	font-size:9px;
}
#footer a {
	color:#EEEEEE;
}
/*#right a {
	color:#006599;
}
#right a:hover {
	color:#C87A03;
}*/
/******************* slideshow styles *******************/
.showpics { height: 260px; width: 980px; padding:0; margin:0; overflow: hidden; }
.showpics img { height: 260px; width: 980px; padding: 0; background-color: #eee; top:0; left:0 }

.homenews { 
	margin:10px 0 10px 0;
	height: 100px; 
	width: 470px; 
	overflow: hidden; 
	/*background-color:#EEEEEE;*/
}
.newscontent {
	text-align:left; 
	height:100px; 
	width:470px;
	padding:10px;
}
.newscontent img {
	padding:0 6px;
}
.newscontent h3 {
	padding-left:0;
	margin-left:0;
}

/******************* side menu ************************/
.sidemenu {
	width: 190px;
	margin:0 0 20px 20px;
	border:1px solid #999999;
	border-bottom:none;
	}
.sidemenu ul {
	width: 190px;
	}
.sidemenu li {
	list-style:none;
	width:100%;
	border-bottom:1px solid #999999;
	}
.sidemenu a {
	display:block;
	padding:6px 20px;
	color:#990000;
	font-size:11px;
	font-weight:bold;
	text-decoration: none;
}
.sidemenu li.current a, .sidemenu li.current a:visited {
	font-size:12px;
	color:#001B8E;
	background-color:#FFFFFF;
}
.sidemenu li a:hover {
	color: #001B8E;
	background-color:#FFFFFF;
	}
	
/*#sidemenu li a {
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 22px;
	}	*/
	
/*#sidemenu li a:link, #sidemenu li a:visited {
	color: #990000;
	display: block;
	background: url(images/menu5.gif);
	padding: 8px 25px 0 10px;
	text-align: left;
	}*/
	
	
/*#sidemenu li a:active {
	color: #fff;
	background: url(images/menu5.gif) 0 -64px;
	padding: 8px 25px 0 10px;
	text-align: left;
	}*/
	
/***************** content for home tabs ********************/

.hometabcontent {
	width:470px; 
	height:520px;
	overflow: auto;
	padding:0 10px 10px 10px; 
	border:1px solid #CCCCCC; 
	margin:0 0 20px 0; 
	background-color:#FEFEFE;
}

/***************** content for teacher tabs ********************/

.teachertabcontent {
	width:680px; 
	/*height:440px;*/
	overflow: auto;
	padding:0 10px 10px 10px; 
	border-top:1px solid #CCCCCC; 
	margin:0 0 20px 0; 
	background-color:#FEFEFE;
}
.teachertabcontent ul {
	list-style:inside;
	margin-left:30px;
}
.teachertabcontent p, .teachertabcontent h3 {
	margin-left:0;
	padding-left:0;
}
/***************** content for pto and curriculum tabs ********************/

#smalltabs ul, #smalltabs2 ul {
	margin:10px 0 0 0;
	padding:0;
	font-size:10px;
}
.smalltabcontent {
	width:710px; 
	/*height:440px;*/
	overflow: auto;
	padding:0 10px 10px 10px; 
	border:1px solid #97a5b0; 
	margin:0 0 20px 0; 
	background-color:#FEFEFE;
}
#smalltabs .smalltabcontent ul, #smalltabs2 .smalltabcontent ul {
	list-style:inside;
	margin-left:30px;
}

/***************** contact form ********************/
#contactform {
	margin:0;
	padding:0 20px 0 40px;
	font-size:10px;
}
.formlabel {
	font-size:11px;
	padding:2px;
	height:40px;
}
input, textarea, select {
	border:1px solid #CCCCCC;
	background-color:#f3f3f3;
	padding:2px;
	margin:0 5px 0 0;
	line-height:12px;
}
.controlset label, 
.controlset input { 
	font-size:11px;
	display: inline; 
	float: none; 
}
.controlset { 
	margin-left: 40px; 
}
input#email_button {
	background-color:#519330;
	color:#ffffff;
	font-size:12px;
	text-transform:uppercase;
	border:0px;
	padding:4px;	
}
input#email_button:hover {
	background-color:#333333;
}
.reqd {
	color:#CC0000;
}
div.errors {
	width:500px;
	border:3px solid #FF0000;
	padding:5px 20px;
	color:#FF0000;
	font-size:14px;
	text-align:center;
}
div.messages {
	width:500px;
	border:3px solid #339933;
	padding:5px 20px;
	color:#339933;
	font-size:14px;
	text-align:center;
}
/****************** item lists ***************/
.itemleftimg {
	padding:10px 0; 
	overflow:hidden;
}
.itemleftimg img {
	float:left;
	padding:0 10px 10px 0;
}
.itemleftimgtxt {
	margin-left:210px;
}
.itemleftimgtxt2 {
	margin-left:100px;
}

.itemleftimgtxt p, .itemleftimgtxt2 p {
	font-size:13px;
	line-height:16px; 
	padding-left:0;
	margin:2px 0;
}
.morebutton {
	background-color:#C87A03; 
	width: 240px; 
	text-align:center; 
	font-weight:bold;
	font-size:9px; 
	padding:3px;
	margin:4px 4px 20px 0;
	display:block;
	border:1px solid #CCCCCC;
	border-top-color: #FFFFFF;
	border-left-color:#FFFFFF;
}
.morebutton a {
	color:#FFFFFF;
	text-decoration:none;
}
.morebutton:hover {
	background-color:#FF8B23;
	border:1px solid #FFFFFF;
	border-top-color: #CCCCCC;
	border-left-color:#CCCCCC;
}

/**************** boxes *****************/
.box240top{
	/*display:block;*/
	width:238px;
	height:50px;
	background:transparent url(images/box238_top.jpg) top left no-repeat;
}
.box240topcontent{
	color:#990000;
	font-weight: bold;
	font-size:16px;
	line-height:20px;
	text-align:center; 
	padding-top:20px;
}
.box240topcontent a {
	color:#FFFFFF; 
	text-decoration:none; 
	cursor:pointer
}
.box240bottom{
	/*display:block;*/
	width:238px;
	background:transparent url(images/box238_bot.jpg) bottom left no-repeat;
}
.box240content{
	/*display:block;*/
	padding:5px;
}
.box240content p {
	padding:5px 20px;
	font-size:12px;
	line-height:14px;
	margin:0;
}
/**************** tables ****************/
/*
Rockstar 0.91
Table design by Jens Wedin, www.jedisthlm.com
*/

table {
	font: 88%;
	border-collapse: separate; 
	border-spacing: 0; 
	margin: 0 0 1em 0; 
}

thead th,
thead td {
	font-weight: bold; 
	line-height:normal; 
	text-align: left;
	border-bottom: 0.4em solid #990000;
}

tfoot th,
tfoot td {
	text-align: left; 
	border-top: 0.4em solid #990000; 
	font-weight: bold
}

th,
td 	{
	padding: 0.25em;
}

tbody th,
td	{
	text-align: left; 
	vertical-align: top;
}
tbody th {
	font-weight: normal; 
	white-space: nowrap;
}

tbody th a:link,
tbody th a:visited 	{
	font-weight: bold;
}

tbody th + td	{
	white-space: nowrap;
}

tbody td,
tbody th {
	border: 1px solid #fff; 
	border-width: 1px 0;
}

tbody tr.odd th,
tbody tr.odd td {
	border-color: #deded8; 
	background-color: #EFEFEF;
}

tbody tr:hover td,
tbody tr:hover th 	{
	background-color: #AAAAAA;
}
caption {
	font-weight: bold; 
	font-size: 1.7em; 
	text-align: left; 
	margin: 0; 
	padding: 0.5em 0.25em;
}

td + td + td + td {
	white-space: nowrap;
}

/**************** rss feeds ****************/
.newsblock {
	width:640px; 
	padding:0 10px 10px 10px; 
	border:1px solid #CCCCCC; 
	margin:-5px 0 20px 0; 
	background-color:#FEFEFE;
}
.datefield{ /*CSS for date field in general*/
	color:#666666;
	font-size: 10px;
}
.labelfield{
	color:#C87A03;
	font-size:10px;
}
#thenews a{ /*CSS specific to demo 3*/
	color: #003F60;
	text-decoration: none;
	font-size:14px;
	font-weight: bold;
}

#thenews p{ /*CSS specific to demo 3*/
	margin-bottom: 2px;
}
#localnews a{ /*CSS specific to demo 3*/
	color: #003F60;
	text-decoration: none;
	font-size:14px;
	font-weight: bold;
}

#localnews p{ /*CSS specific to demo 3*/
	margin-bottom: 2px;
}
/**************** main content styles ****************/

.imgrightborder {
	float:right; padding:5px; border:1px solid #CCCCCC; margin-left:5px; text-align:center; background-color:#FFFFFF;
}
.imgrightnoborder {
	float:right; padding:5px; margin-left:5px; text-align:center;
}
.imgrightborder p, .imgrightnoborder p {
	font-size:8px;
}
ul.arrowbullet li {
	list-style:none; width:450px;padding:0 10px 5px 20px; background:transparent url(images/bulletarrow.png) center left no-repeat;
}
.phone {
	display:block;
	padding-left:20px;
	text-align:left;
	background:transparent url(images/iconphone.png) no-repeat;
}
.email {
	display:block;
	text-align:left;
	padding-left:20px;
	background:transparent url(images/iconemail.png) no-repeat;
}