/*** The contents of this file were (ostensibly) written by Owen Briggs
@ www.thenoodleincident.com, and any Copyright rests with him. No
credit for the work that has gone into researching the use of font
sizes and styles rests with ClevaTreva Designs. 100% Kudos to Owen.
This is an EDITED version of the original! You will want to play with
these settings to make your own style for fonts and color other
bits. ***/

html,body{
  margin:0;
  padding:0;
  border:0;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:100.1%; /*** Don't change this setting. Make all other
font-sizes in % (preferred) or ems ***/
	color:#000000;
	}
a {
	text-decoration: none;
	font-weight: bold;
	outline: none;
	color:#0066FF;
	}
a:visited {
	}
a:active {
	}
a:hover {
	text-decoration: underline;
	}
strong, b {
	font-weight: bold;
	}
hr {
	margin: 0px; /* fixes xhtml N6 bug where the hr sits to the left*/
	color: #ccc; /* for ie */
	background-color: #ccc; /* for everyone else */
	height: 1px;
	}
p {
	/*font-size: 90%;*/
	line-height: 1.1em;
	margin-top: 1.5em;
	margin-bottom: 1.5em; 
	}
li {
	/*font-size: 90%;*/
	line-height: 1.1em;
	margin-top: 0.3em;
	margin-bottom: 0.2em; 
	}
ul {
	margin-top: 1.0em;
	margin-bottom: 1.0em; 
	}
hr {
	margin-top: 2.0em;
	margin-bottom: 2.0em;
	}
img {
	border: 0;
	}
	
dd {
	margin: 3px 0px 3px 20px;
}

div,p{margin:0}

body{
  min-width:994px;
  text-align:center;
}
.clear{
  clear:both;
  height:1px;
  overflow:hidden;
  line-height:1%;
  font-size:0px;
  margin-bottom:-1px;
}
* html .clear{height:auto;margin-bottom:0}
h2 {
	color: #333333;
	font: bold 14px Arial, Helvetica, sans-serif
}

#fullheightcontainer{
  top:-10px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  position:relative;
  width:994px;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
#wrapper{
  min-height:100%;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
  border-right:1px solid #999999;
  border-left:1px solid #999999;
  background:#f6f6f6;
}
#wrapp\65	r{
  height:auto;
}
/* \*/
* html #wrapper{
  height:100%;
}
/* Last style with height declaration hidden from Mac IE 5.x */
#outer{
  z-index:1;
  position:relative;
  margin-left:200px;
  width:590px;
  /*border-right:1px solid #000000;
  border-left:1px solid #000000;*/
  background:#FFFFFF;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}

* html #outer{
  width:592px;
  w\idth:590px;
}
#float-wrap{
  width:590px;
  margin-right:-1px;
  float:left;
  display:inline;
}
#left{
  width:202px;
  float:left;
  display:inline;
  position:relative;
  margin-left:-201px;
}
*>html #left{width:201px;}
#container-left{
  width:200px;
  background-color:#999999;
  border-left:1px solid #000000;
  border-right:1px solid #0066FF;
  border-bottom:1px solid #0066FF;
  
}
#right{
  float:left;
  display:inline;
  width:202px;
  margin-right:-200px;
  margin-left:-1px;
  position:relative;
}
/* \*/
* html #right{
  width:202px;
  margin-left:0px;
  margin-right:-500px;
  mar\gin-right:-202px;
}
/* Above style hidden from Mac IE */
#container-right{
/* \*/
  width:200px;
/* Above hidden from IE-Mac */
  margin-left:3px;
}
/* \*/
* html #container-right{
  fl\oat:right;
  di\splay:inline;
  margin-left:2px;
  mar\gin-left:0px;
}
/* Above style hidden from Mac IE */
/* \*/
* html #left{margin-right:-3px;}
/* Above style hidden from Mac IE */
#center{
  width:590px;
  float:right;
  display:inline;
/* \*/
  margin-left:-1px;
/* Hidden from IE-mac */
}
#clearheadercenter{
  height:172px;
  overflow:hidden;
}
#clearheaderleft{
  height:172px;
  overflow:hidden;
}
#clearheaderright{
  height:172px;
  overflow:hidden;
}
#clearfootercenter{
  height:52px;
  overflow:hidden;
}
#clearfooterleft{
  height:52px;
  overflow:hidden;
}
#clearfooterright{
  height:52px;
  overflow:hidden;
}
#footer{
  z-index:1;
  position:absolute;
  clear: both;
  width:994px;
  height:62px;
  overflow:hidden;
  margin-top:-52px;
}
#subfooter1{
  background:#FFFFFF url(images_web/footerBg.jpg) repeat-x bottom;
  text-align:center;
  margin:0 1px;
  height:50px;
  border-bottom: #000 1px solid;
 
}
#subfooter1 p{
	color:#666666;
	font: 12px Arial, Helvetica, sans-serif;
	padding:5px;
}
.bottomtopmargin{
  background:#FFFFFF;
  width:994px;
  overflow:hidden;
}
#header{
  z-index:1;
  position:absolute;
  top:0px;
  width:994px;
  height:172px;
  overflow:hidden;
}
.outer_horiz_border, .sb_outer_horiz_border{
  background:#999999;
  height:1px;
  overflow:hidden;
  font-size:0px;
  display:none;
}
#topmargin{
  height:20px;
}
#gfx_bg_middle{
  top:0px;
  position:absolute;
  height:100%;
  overflow:hidden;
  width:590px;
  margin-left:200px;
  background:#FFFFFF;
/*  border-right:1px solid #000000;
  border-left:1px solid #000000;*/
}
* html #gfx_bg_middle{
  display:none;
}


#subheader1{
  text-align:center;
  margin:0 1px;
  height:95px;
  background: url(images_web/headerBg.jpg) right repeat-y #FFFFFF;
  border-top: #000 1px solid
}

#subheader2{
  background:url(images_web/headerGreyBg.jpg) repeat-x #FFFFFF;
  text-align:center;
  margin:0 1px;
  height:35px;
}
#subheader3{
  /*background:url(images_web/headerBlueFadeBg.jpg) repeat-x #FFFFFF;*/
  background: url(images_web/headerBg.jpg) right repeat-y #FFFFFF;
  text-align:center;
  margin:0 1px;
  height:10px;
  border-bottom: 10px solid #FFF;
}
#subfooter1{
  background:#FFFFFF url(images_web/footerBg.jpg) repeat-x bottom;
  text-align:center;
  margin:0 1px;
  height:50px;
}
#leftBoxTitle{
  background:url(images_web/leftTitleBg.jpg) repeat-x #FFFFFF;
  height:44px;
  text-align:center;
  font: bold 18px Arial, Helvetica, sans-serif;
  line-height:44px;
  color:#0066FF;	
}
.centerBoxTitle{
  background:url(images_web/centerBoxTitle.jpg) repeat-x;
  height:46px;
  font: bold 18px Arial, Helvetica, sans-serif;
  line-height:46px;
  color:#333333;
  text-indent:10px;
  display:none;
}
#keyBox{
	padding-top:2px;
}
#keyText{
  font: bold 16px Arial, Helvetica, sans-serif;
  color:#a1ddff;
  float:right;
  width:40px;
}
#keyText2{
  font: bold 14px Arial, Helvetica, sans-serif;
  color:#a1ddff;
  float:right;
  width:14px;
  height:14px;
  padding-top:3px;
}
#keyIcons{
  float:right;
  width:100px;
  padding-left:3px;
}
.keyPill{
	background:url(images_web/keyPillBg.png) no-repeat;
	width:87px;
	height:25px;
	padding:3px;
}
.keyPillIcon{
	float:left;
	padding-left:1px;
	padding-top:2px;
}
.keyPillText{
	float:left;
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#0066FF;
	line-height:17px;
	text-align:left;
	padding-left:12px;
}
#logo{
	float:left;
	padding:5px 15px;
}
#message{
	float:left;
	height:35px;
	line-height:35px;
	font: bold 14px Arial, Helvetica, sans-serif;
	color:#666666;
	padding:10px;
}
#profile{
	float:right;
	height:35px;
	background:url(images_web/profilePillBg.jpg) repeat-x;
	line-height:35px;
	font: bold 11px Arial, Helvetica, sans-serif;
	margin-right:10px;
	color:#666666;
}
#profile span{
	position:relative;
	top:1px;
}

#profile a:link, #profile a:hover, #profile a:visited{
	font: bold 11px Arial, Helvetica, sans-serif;
}


#navDiv ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#menu1, #menu2 {
	width: 100%;
	margin: 0px;
	}

#menu1 li, #menu2 li{
	margin: 1px 0px;
}
	
#menu1 li a, #menu2 li a {
	height: 20px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 20px;
	text-decoration: none;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	}	
	
#menu1 li a:link, #menu1 li a:visited, #menu2 li a:link, #menu2 li a:visited {
	color: #0066FF;
	display: block;
	background: url(images_web/navBg.jpg) -10px 0 no-repeat #E6F3F9;
	padding-left: 30px;
	line-height:20px;
	}
	
#menu1 li a:hover, #menu2 li a:hover {
	color: #0066FF;
	background: url(images_web/navBg.jpg) -10px -21px no-repeat #E6F3F9;
	padding-left: 30px;
	line-height:20px;
	}

#menu1 li a.indent, #menu2 li a.indent{
	color: #B94D33;
	padding-left: 36px;
	background: url(images_web/navBg.jpg) 0px 0 no-repeat #E6F3F9;
	line-height:20px;
}

#menu1 li a.indent:hover, #menu2 li a.indent:hover{
	padding-left: 40px;
	background: url(images_web/navBg.jpg) 0px -21px no-repeat #E6F3F9;
	line-height:20px;
	color: #0066FF;
}
.warnBox{
	margin:5px;
	padding:3px;
	background:#EC5E53;
}
.warnBoxTop{
	font: bold 15px Arial, Helvetica, sans-serif;
	
}
.centerBox{
	margin-left: auto;
	margin-right: auto;
	width:517px;
}
.centerBoxTop{
	background:url(images_web/centerBoxTop.jpg) no-repeat;
	height:47px;
	font: bold 18px Arial, Helvetica, sans-serif;
	line-height:46px;
	color:#333333;
	text-indent:10px;
}

.centerBoxContent{
	background:url(images_web/centerBoxBg.jpg);
	font: 12px Arial, Helvetica, sans-serif;
	padding: 3px 5px;
}
.centerBoxBottom{
	background:url(images_web/centerBoxBottom.jpg) no-repeat;
	height:7px;
}
.wide .centerBoxTop{
	background:url(images_web/centerWideBoxTitle.jpg) no-repeat;
}
.wide .centerBoxContent{
	background:url(images_web/centerBoxWideBG.jpg) repeat-y;
}
.wide .centerBoxBottom{
	background:url(images_web/centerBoxWideBottom.jpg) no-repeat;

}
.full .centerBoxTop{
	background:url(images_web/centerBoxTopFull.jpg) no-repeat;
}
.full .centerBoxContent{
	background:url(images_web/centerBgFull.jpg);
}
.full .centerBoxBottom{
	background:url(images_web/centerBoxFullBottom.jpg) no-repeat;

}

.rightBoxTitle{
	text-align:center;
	font: bold 12px Arial, Helvetica, sans-serif;
	background: url(images_web/rightBar.png) center bottom no-repeat;
	padding-bottom:3px;
}
.rightBoxContent{
	font: 12px Arial, Helvetica, sans-serif;
	padding:5px;
	color:#666666;
}
.newUsers{
	background: url(images_web/rightBar.png) center bottom no-repeat;
	margin-bottom:5px;
	padding-bottom:2px;
	text-align:center;
}
.msgBoxQuestion{
	font-size: 120%;
	font-weight:bold;
	color:#0066FF;
}
.msgBoxAnswer{
	font-size: 105%;
	padding:10px;
}
/* Start Login Page */
.greyPage{
	background-color:#f3f3f3;
}
.boxLogin{
	width:555px;
	margin-left: auto;
	margin-right: auto;
	background: url(images_web/login_BoxBg.jpg);
	margin-top:18%;
}
.boxLoginText{
	font: bold 11px Arial, Helvetica, sans-serif;
	padding: 10px;
	background: url(images_web/login_BoxLine.jpg) bottom no-repeat;
	color:#666666;
	text-align:center;
}
.boxLoginBlue{
	width:327px;
	margin-left: auto;
	margin-right: auto;
	background: url(images_web/login_BoxBlueBg.jpg);
	margin-top: 10px;
	margin-bottom: 3px;
}
.loginForm{
	margin:0;
	padding:0;
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#0066FF;
	width:100%;
}
.loginForm input {
	font: 11px Arial, Helvetica, sans-serif;
}
.loginForm select {
	font: 11px Arial, Helvetica, sans-serif;
}
.boldMessage{
	color:#FF0000;
	font: bold 12px Arial, Helvetica, sans-serif;
}
/* End Login Page */

/* Start Forms */
.TableAdmin{
	width:100%;
	font-size: 12px;
}
.frmLabel, label{
	padding-right:3px;
	font-weight: bold;
	color: #666666;
}
.frmHelp{
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
}
.tableHead, a.tableHead{
	color: #0066FF;
	font: bold 12px Arial, Helvetica, sans-serif;
	
}
.tableHead {
	margin-left: 5px;
}
th{
	border-bottom: #0066FF solid thin;
}

FIELDSET{
	margin:3px 2px;
}
LEGEND{
	color: #333333;
	font: bold 11px Arial, Helvetica, sans-serif;
}
.trOver:hover {
	background: url(images_web/headerBg.jpg) right repeat-y #FFFFFF;
}
.TableAdmin th, .TableAdmin td{
	padding: 0 3px;
}
.frmTitle{
	color: #333333;
	font: bold 16px Arial, Helvetica, sans-serif;
	padding: 10px 0px;
}
.frmButton  {
	BACKGROUND-COLOR: #E7F4FC;
	COLOR: #0066FF !important;
	font: bold 12px Arial, Helvetica, sans-serif;
	padding:2px;
	border: 1px solid #0066FF;
	margin:3px 3px 5px 0px;
}
.frmButton:hover  {
	border: 1px solid #0066FF;
	COLOR: #FFF !important;
	BACKGROUND-COLOR: #0066FF;
}

/* End Forms */
/* Start Form Error Box */
input.errHilite, select.errHilite, textarea.errHilite {
	border: 1px solid #DDC;
	background-color: #FFE;
	}
label.errHilite {
	color: #C00;
	}
div#errors {
	display: none;
	margin-top: 1em;
	background-color: #FFE;
	border: 1px solid #FF0000;
	padding: .3em;
	color: #C00;
	font-weight: bold;
	}	
div#errors li {
	margin-top: .5em;
	margin-bottom: .5em;
	padding: 0;
	list-style-type:none;
	padding-left:10px;
	}
div#errors li.heading {
	list-style-type: none;
	font-size: 12px;
	color: #000;
	font-weight: bold;
	margin: .5em 0;
	padding: 0;
	}
/* End Form Error Box */
.userSection, .userName{
	margin: 1px 0px;
	padding-top:0px;
	line-height:20px;
}
.userSection{
	color: #0066FF;
	background: url(images_web/navBg.jpg) -10px 0 no-repeat #E6F3F9;
	padding-left: 30px;
}
.userName{
	color: #87c2e2;
	padding-left: 40px;
	background: url(images_web/navBg.jpg) 0px 0 no-repeat #E6F3F9;
}
.usefulLinks a{
	background:url(images_web/usefulLinksBg.png) no-repeat;
	height:20px;
}
#output2{
	text-align:center;
	font: bold 12px Arial, Helvetica, sans-serif;
	background: url(images_web/rightBar.png) center bottom no-repeat;
	color:#0066FF;
	padding-bottom:6px;
}
label.error {
	color:red;
	display:none;
	font:italic 10px Arial, Helvetica, sans-serif;
	padding-bottom:15px;
	float:left;
}
div.error {
	display:none;
}

.tableBorder{
	border: solid thin #000000;
}

.msgResp{
	color:#0066FF;
	font: bold 14px Arial, Helvetica, sans-serif;
}

#addtionalInfo {
	margin-right:5px;
	padding:5px;
}

#schoolInfoResults h1.msgBoxQuestion{
	padding:5px 0;
	font-size:16px;
}
#schoolInfoResults h2 {
	padding-left:5px;
	margin-top:5px;
	margin-right:5px;
	background:#ADD5EE;
	border: 1px solid #000;
}
#schoolInfoResults h3 {
	margin-top:5px;
	padding-left:5px;
	background:#ADD5EE;
	border-width: 0 1px 0 1px;
	border-style: solid;
	border-color: #000;
}
#schoolInfoResults #boxHide {
	border: solid;
	border-width: 0px 1px 1px;
	margin-right:5px;
	padding:5px;
}

.suggestionsBox {
	position:absolute;
	left: 90px;
	width: 300px;
	color: #fff;
	float:left;
}
.suggestionList {
	background:#ADD5EE;
	padding:0 5px 2px;
	color:#000;
	z-index:1;
}
#autoSuggestionsList li{
	color:#000;
	text-decoration:none;
	list-style-type: none;
	padding: 5px;
}
.suggestionList li:hover {
	background: #659CD8;
	text-decoration:none;
	color:#B94D33;
	padding: 5px 0px;
}
#searchBar {
	background:Silver url(images_web/centerTitleWideTop.jpg) repeat-x 0px -5px;
	margin-right:5px;
	padding:1px 0 0 10px;
	border:#000 solid 1px;
}
#searchBar a {
	color:#000;
	text-decoration:none;
}
#findSchool {
	z-index:1;
}
.schoolData {
	font-weight:bold;
}
.staffType th{
	background:#ADD5EE none repeat scroll 0 0;
	color:#000000;
	padding:0 5px;
}
#schoolStaff {
	padding-bottom:5px;
	overflow:auto;
}
.tdOdd {
	background-color:#E1E1E1;
}
div#missingStaffMsg{
	padding-bottom:5px;
	color:#FF0000;
	font-weight:bold;
}

div#missingStaff{
	padding:5px;
}

#pageTitle{
	float:left;
	width:700px;
	padding-top:36px;
	font:bold 22px Arial, Helvetica, sans-serif;
}
.cocDiv{
	font-size:16px;
	font-weight:bold;
	padding-left:115px;
}
.cocScore{
	color:#aa0000;
}