/* Body Style */

body {
	margin: 0;
	padding: 0;
	border: 0px;
	border-color:#000000;
	font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
    background-color: #000030;
    background-repeat: repeat-x;
	background-attachment: scroll;
      }

#container {
	width: 770px;
	margin: 0 auto;
	border:0px;
	padding: 0px;
/*	border-top:20px solid #eee9e9;
	border-bottom: 2px solid #000030; */
    background-color: #ffffff;
    }
      
/* Content Styles */

#contentnarrow {
	margin: 0;
	padding: 0;
	float: left;
      width: 350px;
      height: auto;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
      }
      
#contentnarrow h1 {
	color: #503750;
	font-size: 22px;
      }

#contentnarrow h2 {
	color: #503750;
	font-size: 16px;
      }

#contentnarrow h3 {
	color: #503750;
	font-size: 14px;
      }

#contentnarrow img {
	padding: 0px;
	border: 0;
      }

#contentnarrow ul {
      list-style:none;
      margin:10px;
      }

#contentwrappernarrow {
      float: left;
      width: 100%;
      } 

#contentwide {
	margin: 0;
	padding: 0;
	float: left;
      width: 600px;
      height: auto;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
      }
      
#contentwide h1 {
	color: #503750;
	font-size: 22px;
      }

#contentwide h2 {
	color: #503750;
	font-size: 16px;
      }

#contentwide h3 {
	color: #503750;
	font-size: 14px;
      }

#contentwide img {
	padding: 0px;
	border: 0;
      }

#contentwide ul {
  	padding-left: 20px;
    list-style:disc;
    margin:10px;
      }

#contentwrapperwide {
      float: left;
      width: 100%;
      } 

/* Footer Styles */

#footer {
	margin: 0;
	padding: 0;
	border: 0;
/*	text-align: center; */
	clear: both;
	border-top: 4px solid #000030;
	background-color: #0000ff;
      }

.style03 {
      font-family: "Comic Sans MS";
	font-size:small;
	font-weight: bold;
      }

#footer p {
	color: #808080;
      }

#footer a {
	color: #eee9e9;
	text-decoration: underline;
      }

#footer a:hover {
	color: white;
	text-decoration: none;
      }

/* Left Column Styles */

#leftcolumn {
	margin: 0;
	padding: 0;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	float: left;
      position: relative;
      width: 145px;
      height: auto;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
	border-top: 1px solid blue;
	border-bottom: 1px solid blue;
	border-right: 1px solid blue;
	border-left:1px solid blue;
	background-color: #eee9e9;
	text-align:left;
      }
      
/* Master Heading Styles */

#masterheading {
	margin: 0;
	padding: 0;
	border: 0;
    text-align: left;
    width: 770px;
	height: 100px;
	background-color:#ffffff;
     }
      
/* Right Column Styles */

#rightcolumn {
	padding: 0;
/*	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px; */
	float: left;
      position: relative;
      width: 255px;
      height: auto;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	border-top: 1px solid blue;
	border-bottom: 1px solid blue;
	border-right: 1px solid blue;
	border-left:1px solid blue;
      } 
      
#rightcolumn ul {
      list-style:none;
      margin:10px;
      }

/* General Styles */

a {
	color: #402640;
	text-decoration: underline;
	font-size: small;
      }

a:hover {
	color: blue;
	text-decoration: underline;
      }
 
a.more:link {
      color : #000066;
      text-decoration : none;
      font-weight: bold;
      font-size: 10px;
      }

a.more:visited {
      color : #000066;
      text-decoration : none;
      font-weight: bold;
      font-size: 10px;
      }

a.more:hover {
      color : #666667;
      text-decoration : underline;
      font-weight: bold;
      font-size: 10px;
      }

a.more:active {
      color : #000066;
      text-decoration : none;
      font-weight: bold;
      font-size: 10px;}

/* Internet Explorer 6 has a bug that means we can't use background images for the table rows
   as it trys to download the image each and every time that it is used (which means a 1000 row table
   will produce 1000 http requests for the image in question) */

tr[class="alt"] td
      {
      background: #F5FAFA url(/media/td_alt.jpg) no-repeat;
      }

/*
td[class~="alt"]
      {
      background: #edf3f3 url(/media/col_alt.jpg) no-repeat !important;
      }
*/

/* Image styles */

/* Header clock and message font alignment */

.hdrclockstyle {        /* Clock display in header */

      color:#000000;
      font-family: "Comic Sans MS";
      font-size:11px;
      padding: 5px;
      }

.hdrmsgstyle {          /* Message display in header on index page */
      color:#000000;
      font-family: "Comic Sans MS";
      font-size:11px;
      padding-right: 5px;
      }

.hdrmsgstyle sup {      /* Message display in header on index page (if using superscript) */
      font-size: 80%
      }

/* Column alignment */

.contentinternalspacingnarrow {
    margin: 10px; /* Margins for inner DIV inside each column (to provide padding) */
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 10px;
	margin-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
    padding-bottom: 5px;
 /*      border-top: 1px solid blue;
	border-bottom: 1px solid blue;
	border-right: 1px solid blue;
	border-left:1px solid blue; */
	background-color: #ffffff;
    text-align:left;}

.contentinternalspacingwide{
    margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
      padding-bottom: 5px;
 /*      border-top: 1px solid blue;
	border-bottom: 1px solid blue;
	border-right: 1px solid blue;
	border-left:1px solid blue; */
		text-align:left;
		background-color: #ffffff;
}

.leftcolumnhdr1 {
      background: #0000ff;
      border: solid #eee9e9;
      margin-top: 0px;
      margin-left: -5px;
      margin-right: 0px; 
      margin-bottom: 0px;
      padding-top: 5px;
      padding-bottom: 5px;
      border-width: 5px 5px 5px 5px;
      font-size: 13px;
      font-weight: normal;
      text-align: center;
      color: #ffffff;
      }

.leftcolumnlinks {
	font-family: "Comic Sans MS";
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #503750;
      padding-top: 2px;
      padding-bottom: 2px;
      }

.rightinternalspacing{
      margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
      padding-bottom: 5px;
      border-top: 1px solid blue;
	border-bottom: 1px solid blue;
	border-right: 1px solid blue;
	border-left:1px solid blue;
	text-align:left;
/*	background-color: #eee9e9; */
}
.rightcolumnhdr1 {
      background: #0000ff;
      border: solid #eee9e9;
      margin-top: 0px;
      margin-left: -5px;
      margin-right: -5px; 
      margin-bottom: 0px;
      padding-top: 5px;
      padding-bottom: 5px;
      border-width: 5px 5px 5px 5px;
      font-size: 16px;
      font-weight: normal;
      text-align: center;
      color: #ffffff;
      }

.rightcolumnhdr2 {
	font-family: "Comic Sans MS";
	font-size: 14px;
	font-style: normal;
	font-weight: bolder;
	color: #503750;
      padding-top: 5px;
      padding-bottom: 5px;
      }

.rightcolumnmore {
      width: 85px;
      margin-left: 150px;
      margin-bottom: 5px; 
      background: #eee9e9;
      border: solid #0000ff;
      border-width: 1px 1px 1px 1px;
      padding-right: 5px;
      text-align: right;
      }

/* General alignment */

.center {
    text-align:center;
    }
    
.left {
	text-align:left;
	}
	
.right {
    text-align:right;
    }
    
/* HR alignments */

.hr30 {
    bord?r: 0;
    color: #000066;
    background-color: #000066;
    height: 1px;
    width: 30%;
    text-align: center;
    }

.hr80 {
    border: 0;
    color: #000066;
    background-color: #000066;
    height: 1px;
    width: 80%;
    text-align: center;
    }

/* Weather alignment */

.weatherbackground {
      height: 440px;
      background-repeat: no-repeat;
      background-color: #7cadee;
      }
    
.weatherdisplay {
      width: 240px;
      height: 405px;
      }
    
.weatherlink {
      font-size: 11px;
      color: #0000FF
      }

.weatherlinkline {
      text-align: center;
      font-family: arial, helvetica, verdana, sans-serif;
      font-size: 11px;
      line-height: 15px;
      color: #0000FF;
      }

/* Images */

/* Blue ball image */

.blueballimage {
    border:0;
    height:8px;
    width:8px;
      }

.blueballimagesmall {
    list-style-image: url('../images/gif/blueball.gif');
    border:0;
    height:8px;
    width:8px;
      }

.generalimage {
    border: 0;
      }


/* Additional styles for particular page needs */

.linktextindent {
  	padding-left: 20px;
	font-family: "Comic Sans MS";
	font-size: 12px;
	font-weight: normal;
	color: #000000;
    }
      
.textindent {
  	padding-left: 20px;
    }
      
.schoolname {
	font-family: "Comic Sans MS";
	font-style: italic;
	font-weight: bold;
	font-size:32px;
	text-align: center;
	color: #ffffff;
	
      }

.style_bold {
	font-weight: bold;
      }

.style_italic {
	font-style: italic;
      }

.style01 {
	font-family: "Comic Sans MS";
	font-style: italic;
	font-weight: bold;
	padding-left: 20px;
	text-align: right;
	color: navy;
      }

.style02 {
	font-family: "Comic Sans MS";
	font-size: medium;
	font-weight: normal;
	font-size:small;
      }

.style03 {
	font-family: "Comic Sans MS";
	font-size:small;
	font-weight: bold;
      }

.style04 {
	vertical-align: middle;
	padding-bottom:10px;
    width:92px;
    height:34px;
      }

.style05 {
	vertical-align: middle;
	border:0px;	
	padding:40px;
      }

.style06 {
	text-align: center;
      }

.style07 {
	background-color: black;
	color: #d9d919;
}
      
.style08 {
	font-family: "Comic Sans MS";
	font-size: 24px;
	text-align:right;
      }

.style09 {
	font-family: "Comic Sans MS";
	font-size: 22px;
	text-align: right;
      }
      
.style10 {
	font-family: "Comic Sans MS";
	font-size: 20px;
	text-align:right;
      }
      
.style11 {
	font-family: "Comic Sans MS";
	font-size: 18px;
	text-align:right;
      }
      
.style12 {
	font-family: "Comic Sans MS";
	font-size: 16px;
	text-align:right;
      }
      
.style13 {
	font-family: "Comic Sans MS";
	font-size: 14px;
	text-align:right;
      }

.style14 {
	font-family: "Comic Sans MS";
	font-size: 12px;
	text-align:right;
      }
      
.style15 {
	font-family: "Comic Sans MS";
	font-size: 0px;
	text-align:right;
      }
      
.style16 {
	font-family: "Comic Sans MS";
    color: black;
    text-align: center;
      }

.style17 {
	font-family: "Comic Sans MS";
	font-size: medium;
	font-weight: normal;
	font-size:small;
	text-align:center;
      }


/* Image free rules for Internet Explorer < 7 */

* html tr.alt td {
    background-color:#F5FAFA;
      }
* html tr td.alt,
* html tr.alt td.alt {
    background-color:#edf3f3;
      }


A {
	color:#000000;
	text-decoration: none;
	font-family: "Comic Sans MS";
}
A:Hover {
	color:#000066;
	text-decoration: underline;
	font-family: "Comic Sans MS";
}
A:Active {
	color:#000066;
	text-decoration: underline;
	font-family: "Comic Sans MS";
}
.Size9Black {
	font-family: "Comic Sans MS";
	font-size: 9px;
	color: #000000;
}
.Size10Black {
	font-family: "Comic Sans MS";
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}
.Size12BlackBold {
	padding-left: 20px;
	font-family: "Comic Sans MS";
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.Size12BlackBolda {
	font-family: "Comic Sans MS";
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.Size12White {
	font-family: "Comic Sans MS";
	font-siz?: 12px;
	color: #FFFFFF;
}
.Size12Blue {
	font-family: "Comic Sans MS";
	font-size: 12px;
	color: #0000FF;
}
.Size9White {
	font-family: "Comic Sans MS";
	color: #FFFFFF;
	font-size: 9px;
}
.Size14BlackBold {
	font-family: "Comic Sans MS";
	font-size: 14px;
	font-weight: bold;
}
.Size14BlackBoldItalic {
	font-family: "Comic Sans MS";
	font-size: 14px;
	font-weight: bold;
      font-style: italic;
}
.Size12Black {
	font-family: "Comic Sans MS";
	font-size: 12px;
}
.Size9Red {
	font-size: 9px;
	color: #FF0000;
	font-family: "Comic Sans MS";
}
.Size12Red {
	font-size: 12px;
	color: #FF0000;
	font-family: "Comic Sans MS";
}
.Size14RedBold {
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
}