/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  General Def
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Get content to occupy 100% of the browser height */
html, body {
    height: 100%;
}

html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
li{list-style:none;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
body {font:13px/1.231 verdana,'century gothic',helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
body{background: #FFFFFF url(../images/Backgrounda.gif) repeat; text-align:center;}
#ft{clear:both;}
#mainContainer,.mainContainerClass{margin:auto;text-align:left;width:57.69em;*width:56.25em;min-width:750px;height:640px;*height:640px;min-height:640px;background-repeat: no-repeat;}
#mainContainer{width:73.076em;*width:71.25em;}
.contentContainer{position:relative;}
.contentContainer{_position:static;}
#mainContent .contentContainer{position:static;}
#mainContent{width:100%;}
.mainContainerClass #mainContent {float:right;margin-left:-25em;}
.mainContainerClass .contentContainer{float:left;width:16.8461em;*width:16.50em;}
.mainContainerClass #mainContent .contentContainer{margin-left:20.8461em;*margin-left:20.55em;}
#mainContent .contentContainer{float:none;width:auto;}
h1 {font-family: Arial,Verdana,Sans-serif;font-size: 19px; font-weight:bold; color:#ff0000;}
h2 {font-family:Arial,Verdana,Sans-serif;font-size: 14px; font-weight:bold; color:#ff0000; margin: 0px 0px 10px 5px; /* Order: top, right, bottom, left */}
h3 {font-family: Arial,Verdana,Sans-serif;font-size: 14px; font-weight:bold; color:#ff0000; margin: 0px 0px 10px 0px; /* Order: top, right, bottom, left */}

#wrapper {
	margin: 15px auto;
}
#mainContainer{
	border-width: 0px;
	border-style: solid;
	border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF; /* Order: top, right, bottom, left */
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Header
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#colourChoser {padding: 0px 0em 0em 0px;
							 margin: 0px 0px 2px 2px; /* Order: top, right, bottom, left */
							 float:right;
							 width:20px;
							 height:20px;
							 font-size: 14px;
							 text-align: center;
							 color:#000066;
							 font-weight: bold;
							 border:solid #5CA1FD;
	  					 border-width:2px 2px 2px 2px;
}

#headertext {
							COLOR: #FFFFFF;
							float:left;
							z-index: 1;
							text-align: left; 
							margin: 0em 0em 0em 0em; /* Order: top, right, bottom, left */
}

#colorchooser {
						  float:right;
						  padding: 0em 0em 0em 0em;
						  margin: 77px 102px 0px 0px; /* Order: top, right, bottom, left */
}


#hd img.schoollogo {
  float:left;
  margin: 2px 0px 0px 40px; /* Order: top, right, bottom, left */
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Page Content
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#pageContent {	padding: 20px 20px 20px 20px;
  			  	margin: 0px 0px 0px 00px; /* Order: top, right, bottom, left */
				width:575px;
				height:430px;
				border:solid #5CA1FD;
	  			border-width:4px 4px 4px 4px;
				background:#FFFFFF;
}

#pageContent p {margin: 10px 0px 10px 0px; /* Order: top, right, bottom, left */
				font-size: 12px;
				text-align: justify;
}

.italic{
				font-style: italic;
}


#pageContent a:link{
				text-decoration:underline;
				border:none;
				font-weight:normal;
				color:#000066;
				outline:none;
}

#pageContent a:hover{
				text-decoration:underline;
				border:none;
				font-weight:normal;
				color:#ff0000;
				outline:none;
}

#pageContent a:visited{
				text-decoration:underline;
				border:none;
				font-weight:normal;
				color:#ff0000;
				outline:none;
}

#pageContent a:active{
				text-decoration:underline;
				border:none;
				font-weight:normal;
				color:#ff0000;
				outline:none;
}

#textlists {margin: 10px 0px 10px 30px; }

#textlists li { list-style-type: disc;
				font-size: 12px;
				color:#ff0000;
				font-weight: normal;
				margin: 0px 0px 6px 0px; }

.blacktext {color:black}

.bluetext {color:#000066}

#pageContent img.float-right {
  margin: 5px 0px 5px 7px; /* Order: top, right, bottom, left */
  float: right;
}
#pageContent img.float-left {
  margin: 0px 7px 5px 0px; /* Order: top, right, bottom, left */
  float: left;
}

#pageContent img.float-center {
    display: block;
    margin-left: auto;
    margin-right: auto
}

#newsTicker {
background: url(../images/TickerBG.gif) no-repeat;
padding: 0px 5px 5px 0px; /* Order: top, right, bottom, left */
}

#scrolltext, #tickdiv {
font-size: 11px;
border:none;
}

#scrolltext a:link{
text-decoration:none;
border:none;
font-weight:normal;
color:black;
outline:none;
}

#scrolltext a:hover{
text-decoration:none;
border:none;
font-weight:normal;
color:#ff0000;
outline:none;
}

#scrolltext a:visited{
text-decoration:none;
border:none;
font-weight:normal;
color:black;
outline:none;
}

#scrolltext a:active{
text-decoration:none;
border:none;
font-weight:normal;
color:#ff0000;
outline:none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Inner Rounded Box Setup
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#boxleft {					 padding: 0px 0em 5px 2px;
							 margin: 0px 0px 3px 2px; /* Order: top, right, bottom, left */
							 float:left;
							 width:360px;
							 font-size: 11px;
							 color:#000066;
							 font-weight: normal;
							 border:solid #5CA1FD;
	  					     border-width:2px 2px 2px 2px;
}

#boxright {					 padding: 0px 0em 5px 2px;
							 margin: 0px 0px 3px 2px; /* Order: top, right, bottom, left */
							 float:right;
							 width:279px;
							 font-size: 11px;
							 color:#000066;
							 font-weight: normal;
							 border:solid #5CA1FD;
	  					     border-width:2px 2px 2px 2px;
}

#singlebox {				 padding: 0px 0em 5px 2px;
							 margin: 0px 0px 3px 2px; /* Order: top, right, bottom, left */
							 clear: both;
							 width:567px;
							 font-size: 11px;
							 color:#000066;
							 font-weight: normal;
							 border:solid #5CA1FD;
	  					     border-width:2px 2px 2px 2px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Navigation
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#navigation {
  	margin: 0px 0px 0px 40px; /* Order: top, right, bottom, left */
}

#navigation li {
  	border-bottom: #5CA1FD 2px solid;
    FONT-SIZE: 13px;
    font-weight: bold;
	margin: 6px 0px 0px 12px; /* Order: top, right, bottom, left */
    height: 16px;
	}
	
#navigation li a {
	text-decoration: none;
}
	
	
#navigation li a:link, #navigation li a:visited {
	color: #000066;
}
	
#navigation li a:hover, #navigation li a:active {
	color: #ff0000;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Page Footer
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  
#footer_contact {
  COLOR: #FFFFFF;
  float:right;
  padding: 5px 120px 0px 0px; 
  margin: 0px 0em 0em 0px; /* Order: top, right, bottom, left */
}

#footer_copyright {
  COLOR: #FFFFFF;
  FONT-SIZE: 0.8em;
  padding: 5px 0px 0px 0px; 
  margin: 0px 0em 0em 0px; /* Order: top, right, bottom, left */
}

#footer_copyright A:hover {
	
        COLOR: #ff0000;
        TEXT-DECORATION: none;
}

#footer_copyright A {
	FONT-SIZE: 1em;
	FONT-weight: normal;
	COLOR: #FFFFFF;
	margin: 0em 0em 0em 0em; /* Order: top, right, bottom, left */
	TEXT-DECORATION: none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Form
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#contactform {
	padding: 0em 0em 0em 0em;
	margin: 13px 0px 0px 52px; /* Order: top, right, bottom, left */
	width:166px;
	height:171px;
	border:solid #5CA1FD;
	border-width:4px 4px 4px 4px;
	background:#FFFFFF;
}

#contactform p {
	font-size: 11px;
	margin: 0px 0px 0px 5px; /* Order: top, right, bottom, left */
}  
  
label {
	width: 38px;
	font-size: 11px;
	float: left;
	text-align: left;
	color: #000066;
	margin: 0px 0em 0em 2px; /* Order: top, right, bottom, left */
	display: block;
	FONT-WEIGHT: normal;
}

input, select, textarea {
	margin-left: 5px;
	font-size: .80em;
	color: #000000;
	background: #FFFFFF;
	border: 1px solid #c0c0c0;
}

select{
	margin: 2px 0em 0em 5px; /* Order: top, right, bottom, left */
	width: 105px;
}

.submit-button {
  	font-weight: bold; /* font weight of text */
  	font-size: 0.90em; /* font weight of text */
  	padding: 0.15em 0.3em 0.15em 0.3em; /* Order: top, right, bottom, left */
	margin: 5px 0em 5px 5px; /* Order: top, right, bottom, left */
  	color: #FFFFFF; /* font colour */
  	background: #000066; /* background colour */
  	border: #444 solid 0.1em; /* border size/colour */
}
 
fieldset {
	margin: 0.5em 0.5em 0.5em 0em; /* Order: top, right, bottom, left */
	border: 0px solid #AE646C;
} 

.smallfont {
	font-size: 0.80em; /* font weight of text */
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Error Item Setup 
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#errorInfo { 
		font-size:0.85em;
    	width: 98%;
    	text-align: center;
    	color: #ff0000;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Table Content Setup 
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.bs_tbl {
	border:0; /* border size/colour */
	vertical-align:top;
	font-size: 0.75em;
	width: 100%;
	border-collapse: collapse;
}

.bs_tblcell {
	padding:0em 0.5em 0em 0.5em; /* order: top, right, bottom, left */
	margin: 0em 0em 0em 0em; /* order: top, right, bottom, left */
	text-align: center;
}