body {
background : #ffffff;
color : #000000;
margin : 0;
padding : 0 10px 10px;
font-family:helvetica, impact, sans-serif;
}
a {
color : #770000;
font-weight : bold;
text-decoration : none;
}

a:hover {
color : #000000;
text-decoration : underline;
}
p {
line-height : 1.1em;
font-size : 0.85em;
margin : 0 0 7px;
padding : 0 10px 10px;
}
h1 {
font-size : 1.2em;
}
h6 {
margin : 0;
margin-top : 16px;
padding : 0;
}
#container {
background : #ffffff;
color : #303030;
margin : 0;
min-width : 770px;
padding : 2px;
text-align : left;
width : 100%;
padding : 0 10px 10px;
}
#sitename {
color : #ffffff;
height : 92px;
margin : 0 0 10px;
text-align : left;
}
#sitename h1, #sitename h2 {
font-weight : 400;
letter-spacing : -2px;
margin : 0;
padding : 0;
}
#sitename h1 {
font-size : 2.4em;
padding-top : 20px;
}
#sitename h2 {
font-size : 1.6em;
}
#wrap {
clear : both;
font-size : 0.9em;
}
#leftside, #rightside {
margin : 0;
padding : 0 10px 10px;
width : 165px;
}
#leftside {
float : left;
margin-right : 10px;
}
#rightside {
float : right;
margin-left : 10px;
}
#leftside h1, #rightside h1 {
color : #505050;
font-size : 1.6em;
font-weight : bold;
letter-spacing : -1px;
margin : 0 0 12px;
}
#leftside h2, #rightside h2 {
font-size : 1.1em;
margin : 0 0 20px;
}
#leftside p, #rightside p {
font-size : 0.9em;
line-height : 1.4em;
margin : 0 0 16px 10px;
}
.linklist {
list-style : none;
margin : 0 0 16px 10px;
padding : 0;
}
.schoollist {
margin-left : 0;
margin : 0 0 25px 0;
padding : 7px;
}
.linklist li {
margin-bottom : 0.7em;
}
.box {
font-size : 0.7em;
background : #e8e9ea;
border : 1px solid #b0b0b0;
color : #606060;
display : block;
margin-top : 8px;
padding : 5px 4px 4px 10px;
position : relative;
text-transform : uppercase;
width : 90%;
}
.box-lower {
font-size : 0.7em;
text-align : center;
font-weight : bold;
border : 1px solid #b0b0b0;
border-style : inset;
display : block;
margin-top : 0;
padding : 5px 4px 4px 4px;
width : 90%;
}
.box:hover, .active {
background : #f8f9fa;
border : 1px solid #909090;
color : #303030;
text-decoration : none;
}
table.rightbox {
border-width : 0 0 0 0;
border-spacing : 1px;
border-style : inset inset inset inset;
border-color : gray gray gray gray;
border-collapse : separate;
}
table.rightbox th {
border-width : 0 0 0 0;
padding : 0 0 0 0;
border-style : inset inset inset inset;
border-color : gray gray gray gray;
}
table.rightbox td {
border-width : 0 0 0 0;
padding : 0 0 0 0;
border-style : inset inset inset inset;
border-color : gray gray gray gray;
}
.sub {
font-size : 0.8em;
letter-spacing : 1px;
margin : 3px 0 2px 10px;
padding : 4px 2px 2px 8px;
width : 125px;
}

#contentsub {
padding-right: 5px;
}

#content, #contentalt {
font-size: 8.2pt;
color : #2a2a2a;
font-weight : bold;
text-align : left;
padding-left : 0;
padding-right : 0;
}
#content h1, #content h2, #contentalt h1, #contentalt h2 {
background-color : inherit;
color : #606060;
font-size : 0.85em;
font-weight : bold;
letter-spacing : -1px;
margin : 0 0 15px;
padding : 0;
}
#content h2, #contentalt h2 {
font-size : 0.85em;
margin-bottom : 10px;
}
#footer {
clear : both;
font-size : 0.6em;
font-weight : bold;
margin : 0;
padding : 8px;
text-align : right;
height: 37px;
}
#content TD, TR, TH{
font-size: 12pt;

}
#footer a {
color : #d0d0d0;
font-weight : bold;
}
.thumbnail {
background : #fafbfc;
border : 1px solid #b0b0b0;
margin : 0 0 10px 10px;
padding : 5px;
}
.searchform {
margin : 0;
}
#search {
margin-top : 0;
padding-top : 0;
}
.clearingdiv {
clear : both;
height : 30px;
width : 1px;
}
.hide {
display : none;
}
.intro {
font-size : 1.1em;
font-weight : bold;
letter-spacing : -1px;
}
.small {
font-size : 0.8em;
}
.large {
font-size : 0.85em;
}
.center {
text-align : center;
}
.right {
text-align : right;
}
#menu {
/*text-align : center;*/
}
.hide {display:none;}

/*** Text format ***/

#nav, #nav ul {
width : 1000px;
list-style : none;
font-size : 11px;
padding : 0;
padding-top : 4px;
text-align : center;
margin : 0 0 0 0;
}
#nav a {
display : block;
width : 11.3em;
color : #ffffff;
text-decoration : none;
padding : 0.3em 0.3em;
}
#nav li {
	float: left;
	padding: 0px;
	width: 11.3em !important;
	width: 0em;
}
#nav li ul {
background : #a0a0aa;
position : absolute;
left : -999em;
height : auto;
width : 11.3em !important;
width : 11.3em;
text-align : left;
font-weight : bold;
margin : 0;
}
#nav li li {
padding-right : 0;
}
#nav li ul a:hover {
background : #c03737;
height : auto;
width : 10.8em !important;
width : 11.3em;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
z-index : 2;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
z-index : 2;
left : auto;
*/edit this */
}
#nav li:hover, #nav li.sfhover {
background : #a0a0aa;
}

#idxsearchdiv {
color : #ffffff;
}
.formtext {
font-family : arial, verdana, ms sans serif;
font-size : 9.2pt;
}
div.img-dec {
background : url('/images/shadow.gif') no-repeat bottom right;
clear : right;
float : right;
margin : 0 10px 15px 6px;
padding : 0;
position : relative;
}
div.img-dec img {
background-color : #fff;
border : 1px solid #a9a9a9;
display : block;
margin : -5px 5px 5px -5px;
padding : 4px;
position : relative;
}
div.img-box img {
border : 1px solid #000000;
margin : 0 10px 3px 5px;
}

#quicklink{
 font-size:8.2pt;
}
#quicklink a {
color : black;
}
#quicklink li {
list-style-type : none;
padding-bottom : 2px !important;
padding-bottom : 0;
padding-right : 0;
margin-top : 2px;
margin-left : 0;
list-style-position : outside;
}
.toggler {
color : #222;
margin : 0;
padding : 0 0;
background : #eee;
border-bottom : 0 solid #ddd;
border-right : 0 solid #ddd;
border-top : 0 solid #f5f5f5;
border-left : 0 solid #f5f5f5;
font-size : 11px;
font-weight : normal;
font-family : Verdana, Tahoma, Arial, sans-serif;
width : 170px;
}
.element {
width : 172px;
padding : 0;
margin : 0;
line-height : 1.25em;
}
.element p {
margin : 0;
padding : 0;
}
.element ul {
margin : 0;
padding : 0;
}
.element li {
list-style-type : none;
padding-bottom : 0 !important;
padding-bottom : 0;
padding-right : 0;
margin-top : 0;
margin-left : 15px;
list-style-position : outside;
}
.element a {
color : black;
}
.float-right {
padding : 10px 20px;
float : right;
}
blockquote {
padding : 5px 0 5px 30px;
}
#students {
background-color : #ae1515;
width : 172px;
font-size : 11px;
color : black;
}
#parents {
background-color : #f2a62e;
width : 172px;
font-size : 11px;
color : black;
}
#staff {
background-color : #4c5ee1;
width : 172px;
font-size : 11px;
color : black;
}
#employment {
background-color : #51b33d;
width : 172px;
font-size : 11px;
color : black;
}
#ajaxSearch_form {
margin : 0;
padding : 0;
margin-top : 0 !important;
margin-left : 25px;
padding-top: 0 !important;
padding-top : 0px;
height : 17px !important;
height : 25px;
border : 0 solid;
position: relative; 
top: -6% !important;
top: 16.2%;

}
#ajaxSearch_input {
border : 0 solid;
width : 125px !important;
background : transparent;
padding : 0;
border : 0 solid;
margin-top: 0 !important;
margin-top: 2px;
padding-top:0 !important;
padding-top:1px;
}
#ajaxSearch_submit {
background : transparent;
border : 0 solid;
background : transparent;
cursor : pointer;
margin-left : 8px;
height : 20px;
}
#ajaxSearch_output {
z-index : 100;
position : absolute;
top: 110px;
right: !important;
right: 40px;
background-color : white;
visibility: hidden;
border : 0px solid;
margin-right: 0px !important;
margin-right: 20px;
}

  .ajaxSearch_paging {
    
        }
        .AS_ajax_result {
            color: #444;
            margin-bottom: 3px;
        }
        .AS_ajax_resultLink {
            text-decoration: underline;
        }
        .AS_ajax_resultDescription{
            color: #555;
        }
        .AS_ajax_more {
            color: #555;
        }
        
.FSF_form{
margin : 0;
padding : 0;
margin-top : 0 !important;
margin-left : 25px;
padding-top: 0 !important;
padding-top : 0px;
height : 27px !important;
height : 27px;
border : 0 solid;
position: relative; 
top: 10% !important;
top: 16.2%;}

.FSF_input {
background: url(/images/Index_34.jpg);
border: 0 solid;
width: 192px;
height: 27px;
padding-left: 20px;
padding-top: 6px;

}
.FSF_submit {
background: url(/images/Index_36.gif);
height: 23px;
width: 27px;
background-repeat: no-repeat;
border: 0 solid;
cursor: pointer;}

.active{background: transparent; border: 0 solid;}
