body {
margin:0 auto;
padding:0;
font:76% Verdana,Tahoma,Arial,sans-serif;
background:#E0E7F5 url(img/bg2.gif) top center repeat-y;
}
#wrap {
background-color:#ffffff;
margin:0 auto;
padding:0 5px;
width:760px;
}

/********* Various General Classes **********/
#clear {
clear: both;
margin: 0;
}
.clear2 {
clear: both;
margin: 0;
}
a {
text-decoration: none;
color: #3366CC;
}
a:hover {
text-decoration: underline;
}
.bold {
font-weight: bold;
text-decoration: underline;
}
.justbold {
font-weight: bold;
}
.bluebold {
font-weight: normal;
color: #3366CC;
}
.lists {
color: #3366CC;
}
.italic {
font-style: italic;
}
.greysmall {
color: #666666;
font-size: 10px;
}
table td {
text-align: left;
color: #666666;
}
.greylink {
color: #666666;
text-decoration: underline;
font-weight: bold;
}
#floatright {
margin: 50px 0 0 0;
float: right;
background: #effaff;
border: #3366CC 1px solid;
padding: 10px;
}
.imgleft {
float: left;
margin: 10px;
}
.imgright {
float: right;
margin: 10px;
}

/*********** Header ***********/
#header {
background:#ffffff url(img/fronts/front.jpg) top;
height:182px;
padding:0;
margin:0;
}
#searchfield {
position: absolute;
margin: 140px 0 0 530px;
_margin: 140px 0 0 280px;
padding: 0;
}

/* Sidebar (actually, boy, this the LEFT column) */
#sidebar { float:left; width:470px; }
#sidebar h1 { border-bottom:2px solid #7534aa; color:#444; font-size:165%; font-weight:normal; line-height:30px; padding:0 10px; }

/* Main (this the RIGHT column) */
#main { float:right; }
#main h1 { border-bottom:2px solid #7534aa; color:#444; font-size:165%; font-weight:normal; line-height:30px; padding:0 10px; }

/* Main2 */
#main2 { float: left;
width:100%; }
#main2 h1 { border-bottom:2px solid #7534aa; color:#444; font-size:165%; font-weight:normal; line-height:30px; padding:0 10px; }


/* Sidebar (actually, boy, this the LEFT column) */
#sidebarNew { width:710px; }
#sidebarNew h1 { border-bottom:2px solid #7534aa; color:#444; font-size:165%; font-weight:normal; line-height:30px; padding:0 10px; }

/* Main (this the RIGHT column) */
#mainNew { width:710px; }
#mainNew h1 { border-bottom:2px solid #7534aa; color:#444; font-size:165%; font-weight:normal; line-height:30px; padding:0 10px; }

/************ Main content ************/
#contentwide {
background:#ffffff url(img/contentwide-bg.gif) top repeat-x;
border: #d8d8d8 1px solid;
margin:0;
padding:15px;
line-height:1.5em;
text-align:left;
width: 728px;
}
#contentwide h2 {
color: #0066CC;
font-size:1.8em;
letter-spacing:-1px;
font-weight:normal;
margin:8px 0 10px 0;
}
#contentwide p {
color: #666666;
margin: 0;
}

#welcome {
width: 430px;
padding: 5px;
margin: 0;
}
#welcome p {
color: #3366CC;
margin: 10px 0 0 0;
}

#welcomeNew {
width: 700px;
padding: 5px;
margin: 0;
}
#welcomeNew p {
color: #3366CC;
margin: 10px 0 0 0;
}

#login {
width: 256px;
background:#ffffff url(img/bg_login.jpg) top no-repeat;
border: #CCCCCC 1px solid;
padding: 35px 0 20px 0;
margin: 0;
}
#login h2 {
padding: 0 0 0 5px;
}
#login label {
text-align: right;
}
table#login_details {
margin: 0 0 10px 5px;
}
#register {
border-top: #CCCCCC 2px solid;
width: 240px;
margin: 0 0 0 7px;
padding: 15px 0 0 0;
}
#register p {
color: #666666;
font-size: 11px;
line-height: 16px;
margin: 0;
}
#register h4 {
color: #333333;
font-size: 12px;
margin: 10px 0 0 0;
}
#register a, #register a:hover {
font-weight: bold;
text-decoration: underline;
color: #3366CC;
}

#features {
background:#ffffff url(img/bg_features.jpg) top left no-repeat;
width: 440px;
margin: 10px 0 0 0;
padding: 35px 0 0 0;
}
#features p {
margin: 0;
text-align: center;
}
#features img:hover  {
border: #333333 1px solid;
}
#problem {
border: 0;
padding: 15px 0 5px 0;
}

.imagebox {
padding:0px;

margin:0px;
margin-top:1px;
border: red 0px solid;
width: 130px;
height: 115px;
text-align:center;
line-height:106px;
font-size:106px;
}
*>.imagebox{
font-size:12px
}
	
#featurebox1 {
background: url(img/bg_featurebox1.gif) top repeat-x;
border: #999999 1px solid;
width: 130px;
height: 150px;
float: left;
margin: 5px 20px 0 0;
}	
	
#featurebox2 {
background: url(img/bg_featurebox2.gif) top repeat-x;
border: #999999 1px solid;
width: 130px;
height: 150px;
float: left;
margin: 5px 20px 0 0;
}
#featurebox3 {
background: url(img/bg_featurebox3.gif) top repeat-x;
border: #999999 1px solid;
width: 130px;
height: 150px;
float: right;
margin: 5px 0 0 0;
}
#featurebox4 {
background: url(img/bg_featurebox.gif) top repeat-x;
border: #999999 1px solid;
width: 390px;
height: 150px;
float: right;
margin: 5px 0 0 0;
}
.featimg {
vertical-align:middle;
border: #666666 1px solid;
}

#news {
background: url(img/bg_news.jpg) top left repeat-x;
width: 246px;
margin: 10px 0 0 0;
padding: 30px 5px 10px 5px;
border: #CCCCCC 1px solid;
}
#news h4 {
font-size: 11px;
padding: 20px 0 0 0;
color: #ff9933;
margin: 0;
}
#news p {
font-size: 11px;
color: #666666;
line-height: 14px;
margin: 10px 0;
}
#news a {
text-decoration: underline;
color: #ff9933;
}
#news a:hover {
text-decoration: none;
}
#news ul {
list-style-type: none;
}

#reps {
background: url(img/bg_reps.jpg) top left repeat-x;
width: 435px;
margin: 10px 0 0 0;
padding: 30px 5px 0 5px;
}

#endorsements {
background: url(img/bg_endorsements.jpg) top left repeat-x;
width: 435px;
margin: 10px 0 0 0;
padding: 30px 5px 0 5px;

}
#endorsements  img:hover  {
border: #333333 1px solid;
}

.box{
height:87px;
width:87px;
text-align:center;
line-height:87px;
font-size:87px;
border:0px solid red;
float:left;
}
*>.box{
font-size:12px
}
.end{
vertical-align:middle;
border: #CCCCCC 1px solid;
}
	
#pollbox {
background: url(img/bg_poll.jpg) top left repeat-x;
width: 246px;
margin: 10px 0 0 0;
padding: 50px 5px 5px 5px;
border: #CCCCCC 1px solid;
}

#checks {
color: #666666;
list-style: none;
}

/************** Poll Box **************/
.poll_outer {
font-family: Arial,sans-serif;
margin: auto;
}
.heading {
padding: 0 0 10px 0; 
text-align: center;
font-weight: bold;
color: #3366CC;
}
.question {
color: #666666;
padding: 3px;
font-style: italic;
font-weight: bold;
text-align: center;
}
.radio {
padding-left: 7px;
text-align: right;
}
.result {
padding-left: 7px;
padding-right: 7px;
}
.percent {
padding-right: 7px;
text-align: right;
}
.submit {
border-top: 0px solid black;
padding: 3px;
text-align: center;
}
.button {
background-color: #5588cc;
color: #fff;
}

/************** KIDS PAGE **************/
#kidslinks {
width: 226px;
background:#ffffff url(img/bg_links.jpg) top left no-repeat;
border: #CCCCCC 1px solid;
padding: 35px 0 10px 0;
margin: 0;
color: #3366CC;
}
#kidslinks h2 {
font-size: 18px;
padding: 0 0 0 20px;
text-decoration: underline;
}
#kidslinks a {
text-decoration: none;
color: #3366CC;
}
#kidslinks a:hover {
text-decoration: underline;
}
#kidslinks li {
list-style-image:url(img/bullet.gif);
}
.linkbox {
float: left;
width: 215px;
margin: 8px 8px 0 0;
background:#ffffff url(img/link_bg.gif) top repeat-x;
border: #CCCCCC 1px solid;
padding: 5px;
}
.linkbox a {
border: 0;
}
.linkbox img:hover  {
border: #6699ff 1px solid;
}
.linkbox img {
padding: 0;
border: #CCCCCC 1px solid;
}
.linkbox h3 {
text-decoration: underline;
font-size: 12px;
font-weight: normal;
color: #3366CC;
margin: 0 0 3px 0;
}
.linkbox p {
line-height: 11px;
font-size: 10px;
color: #666666;
margin: 0;
}

/************** School liaison **************/
/* also see .lists */
#main_text {
width: 430px;
padding: 5px;
margin: 0;
}
#main_text p {
color: #666666;
margin: 10px 0 0 0;
}
#main_text h3 {
color: #3366CC;
margin: 0;
font-size: 16px;
}
.citbox {
background: #effaff;
border: #3366CC 1px solid;
width: 420px;
padding: 20px;
margin: 10px 0 0 0;
}
.citbox img {
margin: 0;
}

/*********** School Projects ***********/
#schoolprojlinks {
width: 720px;
background:#ffffff url(img/bg_projlinks.jpg) top left no-repeat;
border: #CCCCCC 1px solid;
padding: 30px 0 0px 0;
margin: 0;
color: #3366CC;
}
#schoolprojlinks p {
margin: 0 0 8px 0;
color: #666666;
font-size: 10px;
}
#schoolprojlinks li {
margin: 0px 0 0 0;
list-style-image:url(img/bullet.gif);
}

.projlinkbox {
float: left;
width: 100%;
margin: 8px 8px 0 0;
background:#ffffff url(img/link_bg.gif) top repeat-x;
border: #CCCCCC 1px solid;
padding: 5px;
}
.projlinkbox a {
border: 0;
}
.projlinkbox img:hover  {
border: #6699ff 1px solid;
}
.projlinkbox img {
float: left;
margin: 0 10px 0 0;
padding: 0;
border: #CCCCCC 1px solid;
}
.projlinkbox p {
line-height: 15px;
font-size: 12px;
color: #666666;
margin: 0;
}

/*********** Competition Page ***********/
#schoolcomplinks {
width: 206px;
background:#ffffff url(img/bg_complinks.jpg) top left no-repeat;
border: #CCCCCC 1px solid;
padding: 35px 0 10px 0;
margin: 0;
color: #3366CC;
}
#schoolcomplinks p {
margin: 0 0 8px 0;
color: #666666;
font-size: 10px;
}
#schoolcomplinks li {
margin: 8px 0 0 0;
list-style-image:url(img/bullet.gif);
}

/*********** Competition Page ***********/
#schoolcomplinks2 {
width: 100%;
background:#ffffff url(img/bg_complinks.jpg) top left no-repeat;
border: #CCCCCC 1px solid;
padding: 35px 0 10px 0;
margin: 0;
color: #3366CC;
}
#schoolcomplinks2 p {
margin: 0 0 8px 0;
color: #666666;
font-size: 10px;
}
#schoolcomplinks2 li {
margin: 8px 0 0 0;
list-style-image:url(img/bullet.gif);
}

/*********** My Favourite Place Page ***********/
#favplacecomplinks {
width: 226px;
background:#ffffff url(img/bg_complinks.jpg) top left no-repeat;
border: #CCCCCC 1px solid;
padding: 35px 0 10px 0;
margin: 0;
color: #3366CC;
}
#favplacecomplinks p {
margin: 0 0 8px 0;
color: #666666;
font-size: 10px;
}
#favplacecomplinks li {
margin: 8px 0 0 0;
list-style-image:url(img/bullet.gif);
}

/*********** Lesson Plans Page ***********/
#lessonlinks {
width: 226px;
background:#ffffff url(img/bg_lessonlinks.jpg) top left no-repeat;
border: #CCCCCC 1px solid;
padding: 35px 0 10px 0;
margin: 0;
color: #3366CC;
}
#lessonlinks p {
margin: 0 0 8px 0;
color: #666666;
font-size: 10px;
}
#lessonlinks li {
margin: 8px 0 0 0;
list-style-image:url(img/bullet.gif);
}



/*********** Contact Page ***********/
#contactlinks {
width: 226px;
background:#ffffff url(img/bg_contact.jpg) top left no-repeat;
border: #CCCCCC 1px solid;
padding: 35px 0 10px 0;
margin: 0;
color: #3366CC;
}
#contactlinks h2 {
font-size: 18px;
padding: 0 0 0 20px;
text-decoration: underline;
}
#contactlinks a {
text-decoration: none;
color: #3366CC;
}
#contactlinks a:hover {
text-decoration: underline;
}
#contactlinks li {
list-style-image:url(img/bullet.gif);
}

/*********** NEWS Page ***********/
#newslinks {
width: 226px;
background:#ffffff url(img/bg_news.jpg) top left no-repeat;
border: #CCCCCC 1px solid;
padding: 35px 0 10px 0;
margin: 0;
color: #3366CC;
}
#newslinks p {
margin: 0 0 8px 0;
color: #666666;
font-size: 10px;
}
#newslinks li {
margin: 8px 0 0 0;
list-style-image:url(img/bullet.gif);
}

/*********** Please Register Page ***********/
#regtable {
float: left;
margin: 20px 0 0 0;
padding: 15px;
border: #3366CC 1px solid;
background: #effaff;
width: 380px;
}
#regtable p {
margin: 0 0 15px 10px;
}
#regtable table label {
color: #666666;
font-size: 11px;
}
#regtable-login {
float: right;
width: 240px;
margin: 20px 0 0 0;
padding: 20px 20px 20px 30px;
background: #effaff;
border: #3366CC 1px solid;
}

/*********** My Ideas Page ***********/
#ideastable {
float: left;
margin: 20px 0 0 0;
padding: 8px;
border: #3366CC 1px solid;
background: #effaff;
width: 690px;
}
#ideastable table {
float: left;
padding: 5px;
}
#ideastable p {
margin: 0 0 15px 10px;
}
#ideastable table label {
color: #666666;
font-size: 11px;
}

/*********** Gallery Page ***********/
#galcountries {
width: 226px;
background:#ffffff url(img/bg_gal.jpg) top left no-repeat;
border: #CCCCCC 1px solid;
padding: 0;
margin: 0;
color: #3366CC;
}
#galcountries p {
margin: 0 0 8px 0;
color: #666666;
font-size: 10px;
}
#galcountries li {
margin: 8px 0 0 0;
list-style-image:url(img/bullet.gif);
}
#spacer {
margin: 40px 0 0 0;
}
.galflag {
margin: 20px 0 15px 12px;
}
.galflag img {
margin: 0 10px 0 0;
border: #CCCCCC 1px solid;
float: left;
}
.galflag img:hover {
border: #ff9900 1px solid;
}
.thumb {
width: 100px;
height: 120px;
margin: 6px;
float: left;
text-align: center;
}
.thumb img {
border: #666666 1px solid;
}
.thumb p {
line-height: 10px;
margin: 0;
font-size: 9px;
}
.thumb img:hover {
border: #ff9900 1px solid;
}
#galmain {
margin: 20px 0 0 0;
text-align: center;
}

/********** About us Page **********/
#about {
font-size: 90%;
line-height: 16px;
padding: 10px;
width:708px;
}
#about p {
color: #3366CC;
margin: 8px 0 0 0;
}
#about li {
list-style-image:url(img/bullet.gif);
color: #666666;
margin: 0 0 5px 0;
}
#about h3 {
color: #3366CC;
font-size: 14px;
}
about img {
margin: 0;
padding: 0;
}

#mission {
width:230px;
background: #effaff;
border: #3366CC 1px solid;
float: right;
padding: 5px 15px 15px 15px;
margin: 0 0 0 20px;
}
#mission p {
font-size: 9px;
line-height: 12px;
color: #333333;
margin: 10px 0 0 0;
}
.sch {
float: left;
width: 200px;
margin: 10px;
}
.sch img {
margin: 0;
}

/********** 999 Pages **********/
#police {
font-size: 90%;
line-height: 16px;
padding: 10px;
width:708px;
}
#police p {
color: #3366CC;
margin: 5px 0 0 0;
}
#police li {
list-style-image:url(img/bullet.gif);
margin: 0;
}
#police h3 {
margin: 10px 0 0 0;
color: #3366CC;
font-size: 14px;
}
#police img {
border: 0;
}
.boxwrap1{
margin:0;
padding: 10px;
width: 440px;
border-bottom: #3366CC 1px solid;
}
.boxwrap{
margin: 0;
padding: 10px;
border-bottom: #3366CC 1px solid;
}
.boxwrap-prev{
margin: 0;
padding: 10px;
min-height: 200px;
border-bottom: #3366CC 1px solid;
}
#findout p, #findout h3, #findout ul {
color: #cc3300;
}

.policecats {
behavior: url('IEFixes.htc');
margin: 20px 0 10px 50px;
border: #d8d8d8 1px solid;
padding: 10px 10px 3px 10px;
width: 300px;
}
.policecats:hover, .policecats.hover,
.policecats:active, .policecats.active {
border: #3366CC 1px solid;
background: #effaff; 
}
.policecats img {
border: 0;
}
.pstory img {
float: right;
}

#moreoptions {
width:200px;
background-color: #fbe8d4;
border: #FF9933 1px solid;
float: right;
padding: 0 15px 15px 15px;
margin: 0 0 10px 0;
line-height: 18px;
}
#moreoptions-top {
margin: 10px 0 0 0;
border-bottom: #FF9933 2px solid;
padding: 0 0 7px 0;
}

#launch {
background: #effaff;
border: #3366CC 1px solid;
width:210px;
float: right;
padding: 10px 15px 15px 15px;
margin: 0 0 0 20px;
}
#launch p {
font-size: 9px;
line-height: 12px;
color: #333333;
margin: 0;
}
.launchpic {
margin: 10px 0 15px 0;
font-size: 9px;
text-align: center;
}

/******* Fire Brigade Page *******/
.firecats {
behavior: url('IEFixes.htc');
margin: 20px 0 10px 18px;
border: #d8d8d8 1px solid;
padding: 10px 10px 3px 10px;
width: 300px;
float: left;
}
.firecats:hover, .firecats.hover,
.firecats:active, .firecats.active {
border: #3366CC 1px solid;
background: #effaff; 
}
.firecats img {
border: 0;
}
#firegal {
padding: 20px 0 0 0;
}
.fireimg {
width: 250px;
height: 250px;
float: left;
margin: 0 20px 0 0;
}
.fireimg p {
text-align: center;
}

/******** Competition Boxes ********/
.compbox {
float: left;
width: 715px;
margin: 8px 0 0 0;
background:#ffffff url(img/link_bg.gif) top repeat-x;
border: #CCCCCC 1px solid;
padding: 5px;
}
.compbox a {
border: 0;
}
.compbox img:hover  {
border: #6699ff 1px solid;
}
.compbox img {
float: left;
margin: 0 10px 0 0;
padding: 0;
border: #CCCCCC 1px solid;
}

.compbox p {
line-height: 15px;
font-size: 12px;
color: #666666;
margin: 0;
}


/********** SPONSORS **********/
#sponsors {
padding: 30px 0 0 0;
}
#sponsors img {
margin: 1px;
border:0;
}

/************** Footer **************/
#footer {
margin:0 auto;
padding:8px 0;
width:760px;
text-align:center;
color:#C2C2C2;
background-color:#ffffff;
font-size:0.9em;
}
#footer p {
padding:0;
margin:0;
}
#footer a {
color:#C2C2C2;
background-color:inherit;
text-decoration:none;
}
#footer a:hover {
color:#999999;
text-decoration:underline;
}