html {
}

body {
font-family:arial, sans-serif;
font-size:.74em;
margin:0;
padding:0;
background-color:#11568B;
}

p {
line-height:20px;
margin:0;
padding:0 0 24px;
}

h1 {
font-family:arial, sans-serif;
font-size:176%;
font-weight:400;
margin:0;
text-align:left;
}

h2 {
font-size:100%;
text-decoration:underline;
font-weight:400;
margin:0;
text-align:left;
}

fieldset {
border:none;
}

img {
border:0;
}

img.floatleft {
  float:left;
  padding-right:5px;
  padding-bottom:5px;
}

a {
  text-decoration:underline;
  outline:none;
  color:#fff;
}

#wrapper {
width:1000px;
margin-left:auto;
margin-right:auto;
background-color:transparent;
height:708px;
padding:0;
}

#wrapper2 {
  position:absolute;
}

#main {
color:#fff;
height:661px;
margin:0;
padding:0;
float:left;
width:850px;
height:612px;
}

#left_spacer {
height:708px;
width:40px;
padding:0;
margin:0;
float:left;
}

#right_spacer {
  width:110px;
  height:708px;
  margin:0;
  padding:0;
  float:left;
}

#top_spacer {
  width:850px;
  height:16px;
  padding:0;
  margin:0;
}

#bottom_spacer {
  width:850px;
  height:80px;
  padding:0;
  margin:0;
}

#content {
  background-color:#919295;
  width:850px;
  height:612px;
  padding:0;
  margin:0;
}

div#top_bar {
  height:26px;
  width:850px;
  padding:0;
  margin:0;
  overflow:hidden;
  text-align:center;
}

div#menu_bar {
  height:26px;
  width:850px;
  padding:0;
  margin:0;
  text-align:center;
}

#middle_bar {
  height:130px;
  width:850px;
  background-color:#D1D1D1;
  overflow:hidden;
  margin:0;
  padding:0;
}

#middle_bar_left {
  width:510px;
  height:130px;
  overflow:hidden;
  padding:0;
  margin:0;
  float:left;
}

#logo {
  float:left;
  height:117px;
  width:126px;
  overflow:hidden;
  margin:0;
  padding:0px;
  position:relative;
  float:left;
  background: url(../images/logo.gif) no-repeat;
  left:15px;
  top:5px;
}

#bsi {
  float:left;
  height:74px;
  width:200px;
  overflow:hidden;
  margin:0;
  padding:0px;
  position:relative;
  float:left;
  background: url(../images/bsi.gif) no-repeat;
  left:120px;
  top:30px;

}

#middle_bar_right {
  width:340px;
  height:130px;
  overflow:hidden;
  padding:0;
  margin:0;
  background: url(../images/middle_pic.jpg) no-repeat;
  float:left;
}

#content_bar {
  width:850px;
  height:360px;
  padding:0;
  margin:0;
  overflow:hidden;
}

#content_bar.content_bar_home {
 background: url(../images/home_bg.jpg) no-repeat;
}

#content_bar.content_bar_about {
  background: url(../images/about_bg.jpg) no-repeat;
}

#content_bar.content_bar_charity {
  background: url(../images/charity_bg.jpg) no-repeat;
}

#content_bar.content_bar_contact {
  background: url(../images/contact_bg.jpg) no-repeat;
}

#content_bar.content_bar_government {
  background: url(../images/government_bg.jpg) no-repeat;
}

#content_bar.content_bar_schools {
  background: url(../images/schools_bg.jpg) no-repeat;
}

#content_bar.content_bar_parents {
  background: url(../images/parents_bg.jpg) no-repeat;
}

#content_bar.content_bar_staffroom {
  background: url(../images/staffroom_bg.jpg) no-repeat;
}

#content_bar.content_bar_kidzone {
  background: url(../images/kidzone_bg.jpg) no-repeat;
}

#content_bar.content_bar_policy {
  background: url(../images/policy_bg.jpg) no-repeat;
}

#content_bar.content_bar_links {
  background: url(../images/links_bg.jpg) no-repeat;
}

#content_bar.content_bar_news {
  background: url(../images/news_bg.jpg) no-repeat;
}

#content_bar_text {
  width:450px;
  overflow:hidden;
  margin:0;
  padding:0;
  height:360px;
  background-color:transparent;
}

#content_bar_text_scroll {
  width:490px;
  overflow:hidden;
  margin:0;
  padding:0;
  background-color:transparent;
  height:350px;
}

#content_bar_text h1 {
  font-size:19pt;
  font-weight:400;
  margin:0;
  padding:10px 10px 15px 5px;
 
}

#content_bar_text_scroll h1 {
  font-size:19pt;
  font-weight:400;
  margin:0;
  padding:10px 10px 15px 5px;
}

#content_bar_text p {
  font-size:10pt;
  padding: 5px 10px 5px 5px;
  margin:0;
  text-align:justify;
}

#content_bar_text_scroll p {
  font-size:10pt;
  padding: 5px 10px 5px 5px;
  margin:0;
  text-align:justify;
}

#content_bar_left {
  width:495px;
  height:360px;
  margin:0;
  padding:0;
  overflow:hidden;
  float:left;
}

#content_bar_spacer {
  width:15px;
  height:360px;
  margin:0;
  padding:0;
  overflow:hidden;
  float:left;

}

#content_bar_right {
  width:340px;
  height:360px;
  margin:0;
  padding:0;
  float:left;
}

#content_bar_image_upper {
  width:340px;
  height:180px;
  margin:0;
  padding:0;
  background: url(../images/sorting.jpg) no-repeat;

}

#content_bar_image_lower {
  width:340px;
  height:180px;
  margin:0;
  padding:0;
  background: url(../images/clothes.jpg) no-repeat;
}

#bottom_bar {
  width:850px;
  height:70px;
  padding:0;
  margin:0;
  background-color:#fff;
  overflow:hidden;
}

#bottom_bsi {
  width:270px;
  background-color:transparent;
  height:70px;
  margin:0;
  padding:2px 0 0 0;
  float:left;
  text-align:center;
}

#bottom_address {
  float:right;
  margin:0;
  padding:0;
  background-color:transparent;
  width:470px;
  height:70px;
}

#bottom_address_spacer {
  width:100px;
  height:70px;
  float:right;
  padding:0;
  margin:0;
  background-color:transparent;
}

#bottom_address h2 {
  color:#01464E;
  margin:0;
  padding: 0 10px 0 0;
  text-align:right;
  text-decoration:none;
  font-weight:600;
  font-size:13pt;
}

#bottom_address p {
  color:#01464E;
  margin:0;
  padding: 0 10px 0 0;
  text-align:right;
  display:block;
  line-height:14px;
}

#bottom_address p a {
  text-decoration:none;
  color:#01464E;
}

div#cartoon1 {
  position:absolute;
  margin:0;
  padding:0;
  width:157px;
  height:206px;
  background: url(../images/cartoon1.gif) no-repeat;
  z-index:8;
  left:2px;
  top: 500px;
}

div#cartoon2 {
  position:absolute;
  margin:0;
  padding:0;
  width:323px;
  height:178px;
  background: url(../images/cartoon2.gif) no-repeat;
  z-index:2000;
  left:675px;
  top:528px;
}

div#skater {
  position:absolute;
  margin:0;
  padding:0;
  width:156px;
  height:104px;
  background: url(../images/skater.gif) no-repeat;
  z-index:1;
  left:60px;
  top: 450px;
  visibility:hidden;
}


#menu {
  margin-left:auto;
  margin-right:auto;
  height:26px;
  vertical-align:middle;
  font-weight:500;
  padding-top:1px;
  padding-left:15px;
}


#menu ul {
  list-style:none;
  padding-top:2px;
  margin:0px;
  text-align:left;
  background-color:transparent;
  height:25px;
  padding-left:0px;
}

#menu li {
  float:left;
  text-transform:uppercase;
  vertical-align:middle;
  padding-left:6px;
  padding-right:8px;
  display:inline;
  margin:0px;
  background-color:transparent;
  font-size:12pt;
  border-right:#00ff00 1px solid;
}

#menu li.nobar {
  border:none;
}

#menu a {
  text-transform:uppercase;
  color:#fff;
  text-decoration: none;
  font-size:12pt;
  vertical-align:middle;
}

#menu a.link {
  padding-top:5px;
  font-weight:400;
}

#menu a.selected, #menu a:hover, #menu a:active {
 color:#EEEC39;
}

#cartoon_top {
   width:218px;
   height:120px;
   margin:0;
   padding:0px 20px 0 0;
   overflow:hidden;
   background: url(../images/cartoon_top.gif) no-repeat;
   float:right;
   vertical-align:bottom;
   top: 10px;
}

/* POPUP MENU STYLES */


.submenu{
position:absolute;
top: 10px;
border: none; /*THEME CHANGE HERE*/
border-width: 0px;
line-height:25px;
z-index:100;
background-color:#919295;
width: 130px;
visibility: hidden;
margin:0;
clear:both;
}


.submenu a{
width: auto;
display: block;
text-indent: 5px;
border: 0; /*THEME CHANGE HERE*/
border-bottom-width: 1px;
padding: 2px 0;
text-decoration: none;
color: #fff;
font:normal 15px arial;
text-align:left;
}

* html .submenu a{ /*IE only hack*/
width: 100%;
}

.submenu a:hover{ /*THEME CHANGE HERE*/
background-color: #EEEC39;
}

/* ADMIN */

#admin_login {
  overflow:hidden;
  margin:auto;
  background-color:#000033;
  height:360px;
  text-align:center;
  vertical-align:middle;
  width:850px;
}

#admin_login_container {
  width:80%;
  margin: 60px auto 0px auto;
  padding: 10px;
  border: 1px solid #fff;
  text-align:center;
}

#admin_login h1 {
  padding-bottom:20px;
}

#admin_login_block {
  width:500px;
  margin-left:auto;
  margin-right:auto;
}

#admin_login_left {
  float:left;
  width:150px;
  font-size:8pt;
  text-align:left;
}

#admin_login_right {
  padding-top:10px;
  float:left;
  border: 1px solid #ccc;
  width:250px;
  height:100px;
  text-align:left;
}

#admin_login_image {
  float:left;
  background:url(/images/admin/padlock.png) 10px 6px no-repeat;
  width:70px;
  height:102px;
  overflow:hidden;
  margin:0;
  padding:0;
}