@charset "utf-8";
/* CSS Document */

/* START DEFINING HTML ELEMENTS */

img {
	border:0;
}
body{
	margin:auto;
    background-image: url(images/siteimages/bg.jpg); 
	background-repeat:repeat;
	background-attachment: fixed; 
	background-position:top;
	background-color:#05172b;	
	font-family:tahoma, verdana, "Trebuchet MS", Helvetica, sans-serif;
	color:#0b2037;
}

b {font-weight:bold;}
h1{font-family:tahoma; font-weight:bold; font-size:24px; padding:0; margin:0; margin-bottom:8px; margin-top:3px; margin-left:0;}
h2{font-weight:bold; font-size:20px; padding:0; margin:0; margin-bottom:4px; margin-top:9px;}
h3{font-weight:bold; font-size:16px; padding:0; margin:0; margin-bottom:1px; margin-top:1px; clear:both;}
h4{font-weight:bold; font-size:17px; padding:0; margin:0; margin-bottom:4px; margin-top:9px; margin-left:0; margin-right:0;}
h5{font-weight:bold; font-size:13px; padding:0; margin:0; margin-bottom:4px; margin-top:9px;}
h6{font-weight:bold; font-size:12px; padding:0; margin:0; margin-bottom:4px; margin-top:9px;}
hr{width:725px; margin-left:25px; margin-right:25px; margin-bottom:15px; margin-top:6px; background:#bbb; height:1px; clear:both; border:0; }
img{border-style:none;}

/* END DEFINING HTML ELEMENTS */





/* DEFINE STRUCTURE ELEMENTS */

/* navigation styling */
.leftstuff{float:left; width:124px; clear:none; font-size:14px; margin-top:5px; font-family:tahoma; }

/*header.php top logo image and text styling*/
#toplogo {width:950px; padding-left:0; color:#FFFFFF;margin-top:0px;}
#toplogo a {color:#33CCFF; z-index:800;}
#toplogo img {margin-right:5px;}
#toplogo a {color:#33CCFF;}
#toplogo a:hover {color:#fbaf17;}

.logotext{float:left; margin-left:0px;}
.logotext p {text-align:left; vertical-align:text-top; margin:0; padding:0; font-size:13px; }
.logotext h1 {text-align:left; vertical-align:text-top; font:Geneva, Arial, Helvetica, sans-serif; font-size:32px; font-weight:bold; margin:0; padding:0; margin-bottom:0px;}
.logotext img {margin-top:0px;}

.toplinks {margin-left:325px; margin-top:7px; padding-bottom:0px; margin-bottom:0px;}
.toplinks a {margin-right:11px; font-size:11px; color:#33CCFF;}
.toplinks a:hover {color:#fbaf17;}


.moveleft {float:left; margin:0;}
.moveleft a img:hover {}
.hd1 {float:left;margin-top:0;}
.hd2 {float:left;margin:0; margin-bottom:10px;}
.hd3 {float:left; margin-bottom:0px; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0;}
.left a img:hover {filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85;}
.hd4 {float:right; padding:0; margin-left:-20px; margin-right:10px;}

/*main body elements */

#wrapper{width:980px; margin:auto; margin-top:8px;}
#littlewrap{width:980px; float:left; margin-top:0px; display:block; /*border-top:1px solid #466f9c;*/ border-right:0px solid #466f9c;}
#content{ float:right;  width:850px; min-height:300px; margin-top:0px; border:0px solid #1d4573; clear:none; text-align:left; margin-left:0;}
.left{float:left; width:824px; padding:8px; padding-right:12px; margin:0px; margin-top:2px; background-color:#fffeec; border:solid 1px #cccbb7; min-height:750px; background-image:url(pbg.png); background-position:bottom; background-repeat:repeat-x;}
html>body .left{float:left; width:824px; padding:10px; padding-right:12px; margin:2px; margin-top:2px; background-color:#fffeec; border:solid 1px #cccbb7; min-height:750px; background-image:url(pbg.png); background-position:bottom; background-repeat:repeat-x;}
.left p{font-size:12px; text-align:justify; line-height:20px; margin-left:25px; margin-right:25px;}
.left h1{margin-left:0px;}
.left h4{margin-left:25px; margin-bottom:1px;}
.left h3{margin-left:25px;}
.left p a {font-size:12px; text-decoration:none; border-bottom:1px dashed #bbb; color:#34567f;}
.left p a:hover {font-size:12px; text-decoration:none; border-bottom:1px dashed #0099CC; color:#0099CC;}
.left img:hover {	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}
.left img {margin-left:25px; margin-bottom:5px; border:1px solid #999; padding:0;}
.left img a{border-style:none; margin-left:25px; margin-bottom:10px;}
.newsbox p{font-size:70%; line-height:150%; margin-top:0; margin-bottom:14px; margin-left:25px; margin-right:10px;}
.newsbox h4 {margin-bottom:5px;}


.pagecontent{float:left; width:824px; padding:4px; margin:0px; margin-top:2px; background-color:#fffeec; border:solid 1px #cccbb7; min-height:750px; background-image:url(pbg.png); background-position:bottom; background-repeat:repeat-x;}
html>body .pagecontent{float:left; width:824px; padding:10px; margin:2px; margin-top:2px; background-color:#fffeec; border:solid 1px #cccbb7; min-height:750px; background-image:url(pbg.png); background-position:bottom; background-repeat:repeat-x;}
.pagecontent p {font-size:14px; text-align:justify; line-height:20px; margin-left:25px; margin-right:25px; padding:0; margin-top:4px;; margin-bottom:0;}
.pagecontent a {font-size:14px;}
.pagecontent ul {font-size:14px; text-align:justify; line-height:20px; margin-left:5px; margin-right:25px;}
.pagecontent li {}
.pagecontent td {font-size:12px; text-align:left; line-height:20px;}
.pagecontent table {font-size:12px; text-align:left; line-height:20px;}
.pagecontent td {border-bottom:1px solid #cdc988; padding-left:5px;}
.pagecontent h1 {margin-left:25px; margin-bottom:9px;}
.pagecontent h4 {margin-left:25px; margin-bottom:5px;}


.newsleft {width:370px; float:left; margin-left:20px; margin-top:7px;}
html>body .newsleft {width:370px; float:left; margin-left:40px;}
.newsleft h1{margin:0; padding:0; margin-bottom:-10px;}
.newsright {float:right; margin-right:0px; margin-top:10px; margin-bottom:26px; padding-bottom:-2px; padding:0; border:0px solid #bbb; width:320px; min-height:325px;}
html>body .newsright {float:right; margin-bottom:26px; margin-right:30px; padding-bottom:-2px; padding:0; clear:right; border:0px solid #bbb; width:320px; min-height:325px;}
.newsright p {margin:none;}
.newsleft ol{list-style-type:circle; margin-left:0px; font-size:12px; list-style:circle; line-height:18px; padding:0;}
.newsleft ol li {margin-bottom:8px;}
.newsleft ol a {font-size:13px; text-decoration:none; border-bottom:1px dashed #bbb; color:#34567f;}
.newsleft ol a:hover {font-size:13px; text-decoration:none; border-bottom:1px dashed #0099CC; color:#0099CC;}

/* picture.php styling */
#picture {width:817px; height:75px; z-index:2; border:1px solid #cccbb7; margin-left:6px; margin-top:6px;} 



/* news.php element styling */
.news{float:left; width:215px; padding:10px; margin-left:1px; margin-top:6px; background-color:#fffeec; border:solid 1px #cccbb7; font-size:9px; min-height:800px; background-image:url(pbg.png); background-position:bottom; background-repeat:repeat-x;}
.news a {color:#006993;}
.news a:hover {color:#fbaf17;}
.news table
{
	border-color:#D9CBAE;
	border-width: 1px;
	border-spacing: ;
	border-style: inset;
	border-collapse: collapse;
	background-color:#FAF9E2;
}
.news p {font-size:11px; margin:0; padding:0; text-align:left;}
.news h1 {font-size:12px; font-weight:bold;}
.news td {padding:4px; }

.icons{
	float:right;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:12px;
	margin-top:9px;
	display:block;
	clear:both;
	border:1px solid #000;
	/* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;

	}
	
.icons:hover {border:1px solid #FF6600; 	
/* for IE */
filter:alpha(opacity=100);
/* CSS3 standard */
opacity:1.0;
}



/* school status bar styling */
.status{float:right; width:150px; padding-left:8px; padding-top:5px; margin:6px; margin-top:6px; background-color:#fffeec; border:solid 1px #cccbb7; font-size:9px; min-height:190px; font-size:15px; font-weight:bold; margin-left:15px;}
.statusbanner{float:left; width:806px; padding:2px; padding-left:5px; margin:6px; margin-top:6px; margin-bottom:0px; background-color:#fff; border:solid 1px #cccbb7; background-image:url(bbottom.gif); background-repeat:repeat-x; background-position:bottom; padding-bottom:20px;}
.statusbanner iframe {font-size:14px; margin:0; padding:0; float:left;}
.statusbanner h3 {margin:0; padding:0;}



/* TEXT AND IMAGE FORMATTING */

.plaintable {border:0; font-size:12px;}
.plaintable td {border:0; text-align:left; vertical-align:top;}
.comment {font-size:9px; color:#990000;}
.highlighttable {background-color:#edebc3;}

.tablesmart {
	display:block;
	clear:both;
	font-size:11px;
	border-width: 0px;
	border-spacing: 0px;
	border-collapse: separate;
	margin-left:20px;
	margin-right:10px;
}
.tablesmart ul {font-size:11.5px;}
.tablesmart th {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: #ddd;
	background-color: #faf9e1;
	text-align:left;
}
.tablesmart td {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: #ddd;
	background-color:#faf9e1;
	text-align:left;
}

.smalltable td {font-size:11px; text-align:left; line-height:20px; border-bottom:1px solid #cdc988; padding-left:5px;}

.highlighttext {color:#007191; font-weight:bold; font-family:Geneva, Arial, Helvetica, sans-serif;}

.redtable td {background-color:#FF3333;}
.greentable td {background-color:#66CC33;}
.bluetable td {background-color:#0099CC;}
.yellowtable td {background-color:#FFFF99;}
.timetable th {font-size:18px; text-align:center; text-decoration:underline; padding-bottom:12px;}
.timetable td {background-color:#FFFF99; font-size:16px; padding:6px;}
.timetable {margin-left:20px;}

.message {display:block; margin-left:12px; width:780px; height:38px; background-image:url(images/siteimages/message.jpg); background-repeat:no-repeat; padding-top:20px; font-weight:bold; font-variant:small-caps; font-size:13px; text-align:center;}


.frontimageshadow {border-right:2px solid #333; border-bottom:2px solid #333; margin:2px;}
.frontimage{padding:1px; margin:2px; border: solid 2px #D6C998;}
.frontimageright{margin:auto; padding:1px; border:1px solid #D6C998; display:block;}
.frontimageleft{margin:auto; padding:1px; border:1px solid #D6C998; display:block;}

.paragraphblock {display:block; margin-left:30px; margin-right:30px;}

.revision{display:inline; float:right;}
.revision a img:hover {}


.picborder{border:3px solid #FF6600;}

.hirerstable{width:500px;}
.hirerstable p {width:220px;}
.hirerstableright{float:left; text-align:left; width:220px; padding:15px;}
.hirerstableleft{float:right; text-align:right; width:220px; padding:15px;}


.infohighlight{float:left; width:480px; background-color:#fffeec; border:solid 1px #cccbb7; font-size:9px; min-height:0px; font-size:15px; font-weight:bold; background-image:url(pbg.png); background-position:bottom; background-repeat:none; margin:12px; padding:5px; text-align:left;}


.imagestyleleft{float:left; margin:7px; margin-right:20px; border:0;}
.imagestyleleft a img:hover {}
.imagestyleright{float:right; margin:7px; margin-left:20px; border:0;}
.imagestyleright a img:hover {}

.gallery {

	margin-left:30px;
	width: 700px;
}
.gallery ul { list-style: none; }
.gallery ul li { display: inline; }
.gallery ul img {
	border: 1px solid #3e3e3e;

}
.gallery ul a:hover img {
	border: 1px solid #fff;
	color: #fff;
}
.gallery ul a:hover { color: #fff; }

/* HTML Tweaks */
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	line-height:40px;
	margin-left:25px;
	

}

.sIFR-hasFlash h3 {
	visibility: hidden;
	line-height:24px;
	margin-left:25px;
	
}