/* default formatting	*/
html,body,ul,ol,li,div,p,h1,h2,h3,hr,img,br,form { margin: 0; padding: 0; }
body { font: 0.625em Arial, Helvetica, Tahoma, Verdana, sans-serif; color: #666; text-align: center; }


.chalkboardfont { font-family: "ChalkboardRegular", Tahoma, Verdana; font-weight: normal; position: relative; padding-top: 7px; width: 100%;}


h1 { font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size: 170%; margin: 0 0 10px 0; line-height: 110%; }
h2 { font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size: 150%; margin: 0 0 10px 0; line-height: 110%; }
h3 { font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size: 130%; margin: 0 0 10px 0; line-height: 110%; }
h4 { font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size: 110%; margin: 0 0 10px 0; line-height: 110%; }
h5 { font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size: 100%; margin: 0 0 10px 0; line-height: 110%; }



.shadow {-moz-box-shadow: 10px 10px 5px #888; -webkit-box-shadow: 10px 10px 5px #888; box-shadow: 10px 10px 5px #888;}

p { font-size: 110%; line-height: 145%; margin: 10px 0;}
pre { clear: both; font-size: 130%; text-align: left; }

ul { margin: 0 0 0 20px; }
ol { margin: 0 0 0 25px; }
li { margin: 5px 0; }

a { color: #1F4D80; text-decoration: none; } 
a:hover { color: #4CBADB; text-decoration: underline; }
a:active, a:focus { outline: 0; }

.hide { display: none; visibility: hidden; }

.clr { clear: both; height: 0; overflow: hidden; }
.goleft { float: left; }
.goright { float: right; }

img { border:0px}

/* classes */
.rc {-moz-border-radius: 4px; -webkit-border-radius:  4px; border-radius: 4px;}
.toprc {-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius:  4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; border-top-left-radius:  4px;}
.bottomrc {-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius:  4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;  border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
.innerwrapper {padding: 10px;}

.green {
background: #8ac144; /* Old browsers */
background: -moz-linear-gradient(top, #8ac144 0%, #73a23a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ac144), color-stop(100%,#73a23a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #8ac144 0%,#73a23a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #8ac144 0%,#73a23a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #8ac144 0%,#73a23a 100%); /* IE10+ */
background: linear-gradient(top, #8ac144 0%,#73a23a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ac144', endColorstr='#73a23a',GradientType=0 ); /* IE6-9 */
border-bottom: 1px solid #638B31;
/* border-top: 1px solid #D6EABE; */
}
.lightgreen {background: #C4E0A1; border-bottom: 1px solid #638B31;border-top: 1px solid #D6EABE;}
.greenoutline {border: 1px solid #8ac144; border-top: 0;}

.grbutton { vertical-align: middle; margin: 0 0 10px 0; background-color:#FF7926; color:#FFFFFF; text-transform:capitalize; border:1px solid #73a23a;  padding:6px 15px; font-size:120%; font-weight:bold; -moz-border-radius: 3px; -webkit-border-radius : 3px; cursor:pointer; display: inline-block }

.blue {
background: #4ebbdc; /* Old browsers */
background: -moz-linear-gradient(top, #4ebbdc 0%, #1296bd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4ebbdc), color-stop(100%,#1296bd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4ebbdc 0%,#1296bd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #4ebbdc 0%,#1296bd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #4ebbdc 0%,#1296bd 100%); /* IE10+ */
background: linear-gradient(top, #4ebbdc 0%,#1296bd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ebbdc', endColorstr='#1296bd',GradientType=0 ); /* IE6-9 */
border-bottom: 1px solid #1180A2;
/* border-top: 1px solid #71C9E3; */
}

.lightblue {}
.blueoutline {border: 3px solid #1296BD; border-top: 0; margin-bottom: 15px;}


.orange {
background: #f89920; /* Old browsers */
background: -moz-linear-gradient(top, #f89920 0%, #ed8606 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f89920), color-stop(100%,#ed8606)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f89920 0%,#ed8606 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f89920 0%,#ed8606 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f89920 0%,#ed8606 100%); /* IE10+ */
background: linear-gradient(top, #f89920 0%,#ed8606 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f89920', endColorstr='#ed8606',GradientType=0 ); /* IE6-9 */
border-bottom: 1px solid #C87001;
/* border-top: 1px solid #F9AD4B; */
}



.lightorange {background: #FCC278; border-bottom: 1px solid #D8943B; border-top: 1px solid #FDD4A0; padding-left:15px!important}
.selected .lightorange {background: #F38F10; color:#FFFFFF }
.orangeoutline {border: 3px solid #ed8606; border-top: 0;}

.pink {
background: #cf4890; /* Old browsers */
background: -moz-linear-gradient(top, #cf4890 0%, #bc377e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cf4890), color-stop(100%,#bc377e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #cf4890 0%,#bc377e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #cf4890 0%,#bc377e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #cf4890 0%,#bc377e 100%); /* IE10+ */
background: linear-gradient(top, #cf4890 0%,#bc377e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf4890', endColorstr='#bc377e',GradientType=0 ); /* IE6-9 */
border-bottom: 1px solid #90406b;
/* border-top: 1px solid #d96da7; */
}

.lightpink {background: #CE4890; border: 2px solid #90406b	}
.pinkoutline {border: 1px solid #ca3c88; border-top: 0;}

.header {padding: 0px 5px; clear:both;}
.header h2, .header h3 {color: white!important; text-shadow: 1px 1px 2px #333333;  font-size: 130%; text-align: left; margin-left: 10px; margin-bottom: 0; display: inline-block;}

.extralinks { width:450px; height:25px; display: block;  position:absolute; top:0; right:0px}

.addthis_toolbox { float:left; width:150px; padding:3px 5px 5px 5px; }

.extralinks ul { margin:0px; padding:0px; list-style-type:none; background-color:#34B6DC; float:right;  
border-bottom-right-radius:4px; 	-moz-border-radius-bottomright:4px; 	-webkit-border-bottom-right-radius:4px;
border-bottom-left-radius:4px; 	-moz-border-radius-bottomleft:4px; 	-webkit-border-bottom-left-radius:4px;
background: #36b7dc; /* Old browsers */
background: -moz-linear-gradient(top, #36b7dc 0%, #009fd0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#36b7dc), color-stop(100%,#009fd0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #36b7dc 0%,#009fd0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #36b7dc 0%,#009fd0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #36b7dc 0%,#009fd0 100%); /* IE10+ */
background: linear-gradient(top, #36b7dc 0%,#009fd0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36b7dc', endColorstr='#009fd0',GradientType=0 ); /* IE6-9 */
}
.extralinks ul li {margin:0px; padding:0px; float:left; border-right:1px solid #41B9DD}
.extralinks ul li a { display:block; padding:4px 10px 6px 10px; color:#FFFFFF; line-height:100% }
.extralinks ul li.end { border-right:0px }


.header h2 {margin: 3px 0 3px 5px;}
.header h2 a { color:#FFFFFF}

.newslettersignup h2 { margin:3px 0px 3px 5px; position: relative; width: 100%;} 

.newslettersignup form { padding:10px}
.newslettersignup form p { color:#FFFFFF; margin:0 0 10px 0; line-height:135%; font-size:110%}
span.envelopeicon { background:url(../images/newsletter-envelope-icon.png) no-repeat right; z-index:10; position: absolute; width:36px; height:28px; right: 3px; top: -6px;} 
.newslettersignup form .signup { position:relative}
.newslettersignup form input.txt { border:3px solid #90406B; -moz-border-radius: 13px; -webkit-border-radius : 13px; color:#999999; width:150px; padding:5px}
.newslettersignup form .searchbutton { position: absolute; right: 5px; top: 4px; z-index: 10;}

.orangeoutline, .lightpink { margin-bottom:20px}

.news { background-color:#A6DDED}
.news .item { padding:8px 5px 8px 35px; background:url(../images/quotes.png) no-repeat 5px 10px; color:#107798; border-bottom:1px solid #1296BD}
.news .item .date { color:#107798}
.news .item a { color:#333333}

.free {padding:8px 5px 8px 5px; }
.free p { margin:0px 0px 10px 0px; font-size: 10px;}

.orange h2 {position: relative; width: 100%}
.orange h2 span.arrow {background:url(../images/orange-arrow.png) no-repeat right; z-index:10; position: absolute; width:36px; height:28px; right: 8px; top: -2px;}

.blue h2 {position: relative;}
.blue h2 span.arrow {background:url(../images/blue-arrow.png) no-repeat right; z-index:10; position: absolute; width:36px; height:28px; right: 8px; top: -2px;}

.paidfor { background-color:#FFFFFF}
.paidfor .item {padding:10px; display:block; border-bottom:1px solid #E4E4E4}
.paidfor .item a { color:#2165A1}
.paidfor .item .image { border:2px solid #FFFFFF; float:left; -webkit-box-shadow: 0px 0px 2px 0px ; -moz-box-shadow: 0px 0px 2px 0px ; box-shadow: 0px 0px 2px 0px ; margin-right:10px }



.az-listing {display: block;
    float: left;
    margin: 25px 20px 20px 0;
    width: 480px;}

#footer .lists { margin: 0px 0px 0px 0;}

#footer .footer h3 { color:#FFFFFF}
#footer .footer h3 a { color:#FFFFFF}

#footer .twitter .pointer { height: 19px;}

#footer .twitter ul li {
    padding: 10px 0;
}

#footer .social .advertising .ad_content {
    border-bottom: 1px dashed #7E7E7E;
    border-top: 1px dashed #7E7E7E;
	color: #ffffff;
}

.sitesearch { position:absolute; top:15px; right:0px}

/* forms etc */
fieldset { border: 0px; padding: 0px; margin: 0px 0; }
legend {display:none  }
textarea { font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; color: #000; }
input { font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size: 100%; color: #000; }
select { font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size: 100%; color: #000; margin: 0px; vertical-align: middle; background: #eeeeee; border: 1px solid #ccc; padding: 4px 5px;}
.form { font-size: 120%; }
.txt { background: #eeeeee; border: 1px solid #ccc; font-size: 100%; color: #000; padding: 4px 5px; }
.radio { margin: 5px 30px 5px 0; padding: 0; line-height: 250%;}
.button { vertical-align: middle; margin: 0 10px 0 0; background-color:#FF7926; color:#FFFFFF; text-transform:capitalize; border:1px solid #ed8606;  padding:6px 15px; font-size:120%; font-weight:bold; -moz-border-radius: 3px; -webkit-border-radius : 3px; cursor:pointer;}
.button-ex {clear: both; display: inline-block; margin-top: 5px;color: #fff!important}
.button-ex a {color: #fff!important}
a.button:hover {color: #ccc; text-decoration: none;}
.forminfo { clear: both; margin-left: 180px; }
.formerror { color: #CC0000; }
.formsummary { color: #888; }
.formseparation { clear: both; width: 98%; position: relative; border-top: 1px solid #E5E5E5; height: 0; overflow: hidden; margin: 10px; }
.formheading { clear: both; margin: 10px; padding: 0 0 8px 0; border-bottom: 1px solid #ccc; }
.required { color:#CC0000 }

.field { float: left; margin: 0 0 10px 0; padding: 0px 0 0 0; clear:both } 
.field .lbl { float: left; text-align: right; width: 172px; padding: 0px 0px 0 0; margin-right: 10px; }
.field .data { float: left; width: 460px; }
.field .data .txt { margin: 0 0 0px 0; }
.field .data .alternate { vertical-align: middle; }
.field img.captcha { margin-bottom:5px }


/* Layout */
#wrap { width: 100%; clear:both }
#shell { margin: 0 auto; text-align: left; font-size: 110%; line-height: 125%; }
.wrapper {width: 980px; margin: 0 auto; position:relative }


.socialtabs { display:block; width:33px; height:170px; position: absolute; right:1px; top:87px; z-index:100}
.socialtabs a { display:block;}
.socialtabs a img { border:0px}
.socialtabs a.twitter { margin-top:4px}
#home .socialtabs { top:93px; }


/* header */
#header { position: relative;/*  width: 980px;  */padding: 0; height:75px; margin-bottom: 11px }
#header h1 { float: left; margin: 5px 0; }
#header h1 a img { border:0px }
#header form {float: right;}
.strapline {position: absolute; left:300px; top:35px; font-size:140%; color:#848484}
#headerslider {background: url(../images/slide-bg.jpg) repeat-x 54% 0; }
#headerslider .wrapper {width: 1000px; margin: 0 auto; position: relative;}

/* navigation */
#navigation { float: left; width: 980px; margin: 0 0 20px 0; }

#nav li#gap-year-jobs a:hover, #nav li#gap-year-jobs.hover a, #nav li#gap-year-jobs.selected a { background: #009899 url(../images/nav-jobs-highlight.jpg) repeat-x; color:#FFFFFF }
#nav li#gap-year-destinations a:hover, #nav li#gap-year-destinations.hover a, #nav li#gap-year-destinations.selected a { background: #CC3399 url(../images/nav-destinations-highlight.jpg) repeat-x; color:#FFFFFF }
#nav li#gap-year-ideas a:hover, #nav li#gap-year-ideas.hover a, #nav li#gap-year-ideas.selected a { background: #FF7926 url(../images/nav-ideas-highlight.jpg) repeat-x; color:#FFFFFF }
#nav li#gap-year-volunteering a:hover, #nav li#gap-year-volunteering.hover a, #nav li#gap-year-volunteering.selected a { background: #037ABC url(../images/nav-volenteering-highlight.jpg) repeat-x; color:#FFFFFF }
#nav li#gap-year-insurance-visas a:hover, #nav li#gap-year-insurance-visas.hover a, #nav li#gap-year-insurance-visas.selected a { background: #FCAC0F url(../images/nav-visas-highlight.jpg) repeat-x; color:#FFFFFF }

#nav { float: left; margin: 0; list-style: none; }
#nav li { float: left; margin: 0; padding: 0; border-left:1px solid #333333; }

#nav li#gap-year-jobs a { width:157px; text-align:center}
#nav li#gap-year-destinations a {width:202px; text-align:center}
#nav li#gap-year-ideas a {width:159px; text-align:center}
#nav li#gap-year-volunteering a {width:207px; text-align:center}
#nav li#gap-year-insurance-visas a {width:190px; text-align:center}

#nav li a { display: block; float: left; padding: 11px 0px; color: #fff; font-weight: normal; font-size: 100%; text-transform:uppercase;  }
#nav li a img { border:0px }
#nav li a:hover { text-decoration: none; }
#nav li.selected a {font-weight: normal;}
#nav li.home a {padding: 10px 20px 9px}
#nav li.home a:hover {background: transparent url(../images/nav-home-highlight.jpg) repeat-x}
#nav li.selectedhome a {padding: 10px 20px 9px;background: transparent url(../images/nav-home-highlight.jpg) repeat-x}
#nav li.end { border-right:1px solid #333333}


.sidenav ul.topnav {margin:0 0 15px 0; padding: 0; }
.sidenav ul {margin:0 0 0 0; padding: 0; }
.sidenav ul li {margin: 0; list-style: none; position: relative;}
.sidenav ul li a { padding: 8px; display: inline-block; width: 80%; color: #333; font-weight: bold; }
.sidenav { margin: 0 0 15px 0; width: 190px}
.sidenav ul li#art-design.selected span.pointer,
.sidenav ul li#business-studies.selected span.pointer, 
.sidenav ul li#careers.selected span.pointer,
.sidenav ul li#citizenship.selected span.pointer,
.sidenav ul li#design-technology.selected span.pointer,
.sidenav ul li#diplomas.selected span.pointer,
.sidenav ul li#drama.selected span.pointer,
.sidenav ul li#early-years.selected span.pointer,
.sidenav ul li#english.selected span.pointer,
.sidenav ul li#enterprise.selected span.pointer,
.sidenav ul li#geography.selected span.pointer,
.sidenav ul li#history.selected span.pointer,
.sidenav ul li#ict.selected span.pointer,
.sidenav ul li#maths.selected span.pointer,
.sidenav ul li#mfl.selected span.pointer,
.sidenav ul li#music.selected span.pointer,
.sidenav ul li#pe.selected span.pointer,
.sidenav ul li#british-schools-overseas.selected span.pointer,
.sidenav ul li#re.selected span.pointer,
.sidenav ul li#pshe.selected span.pointer,
.sidenav ul li#science.selected span.pointer,

.sidenav ul li#school-shows.selected span.pointer,
.sidenav ul li#school-fundraising.selected span.pointer,
.sidenav ul li#sen.selected span.pointer,
.sidenav ul li#wrl.selected span.pointer
{background: url(../images/menu-pointer.png) no-repeat 104% 50%; width: 60px; position: absolute; left: 137px; padding: 9px 0;}


.sidenav ul li#art-design.selected span.icon,
.sidenav ul li#business-studies.selected span.icon, 
.sidenav ul li#careers.selected span.icon,
.sidenav ul li#citizenship.selected span.icon,
.sidenav ul li#design-technology.selected span.icon,
.sidenav ul li#diplomas.selected span.icon,
.sidenav ul li#drama.selected span.icon,
.sidenav ul li#early-years.selected span.icon,
.sidenav ul li#english.selected span.icon,
.sidenav ul li#enterprise.selected span.icon,
.sidenav ul li#geography.selected span.icon,
.sidenav ul li#history.selected span.icon,
.sidenav ul li#ict.selected span.icon,
.sidenav ul li#maths.selected span.icon,
.sidenav ul li#mfl.selected span.icon,
.sidenav ul li#music.selected span.icon,
.sidenav ul li#pe.selected span.icon,
.sidenav ul li#british-schools-overseas.selected span.icon,
.sidenav ul li#re.selected span.icon,
.sidenav ul li#pshe.selected span.icon,
.sidenav ul li#science.selected span.icon,
.sidenav ul li#school-shows.selected span.icon,
.sidenav ul li#school-fundraising.selected span.icon,
.sidenav ul li#sen.selected span.icon,
.sidenav ul li#wrl.selected span.icon,
.sidenav ul li#art-design span.icon,
.sidenav ul li#business-studies span.icon, 
.sidenav ul li#careers span.icon,
.sidenav ul li#citizenship span.icon,
.sidenav ul li#design-technology span.icon,
.sidenav ul li#diplomas span.icon,
.sidenav ul li#drama span.icon,
.sidenav ul li#early-years span.icon,
.sidenav ul li#english span.icon,
.sidenav ul li#enterprise span.icon,
.sidenav ul li#geography span.icon,
.sidenav ul li#history span.icon,
.sidenav ul li#ict span.icon,
.sidenav ul li#maths span.icon,
.sidenav ul li#mfl span.icon,
.sidenav ul li#music span.icon,
.sidenav ul li#pe span.icon,
.sidenav ul li#british-schools-overseas span.icon,
.sidenav ul li#re span.icon,
.sidenav ul li#pshe span.icon,
.sidenav ul li#science span.icon,
.sidenav ul li#school-shows span.icon,
.sidenav ul li#school-fundraising span.icon,
.sidenav ul li#sen span.icon,
.sidenav ul li#wrl span.icon
{position: absolute; left: 6px; width: 21px; height: 21px; top: 5px; background-image:url(../images/menu-sprite.png); background-repeat: none}


.sidenav ul li.selected  {background-color: #7DB03F}
.sidenav ul li.selected a.lightgreen { background-color:#7DB03F; color:#FFFFFF; border-top:1px solid#A4C879; border-bottom:1px solid #BBC9A9; }
.sidenav ul li ul { }
.sidenav ul li ul li { }
.sidenav ul li ul li a { background-color:#DCECC7; border-top:1px solid #E3EED6; border-bottom:1px solid #BBC9A9; font-weight: normal; padding: 8px 8px 8px 30px; background-image: none!important }
.sidenav ul li ul li.selected a {background-color:#7DB03F; color:#FFFFFF; border-top:1px solid #A4C879}

/* .sidenav ul li a {  background-position:5px 5px; background-repeat:no-repeat; padding: 8px 8px 8px 30px;} */

.sidenav ul li a { background-position:5px 5px; padding: 8px 8px 8px 30px; background-repeat:no-repeat;}

.sidenav ul li#art-design {position: relative;}
.sidenav ul li#art-design .icon {background-position: -30px -3px!important; }
.sidenav ul li#art-design.selected span.icon {background-position: -59px -3px!important; }

.sidenav ul li#business-studies {position: relative;}
.sidenav ul li#business-studies .icon {background-position: -30px -34px!important;}
.sidenav ul li#business-studies.selected .icon {background-position: -59px -34px!important;}

.sidenav ul li#careers {position: relative;}
.sidenav ul li#careers .icon {background-position: -30px -67px!important;  }
.sidenav ul li#careers.selected .icon {background-position: -59px -67px!important;  }

.sidenav ul li#citizenship {position: relative;}
.sidenav ul li#citizenship .icon {background-position: -30px -100px!important;}
.sidenav ul li#citizenship.selected .icon {background-position: -59px -100px!important;}

.sidenav ul li#design-technology {position: relative;}
.sidenav ul li#design-technology .icon {background-position: -30px -132px!important;}
.sidenav ul li#design-technology.selected .icon {background-position: -59px -132px!important;}

.sidenav ul li#diplomas {position: relative;}
.sidenav ul li#diplomas .icon {background-position: -30px -165px!important;}
.sidenav ul li#diplomas.selected .icon {background-position: -59px -165px!important;}

.sidenav ul li#drama {position: relative;}
.sidenav ul li#drama .icon {background-position: -30px -198px!important;}
.sidenav ul li#drama.selected .icon {background-position: -59px -198px!important;}

.sidenav ul li#early-years {position: relative;}
.sidenav ul li#early-years .icon {background-position: -30px -230px!important;}
.sidenav ul li#early-years.selected .icon {background-position: -59px -230px!important;}

.sidenav ul li#english {position: relative;}
.sidenav ul li#english .icon {background-position: -30px -262px!important;}
.sidenav ul li#english.selected .icon {background-position: -59px -262px!important;}

.sidenav ul li#enterprise {position: relative;}
.sidenav ul li#enterprise .icon {background-position: -30px -295px!important;}
.sidenav ul li#enterprise.selected .icon {background-position: -59px -295px!important;}

.sidenav ul li#geography {position: relative;}
.sidenav ul li#geography .icon {background-position: -30px -327px!important;}
.sidenav ul li#geography.selected .icon {background-position: -59px -327px!important;}

.sidenav ul li#history {position: relative;}
.sidenav ul li#history .icon {background-position: -30px -358px!important;}
.sidenav ul li#history.selected .icon {background-position: -59px -358px!important;}

.sidenav ul li#ict {position: relative;}
.sidenav ul li#ict .icon {background-position: -30px -391px!important;}
.sidenav ul li#ict.selected .icon {background-position: -59px -391px!important;}

.sidenav ul li#maths {position: relative;}
.sidenav ul li#maths .icon {background-position: -30px -424px!important;}
.sidenav ul li#maths.selected .icon {background-position: -59px -424px!important;}

.sidenav ul li#mfl {position: relative;}
.sidenav ul li#mfl .icon {background-position: -30px -456px!important;}
.sidenav ul li#mfl.selected .icon {background-position: -59px -456px!important;}

.sidenav ul li#music {position: relative;}
.sidenav ul li#music .icon {background-position: -30px -489px!important;}
.sidenav ul li#music.selected .icon {background-position: -59px -489px!important;}

.sidenav ul li#pe {position: relative;}
.sidenav ul li#pe .icon {background-position: -30px -522px!important;}
.sidenav ul li#pe.selected .icon {background-position: -59px -522px!important;}

.sidenav ul li#pshe {position: relative;}
.sidenav ul li#pshe .icon {background-position: -30px -555px!important;}
.sidenav ul li#pshe.selected .icon {background-position: -59px -555px!important;}

.sidenav ul li#re {position: relative;}
.sidenav ul li#re .icon {background-position: -30px -587px!important;}
.sidenav ul li#re.selected .icon {background-position: -59px -587px!important;}

.sidenav ul li#science {position: relative;}
.sidenav ul li#science .icon {background-position: -30px -620px!important;}
.sidenav ul li#science.selected .icon {background-position: -59px -620px!important;}

.sidenav ul li#school-fundraising {position: relative;}
.sidenav ul li#school-fundraising .icon {background-position: -30px -651px!important;}
.sidenav ul li#school-fundraising.selected .icon {background-position: -59px -651px!important;}

.sidenav ul li#school-shows {position: relative;}
.sidenav ul li#school-shows .icon {background-position: -30px -680px!important;}
.sidenav ul li#school-shows.selected .icon {background-position: -59px -680px!important;}

.sidenav ul li#sen {position: relative;}
.sidenav ul li#sen .icon {background-position: -30px -711px!important;}
.sidenav ul li#sen.selected .icon {background-position: -59px -711px!important;}

.sidenav ul li#wrl {position: relative;}
.sidenav ul li#wrl .icon {background-position: -30px -741px!important;}
.sidenav ul li#wrl.selected .icon {background-position: -59px -741px!important;}

.sidenav ul li#british-schools-overseas {position: relative;}
.sidenav ul li#british-schools-overseas .icon {background-position: -30px -773px!important;}
.sidenav ul li#british-schools-overseas.selected .icon {background-position: -59px -773px!important;}



/* main navigation drop down menu */
#nav li .subnav { position: absolute; display: none; top: 121px; z-index: 9999; }
#nav li .subnav .shad { background:url(../images/flood-shadow.png) no-repeat bottom; width: 440px; }
#nav li .subnav div { position: relative; }
#nav li .subnav div.flood {width: 430px;  margin: 0px 0px 0px 0px!important; padding: 0px; float: left; display:block; position: relative; background-color:#009899; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius:  4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;}
#nav li .subnav div.flood .intro {text-align:left!important; background-color:#00787A; color: #FFFFFF; padding:10px; float:left; width: 410px; }
#nav li .subnav div.flood .intro img {margin-left: 5px;}
#nav li .subnav div.flood .intro p {text-align:left!important; margin:0px 0px 5px 0px; line-height:145%}

#nav li .subnav div.flood ul { margin: 0px !important; padding: 10px 10px!important; list-style: none; display:block; float: left; width:195px }
#nav li .subnav div.flood ul li { width: 195px; margin: 0px!important; padding: 0px !important; display:block; float:left; border:0px; }
#nav li .subnav div.flood ul li.odd { width: 195px; float:right; }
#nav li .subnav div.flood ul li.noborder a { border-bottom:0px}
#nav li .subnav div.flood ul li a {text-align:left!important; text-transform:none!important; display:block; color: #ffffff; margin: 0px!important; padding: 5px 5px 5px 15px!important; width:175px; background:transparent url(../images/flood-menu-arrow.png) no-repeat 5px center !important; border-bottom:1px solid #00787A}
#nav li .subnav div.flood ul li.plus a {background:transparent url(../images/flood-menu-plus.png) no-repeat 5px center !important; }
#nav li .subnav div.flood ul li.plus ul li a {background:transparent url(../images/flood-menu-arrow.png) no-repeat 5px center !important;}

#nav li .subnav div.flood ul li a:hover, #nav li .subnav div.flood ul li ul li a:hover, #nav li .subnav div.flood ul li.hover { text-decoration:none; background-color:#00787A!important}
#nav li .subnav div.flood ul li ul {display:none; }

#nav li .subnav div.flood ul li.plus .wrapper { position:absolute!important; left:205px}

#nav li#gap-year-jobs .subnav div.flood ul li.plus .wrapper { }

#nav li#gap-year-destinations .subnav div.flood {background-color:#CC3399;}
#nav li#gap-year-destinations .subnav div.flood .intro { background-color:#AE2B82;}
#nav li#gap-year-destinations .subnav div.flood ul li a:hover, #nav li#gap-year-destinations .subnav div.flood ul li ul li a:hover, #nav li#gap-year-destinations .subnav div.flood ul li.hover  { background-color:#AE2B82!important}
#nav li#gap-year-destinations .subnav div.flood ul li a {border-bottom:1px solid #AE2B82;  }
#nav li#gap-year-destinations .subnav div.flood ul li.plus .wrapper { padding:0px!important; margin:0px!important}
#nav li#gap-year-destinations .subnav div.flood ul li.plus .wrapper ul { padding:0px 0px 0px 10px!important; margin:0px!important}

#nav li#gap-year-ideas .subnav div.flood {background-color:#FF7926;}
#nav li#gap-year-ideas .subnav div.flood .intro { background-color:#D06A2B;}
#nav li#gap-year-ideas .subnav div.flood ul li a:hover, #nav li#gap-year-ideas .subnav div.flood ul li ul li a:hover, #nav li#gap-year-ideas .subnav div.flood ul li.hover { background-color:#D06A2B!important}
#nav li#gap-year-ideas .subnav div.flood ul li a {border-bottom:1px solid #D06A2B; }
#nav li#gap-year-ideas .subnav div.flood ul li.plus .wrapper {top:125px;}

#nav li#gap-year-insurance-visas .subnav,  #nav li#gap-year-volunteering .subnav {right:-10px}
#nav li#gap-year-insurance-visas .subnav div.flood {background-color:#FCAC0F; height:230px}
#nav li#gap-year-insurance-visas .subnav div.flood .intro { background-color:#CC9900;}
#nav li#gap-year-insurance-visas .subnav div.flood ul li a:hover, #nav li#insurance-visas .subnav div.flood ul li ul li a:hover, #nav li#insurance-visas .subnav div.flood ul li.hover { background-color:#CC9900!important}
#nav li#gap-year-insurance-visas .subnav div.flood ul li a {border-bottom:1px solid #CC9900; }
#nav li#gap-year-insurance-visas .subnav div.flood ul li.plus .wrapper {top:110px;}

#nav li#gap-year-volunteering .subnav div.flood {background-color:#037ABC;}
#nav li#gap-year-volunteering .subnav div.flood .intro { background-color:#006699;}
#nav li#gap-year-volunteering .subnav div.flood ul li a:hover, #nav li#gap-year-volunteering .subnav div.flood ul li ul li a:hover, #nav li#gap-year-volunteering .subnav div.flood ul li.hover { background-color:#006699!important}
#nav li#gap-year-volunteering .subnav div.flood ul li a {border-bottom:1px solid #006699; }
#nav li#gap-year-volunteering .subnav div.flood ul li.plus .wrapper {top:100px;}

#nav li .subnav div.flood ul li a, #nav li .subnav div.flood ul li ul li a {width:175px!important;}

.listitem { border-top: 1px solid #ddd; padding: 10px 0; }
.listitem h3 { margin: 0; }
.listitem p { margin: 3px 0 0 0; }


/* content area layout */
#content { /* float: left; width: 980px; */ position: relative; margin-bottom: 25px; padding-top: 5px;}
.contenton {background: url(../images/main-bg.jpg) repeat-x 0 0;}
#home .contenton {background: none!important;}
.contentoff {background: none;}

#home #content { /* float: left; width: 980px; */ position: relative; margin-bottom: 25px; padding-top: 15px; /* background: url(../images/main-bg.jpg) repeat-x 0 0; */}
.leftcol { float: left; width: 200px; margin-right: 10px; }
.maincol { float: left; width: 560px; margin-right: 20px; position:relative; }
.rightcol { float: right; width: 190px;  }

/* content area items */
.title { color: #3399FF; font-size: 180%; }
.date { color: #999; }
#breadcrumb { margin: 0 0 5px 0; }
.breadcrumb { background: transparent; color: #333333; padding: 10px 0px ;}
.breadcrumb a { color:#1F4D80; font-weight:bold}
.breadcrumb span { color: #333333;}

.lowerborder { background:url(../images/banner-lower-fade.gif) repeat-x bottom; height:6px; font-size:0px; line-height:0px}
.banner-image { width:980px; height:140px; background-color:#FFFFFF; padding:0px 10px }


.businessinfo {width:250px; background:none}
.businessinfo a img {margin-bottom: 0px!important;}
.youtube {width:250px; }

.greyoutline { border:1px solid #CCCCCC}




.field .lbl {
    float: left;
    margin-right: 5px;
    padding: 0px;
    text-align: left;
    width: 150px;
	font-size:90%;
	color:#333333;
}
.field .data { float: left; width:300px}
.field .data .txt {
    width: 300px;
}
.formsummary { font-size:70%}

.youtube { margin-left: 25px;
    float: right;
    padding: 0;
    width: 300px;} 
.clrdot { clear: both; height: 3px; overflow: hidden; background: #fff; }

.youtubes {margin: 0 0 20px 0; width: 190px}

/* footer */
#footer { clear: both; width: 100%; text-align:left  }

#footer .returnpreviouspage {}
#footer .returnpreviouspage a.return { border:1px solid #2CAEA2; background-color:#FFFFFF; padding: 3px 5px; float:left; border-bottom:0px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius:  4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }

#footer .advertise { clear: both; width: 100%;background-color:#2CAEA2; float:left; text-align:center   }
#footer .advertise a { color:#FFFFFF; cursor:pointer}
#footer .advertise strong {color:#FFFFFF; font-size:120%; margin:15px; display:block; }






#footer .footer { clear: both; width: 100%; background-color:#2F2F2F; float:left }

#footer .twitter { width:170px; text-align:left; margin:25px 20px 20px 0px; float:left  }
#footer .twitter img.twitterlogo { margin:10px 0px 5px 0px; }
#footer .twitter .pointer { background:url(../images/footer-twitter-arrow.png) no-repeat 25px 0px; display:block; width:170px; height:7px; margin-top: -2px;}
#footer .twitter ul { background: #FFFFFF ; margin:0px; padding:0px 15px 0px 15px; -moz-border-radius: 5px; -webkit-border-radius : 5px; border-radius:5px; list-style-type:none; }
#footer .twitter ul li {padding:15px 0px; border-bottom:1px solid #CCCCCC; margin:0px}
#footer .twitter ul li a { color:#1985B3}

#footer .social {width:270px; margin:25px 0px 15px 0px; vertical-align:middle; float:left;}
#footer .social .advertising { width: 270px; }
#footer .social .advertising .heading { display:block; font-size:120%; margin-bottom:20px;}
#footer .social .advertising .heading a { color:#848484}
#footer .social .advertising .heading a:hover, .advertising .phone a:hover { color:#32B1A5; text-decoration:none}
#footer .social .advertising .ad_content {padding: 20px 0; border-bottom: 1px dashed #fff; border-top: 1px dashed #fff; font-size: 110%; }
#footer .social .advertising .phone {display:block; color:#31B0D6; font-size:120%; margin-bottom: 20px;}
#footer .social .advertising .phone a {color:#31B0D6; text-decoration:none}
#footer .social .connect { color:#FFFFFF; font-size:120%; font-weight:bold; vertical-align:middle; display: block; margin-bottom: 20px;}
#footer .social .icons {vertical-align:middle; clear: both}
#footer .social .icons img {vertical-align:middle; margin-right:5px}

#footer .partners {width:320px; margin:15px 0px; vertical-align:middle; float:right; display:block;}
#footer .partners img { float:right; margin-left:5px}

#footer .featuredlinks {float: left;  margin: 15px 0 15px 50px; width: 350px; display:block; }
#footer .featuredlinks li {width:85px; margin:0px 1px 0px 0px; float:left; display:block;}
#footer .featuredlinks li a {margin:0px 0px 0px 0px; display:block; padding:10px 5px; text-align:center; font-size:110%; color:#FFFFFF; font-weight:bold; }
#footer .featuredlinks li.middle a {background-color:#CC3399}
#footer .featuredlinks li.middletwo a {background-color:#FF7926}
#footer .featuredlinks li.end a {background-color:#037ABC; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius : 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius : 4px; border-top-right-radius:4px; border-bottom-right-radius:4px}
#footer .featuredlinks li.start a {background-color:#009899; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius : 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius : 4px; border-top-left-radius:4px; border-bottom-left-radius:4px}

#footer .lists {width:480px; margin:0px 20px 60px 0px; float:left; display:block; background-color:#373737; -moz-border-radius: 5px; -webkit-border-radius : 5px; border-radius:5px;  }
#footer .lists ul {padding:0; height: 274px; margin:0; list-style-type:none; border-right:1px solid #2F2F2F; width:159px; float:left}
#footer .lists ul li {padding:8px 5px 8px 12px; margin:0 5px; border-bottom: 1px solid #272727; font-size:110%;  background: url(../images/footer-arrow.gif) no-repeat 2% 50%;}
#footer .lists ul.end {border:none;}
#footer .lists ul li.ended {border: none;}
#footer .lists ul li.category { font-weight:bold; /* margin-bottom:10px; */ font-size:120%}
#footer .lists ul li a { color:#848484}

#footer .legal { clear: both; width: 100%; background-color:#262626; float:left; font-size:110%; padding:10px 0px; color:#999999 }
#footer .legal a { color:#999999 }
#footer .legal .left { float:left }
#footer .legal .right { float:right }
#footer .content {width: 980px; margin: 0 auto; }

/* send to friend */
#sendtofriend #header { width: 500px; margin: 0 auto; text-align: left; }
#sendtofriend #header h1 { margin: 10px 0; }
#sendtofriend #container { clear: both; width: 500px; margin: 0 auto; text-align: left; font-size: 120%; }
#sendtofriend h2 { margin: 0px 0; font-weight:normal;  color:#32B1A5; }
#sendtofriend fieldset { margin: 0; padding:0; border:0px}
#sendtofriend legend { margin: 0; padding:0; display:none }
#sendtofriend .lbl { width: 130px; }
#sendtofriend .data { width: 320px; }
#sendtofriend .forminfo {margin-left: 135px; }
#sendtofriend .options { position: absolute; top: 0; right: 0; margin: 0; padding: 0!important; background: #EFEFEF; }
#sendtofriend .options strong { display: block; padding: 10px 5px; }
#sendtofriend .options a { font-weight: bold; font-size: 120%; margin: 0 5px; padding: 2px 0px 0px 20px; }
.close { background: url(../images/cross.png) no-repeat left center; }
#sendtofriend .required { color:#CC0000 }
#sendtofriend input.button {background-color:#FF7926; color:#FFFFFF; text-transform:uppercase; border:0px; padding:7px 10px; font-size:130%; font-weight:bold; -moz-border-radius: 3px; -webkit-border-radius : 3px; cursor:pointer}

/* Paging */
.paging { /* float:right */ position: absolute; right: 15px;}
.paging span { color:#FFFFFF; text-decoration: underline}
.paging a span { color:#FFFFFF; text-decoration:none}
.paging a:hover span { text-decoration: underline}

.paginglower {display: block; margin-top: 5px; text-align: center;}


/* system messages */
.message { clear: both; font-size: 110%; color: #333; font-weight: bold; }
.info { background: #E8F3FD url(../images/information.png) no-repeat 5px 50%; margin: 0 0 10px 0; padding: 6px 6px 6px 26px; border: 1px solid #9AC3EB; }
.error { background: #FEF2F2 url(../images/cross.png) no-repeat 5px 50%; margin: 0 0 10px 0; padding: 6px 6px 6px 26px; border: 1px solid #EB9A9A; }
.ok { background: #EAF5E9 url(../images/tick.png) no-repeat 5px 50%; margin: 0 0 10px 0; padding: 6px 6px 6px 26px; border: 1px solid #AADBA3; }

/* sitemap AZ */
.glossaryindex { padding: 0px; margin-bottom:25px; float: left; }
.glossaryindex a { font-size: 110%; font-weight: bold; display: block; float: left; padding: 5px; margin:0px 10px 10px 0px; color:#FFFFFF; width: 20px; text-align:center }
.glossaryindex a:hover { background-color:#FF7926; color:#ffffff }
.glossaryindex strong { font-size: 110%; display: block; float: left; padding: 5px; margin:0px 10px 10px 0px; width: 20px; text-align:center; background-color: #FF7926; color:#FFFFFF}
.glossaryindex span { color: #cccccc; font-size: 110%; display: block; float: left; padding: 6px 5px; margin:0px 10px 10px 0px; width: 20px; text-align:center; background-color: #eeeeee;}


/* Right Column */
.sitesearch { width:238px; padding:0; margin:0; float:left;}
.sitesearch fieldset {padding:0px; margin:0px; border:0; clear:both; float:left;}
.sitesearch legend { visibility: hidden;}
.sitesearch .field { float: left; margin: 10px 0px 0px 0px; padding: 0px; width: 238px } 
.sitesearch .field .lbl { visibility: hidden }
.sitesearch .field .data { float: left;  width: 198px; /*padding: 0px 25px 0px 25px */}
.sitesearch .field .data .select { margin: 0; /* width: 190px; */}
.sitesearch .field .data .txt { margin: 0; width: 198px;}
.sitesearch .field .button {margin-right: 0; float: left; color:#FFFFFF; text-transform:uppercase; border:0px; padding:4px 5px 3px 5px; font-size:110%; font-weight:bold; -moz-border-radius: 3px; -webkit-border-radius : 3px; cursor:pointer}
/* .sitesearch .last { margin: 20px 0px 20px 0px;  }  */

.panel { margin-top:25px; position:relative; margin-bottom: 35px; float:left; width:190px; background: #A4DBEB;}
.panel h2 { padding:10px; font-size:110%; margin:0px; color:#FFFFFF}
.panel h2 a { color:#FFFFFF}
.panel h2 a span, .panel h2 span { color:#FF7926}
.rss { float: right; font-weight:normal; display:block; width: 50px;}
.icon-rss { background:url(../images/rss-icon.png) no-repeat; width:16px; height:16px; display:inline-block; margin-left:5px }

.panel .item {border-bottom:1px solid #dddddd; font-size:105%; position:relative; z-index:2}
.panel .item a { padding:13px 15px 13px 10px; display:block; color:#333333}
.panel .item a:hover { text-decoration:none}
.panel .item a .date, 
.panel .item a span { color:#107798}
.panel .end {border-bottom:0px solid #dddddd; }




/*
.panel .more { background:url(../images/panel-shadow.png) no-repeat center bottom; position:absolute; z-index:1; display:block; width:90px; height: 28px; left: -5px; bottom: -34px; padding:43px 10px 0px 160px; font-weight:bold}
.panel .more a { color:#FFFFFF} 
*/


/* .advert .more { background:url(../images/advert-shadow.png) no-repeat center bottom; position:absolute; z-index:1; display:block; height:65px; width:262px; left: -5px; bottom: -8px;  } */



/* Main Column Home */

.introduction { width: 534px; position: relative; margin-top: 0;padding: 0; padding: 10px 10px;}
.introduction h2 {color: #fff; text-shadow: 1px 1px 2px #333333; font-weight:normal;
filter: dropshadow(color=#333333, offx=1, offy=1); font-size:145%; text-align: center; margin-bottom: 0;}
/* .introduction h2 {   position:absolute; top:20px; left:30px } */
.introduction p { color:#333333; font-size:105%; position: relative; /* top:60px; left:30px;  */line-height:135%; /* width: 554px; */ margin:0px 0px 8px 0px}
/*
.introduction .image { background:url(../images/intro-image.png) no-repeat; position:absolute; width:200px; height:220px; right: -10px; top: -17px; }
.introduction .image img { border:1px solid #CCCCCC; position: relative; left: 21px; top: 26px; }
*/

.homeitems { /* width:524px; */ position: relative; float:left; margin-top: 0;padding: 0; padding: 10px 15px; }
/* .homeitems .panel {width:340px; margin-bottom:25px} */
/* .homeitems .last {float:right} */
/* .homeitems 	h2 { font-weight:bold!important} */
.homeitems .item { display: block; /* width: 168px; */ float:left; /* margin-right: 10px; */ /* margin-left: 6px;  */position: relative}
.homeitems .item a { padding:0px; text-decoration: none }
.homeitems .item img {/* width: 168px; height: 110px; */width:134px; height:74px; position: relative; z-index: 2}
.homeitems .item h3 { font-size:110%; line-height:110%; color: #393939; text-align: center; margin: 5px 0px 5px 0px;}
.homeitems .item .image { /* background:url(../images/shadow.png) no-repeat bottom; */  border: 4px solid #ffffff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.47); display: block; float:left; margin: 0 6px;/* position:absolute; width:184px; height:122px; left: -8px; top:0px; z-index: 2 */}
.homeitems .trresources {clear:both; float:left; margin-bottom:10px; text-align: center; width: 100%;}
.homeitems .end {margin-right: 0px}

.homeitems img.ks {width: auto; height: auto; position: absolute; right: 0; top:0; z-index: 3}

/*.homeitems .item p { margin:0}
.homeitems .item p a { color:#25AA9D; text-decoration: none }
.homeitems .item a:hover { background:none}
 .homeitems .panel .more { background:url(../images/home-main-content-panel-shadow.png) no-repeat center bottom; width:359px; height:50px; left: -8px; bottom: -9px; padding:0px; } */

.jobitems {width:320px; float:right; margin-bottom:25px}
.jobitems .panel {width:300px; margin:0px 0px 0px 20px}
.jobitems .panel h2 { margin-bottom:0px!important; font-weight:bold!important}
.jobitems .panel .item { width: 280px; padding: 10px; background:none}
.jobitems .panel .item a { width: 280px; padding:0px!important}
.jobitems .panel .item a:hover { background:none}
.jobitems .panel .item img { margin-bottom:0px!important; float:left; margin-right: 10px;}
.jobitems .panel .item h3 { font-size:110%!important; line-height:135%}
.jobitems .panel .item p { margin: 0;}
.jobitems .panel .item p a { color: #25AA9D; text-decoration: none;}
.jobitems .panel .more { background: url(../images/job-panel-shadow.png) no-repeat scroll center bottom transparent; bottom: -9px;  height: 90px; left: -8px; padding: 0;  width: 315px;}

.homebody { background-color:#FFFFFF; padding:20px 10px;/*  margin-top:15px;  */position: relative; }
.homebody .body { position: relative; z-index: 2;}
.homebody p { font-size: 110%; line-height: 135%; margin-top:0px}
.homebodymore { background: url(../images/home-lower-body-text-shadow.png) no-repeat scroll center bottom transparent; bottom:-11px;  height: 188px; left: -11px; padding: 0;  width: 731px; position: absolute; z-index: 1; }




.sectionitems {width:660px; margin-left:25px; margin-bottom:25px}
.sectionitems .panel {width:320px; margin:0px 0px 0px 0px}
.sectionitems .last {float:right}
.sectionitems .panel h2 { margin-bottom:0px!important; font-weight:bold!important}
.sectionitems .panel .item { width: 300px; padding: 10px; background:none}
.sectionitems .panel .item a { width: 300px; padding:0px!important}
.sectionitems .panel .item a:hover { background:none}
.sectionitems .panel .item img { margin-bottom:0px!important; float:left; margin-right: 10px;}
.sectionitems .panel .item h3 { font-size:110%!important; line-height:135%}
.sectionitems .panel .item p { margin: 0;}
.sectionitems .panel .item p a { color: #25AA9D; text-decoration: none;}
.sectionitems .panel .more {  background: url("../images/section-job-panel-shadow.png") no-repeat scroll center bottom transparent;
    bottom: -9px;
    height: 110px;
    left: -4px;
    padding: 0;
    width: 330px;}


.download  { margin-left: 25px; float: right; padding: 0; width: 290px; background-color:#333333; color:#FFFFFF; padding:5px}
.download p { margin:0px}
.download img { float:left!important; margin-right:5px}

.quicklinks { float: left; padding: 20px;/* width: 560px; */ background: #F9F9F9}
/*
.quicklinks h2 { background: url(../images/panel-h2.jpg) repeat-x; padding:10px; font-size:110%; margin:0px}
.quicklinks h2  { color:#FFFFFF}
.quicklinks h2 span { color:#FF7926}
.quicklinks .links { width:167px; height:121px; display:block; float:left; border-top:1px solid white; border-right:1px solid white; margin-right: 5px; margin-bottom: 20px; position:relative}
.quicklinks .links a { height:110px; display:block}
.quicklinks .links a:hover { text-decoration: none}
.quicklinks .links a span {  display:block; padding:8px; color:#ffffff; background-color:#990000; position: relative; bottom:-92px}
.quicklinks .end {border-right:0px; width:167px; margin-right: 0px; margin-bottom: 20px}
*/
.quicklinks .colour1 a span, .quicklinks .colour4 a span, .quicklinks .colour7 a span, .quicklinks .colour10 a span, .quicklinks .colour13 a span {background-color:#2CAEA2;}
.quicklinks .colour2 a span, .quicklinks .colour5 a span, .quicklinks .colour8 a span, .quicklinks .colour11 a span, .quicklinks .colour14 a span {background-color:#FF7926;}
.quicklinks .colour3 a span, .quicklinks .colour6 a span, .quicklinks .colour9 a span, .quicklinks .colour12 a span, .quicklinks .colour15 a span {background-color:#CC3399;}

.quicklinks .colour1 a:hover span, .quicklinks .colour4 a:hover span, .quicklinks .colour7 a:hover span, .quicklinks .colour10 a span, .quicklinks .colour13 a span {background-color:#2CAEA2;}
.quicklinks .colour2 a:hover span, .quicklinks .colour5 a:hover span, .quicklinks .colour8 a:hover span, .quicklinks .colour11 a span, .quicklinks .colour14 a span {background-color:#FF7926;}
.quicklinks .colour3 a:hover span, .quicklinks .colour6 a:hover span, .quicklinks .colour9 a:hover span, .quicklinks .colour12 a span, .quicklinks .colour15 a span { background-color:#CC3399;}


.inside {width: 660px; margin:0px 25px 25px 25px} 
.inside .links {width:219px; }
.inside .end {width:220px;}

.imgrightlarge { float: right; margin-left: 10px; padding: 4px 9px 12px; display: inline; background: url(../images/large-bg-shadow.png) no-repeat 0px 25px }

.home-wrap {border: 3px solid #4ebbdc; margin-bottom:20px; }
.homepanel { width:554px; height:270px; background: transparent/* url(../images/homepage-panel-shadow.png) -0px -0px ;*/; position:relative; left:0px;}
.slide {width: 554px; margin: 0px auto;}	

div.tabs {text-align: center; height: 20px; padding: 10px 0;}
div.tabs span.n { position: absolute; bottom: 10px; right: 10px;}
div.tabs a {margin: 0 2px 0 0; display:block; width:20px; height:20px; float:left; /* border:1px solid #333; */ background: url(../images/thumbs.png) 0 0 no-repeat}
div.tabs a.arrowleft {margin: 0 5px 0 5px; display:block; width:40px; height:40px; left: -35px; border:0px; position: absolute; top: 45%; background: none}
div.tabs a.arrowright {margin: 0 5px 0 5px; display:block; width:40px; height:40px; right: -35px; border:0px; position: absolute; top: 45%; background: none}
div.tabs a img {width: 50%;}
div.tabs a.selected {/* border:1px solid #2CAEA2; */ background: url(../images/thumbs.png) 0 100% no-repeat}

#slide {position: relative;	height: 270px;	width: 554px;	background: #ccc;	padding: 0px 0;	overflow: hidden;}
#slide div { position: relative;	display: inline-block;	width: 554px;	margin-left: 0px;	height:270px;}
#slide div a { position: relative;	display: inline-block; width: 560px; height:270px; cursor:pointer}
#slide div a:hover { text-decoration:none}

#slide span.greenfade {	position: absolute;	bottom: 40px; border: 3px solid #fff;	left: 15px;	padding: 10px;	width: 300px; color: #fff; height:55px; background:url(../images/homepanel-green-fade.png) repeat; -moz-border-radius: 10px; -webkit-border-radius : 10px; height: auto;}
#slide span.greenfade span.pointer { background:url(../images/bubble-spike.png) no-repeat 25px 0px; display:block; width:170px; height:37px; position: absolute; bottom: -36px}
#slide span.greenfade .title { font-size:180%; margin-bottom:7px; color:#FFFFFF; display:block; line-height:100% }
#slide span.greenfade .text { font-size:110%; margin-top:0px; display:block; line-height:125% }
.hidden {display:none;}

.ftr-latest {width: 514px; padding: 0; MARGIN: 0;}
.ftr-latest .homepanel {width: 100%; padding: 0; margin: 0; left: 0; position: relative; height: 195px; background: url(../images/slider-smbg.png) no-repeat 0 0;}
#slid {height: 200px; }
.slid {width: 500px; height: 200px!important; margin: auto auto;}	
.slid  h2 { background: url(../images/panel-h2.jpg) repeat-x; padding:10px; font-size:110%; margin:0px}
.slid h2 span { color:#FF7926}
.slid .links { width:168px; height:121px; display:block; padding: 0px; }
.slid .end {border-right:0px; width:168px; margin-right: 0px; padding-right: 0px; margin-bottom: 20px}
.slid a.arrowleft {margin: 0 5px 0 5px; display:block; width:40px; height:40px; left: -22px; border:0px; position: absolute; top: 40%; background: none}
.slid a.arrowright {margin: 0 5px 0 5px; display:block; width:40px; height:40px; right: -44px; border:0px; position: absolute; top: 40%; background: none}
.slid .image {border: 4px solid #ffffff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.47); display: block; float:left; height: 74px; position: relative; width: 134px; margin: 0 12px}
.slid h3 {font-size: 120%; text-align: center; padding-top: 5px; color: #393939; clear: both;}
.slid .image img {overflow: hidden; margin: 0 auto; width: 134px; height: 74px;}

.slid .linkscontainer {float: left; width: 163px; text-align: center;}
.slid .linkscontainer h3 {margin: 3px; padding-bottom: 0px;}
.slid .linkscontainer h4 {margin: 0; padding-bottom: 10px;}
.slid .linkscontainer a.button {display: inline-block!important; margin-right: 0;}


.slid .flag { display:block; height: 30px; position: absolute; width: 154px; z-index: 10;}
.slid .ks1 {background:url(../images/ks1-tag.png) right 0px no-repeat}
.slid .ks2 {background:url(../images/ks2-tag.png) right 0px no-repeat}
.slid .ks3 {background:url(../images/ks3-tag.png) right 0px no-repeat}
.slid .ks4 {background:url(../images/ks4-tag.png) right 0px no-repeat}

.slid .star-ratings {margin: 0 auto 10px auto;}

/* .advert { position:relative; float:left; width:184px;  } */
/* .advert img {background-color:#C5C54A; position:relative; z-index:2} */
.advert {width: 184px; padding: 0; margin: 0;  position:relative;}
.advert .homepanel {width: 100%; padding: 0; margin: 0; left: 0; position: relative; height: 230px;}
#adslider {height: 225px;}
.adslider {height: 184px!important; width: 184px;}
.advertinfo {left: 5px;width: 184px;}
.advertinfo h4 {margin-left: 5px; margin-top: 5px;}
.advertinfo .star-ratings {margin-left: 5px}

.tabing {position: absolute; right: 5px; bottom: 3px;}

/* Main Section */
.section { padding-bottom: 15px; }

.section .date {width: 100%; float:left!important; padding: 0 0 5px 0!important; text-align: left}

.banner-image {width:710px; height:140px; display:block}



.section h1, .blog h1 { border-bottom:1px solid #CCCCCC; padding-bottom:0px; color:#333333; margin-bottom:15px; line-height: 130%;}
.section h1.art-design {padding:0px 0px 0px 30px; background:url(../images/menu/artdesign.png) no-repeat 0px 0px }
.section h1.business-studies {padding:0px 0px 0px 30px; background:url(../images/menu/businessstudies.png) no-repeat 0px 0px }
.section h1.careers {padding:0px 0px 0px 30px; background:url(../images/menu/careers.png) no-repeat 0px 0px }
.section h1.citizenship {padding:0px 0px 0px 30px; background:url(../images/menu/citizenship.png) no-repeat 0px 0px }
.section h1.design-technology {padding:0px 0px 0px 30px; background:url(../images/menu/designtech.png) no-repeat 0px 0px }
.section h1.diplomas {padding:0px 0px 0px 30px; background:url(../images/menu/diplomas.png) no-repeat 0px 0px }
.section h1.drama {padding:0px 0px 0px 30px; background:url(../images/menu/drama.png) no-repeat 0px 0px }
.section h1.early-years {padding:0px 0px 0px 30px; background:url(../images/menu/earlyyears.png) no-repeat 0px 0px }
.section h1.english {padding:0px 0px 0px 30px; background:url(../images/menu/english.png) no-repeat 0px 0px }
.section h1.enterprise {padding:0px 0px 0px 30px; background:url(../images/menu/enterprise.png) no-repeat 0px 0px }
.section h1.geography {padding:0px 0px 0px 30px; background:url(../images/menu/geography.png) no-repeat 0px 0px }
.section h1.history {padding:0px 0px 0px 30px; background:url(../images/menu/history.png) no-repeat 0px 0px }
.section h1.ict {padding:0px 0px 0px 30px; background:url(../images/menu/ict.png) no-repeat 0px 0px }
.section h1.maths {padding:0px 0px 0px 30px; background:url(../images/menu/maths.png) no-repeat 0px 0px }
.section h1.mfl {padding:0px 0px 0px 30px; background:url(../images/menu/mfl.png) no-repeat 0px 0px }
.section h1.music {padding:0px 0px 0px 30px; background:url(../images/menu/music.png) no-repeat 0px 0px }
.section h1.pe {padding:0px 0px 0px 30px; background:url(../images/menu/pe.png) no-repeat 0px 0px }
.section h1.british-schools-overseas {padding:0px 0px 0px 30px; background:url(../images/menu/bso.png) no-repeat 0px 0px }
.section h1.re {padding:0px 0px 0px 30px; background:url(../images/menu/re.png) no-repeat 0px 0px }
.section h1.pshe {padding:0px 0px 0px 30px; background:url(../images/menu/pshe.png) no-repeat 0px 0px }
.section h1.science {padding:0px 0px 0px 30px; background:url(../images/menu/science.png) no-repeat 0px 0px }

.section h2 { font-size:130%; color:#2D5787}
.section .body { margin:40px 50px 0px}
.section .body h2 { font-weight:normal; color:#32B1A5; margin-bottom:25px; line-height: 125%;}
.section .body h2.darktitle { color:#525252; font-size:210%; margin-left:-25px}
.section .body p, .section .body ul { font-size:110%; line-height:145%; margin-top:0}
.section .body p.date { font-weight:bold; color:#333333}
.section .body img { float:right}

.businessinfo { background:url(../images/document-dotted-line.gif) no-repeat bottom; display:block; margin-bottom:25px; margin-left: 25px; width: 300px; float:right}
.businessinfo p { margin-bottom:5px}
.businessinfo a { color:#FF7926}
.businessinfo a img { float:left!important; margin-bottom:20px}

.businesslogo {width: 100%; text-align: center; margin-bottom: 10px;}
.businessinformation {width: 100%; text-align: left;}
.businessinformation h5 {margin:5px 0!important}
.businesslink {width: 100%; text-align: center; padding-top: 10px;}
.businesslink a {margin: 0 auto}
.businesslink a img {margin: 0 auto!important; float: none!important}

span.1, span.2, span.3 {display: none; visibility: hidden}    

.subcategory {margin:0px 1px 0px 0px; float:left; width: 139px; background-color:#ffffff; border-bottom:1px dotted #999999;}
.subcategory .flag { display:block; height: 30px; position: absolute; width: 140px; z-index: 10;}
.subcategory .ks1 {background:url(../images/ks1-tag.png) right 0px no-repeat}
.subcategory .ks2 {background:url(../images/ks2-tag.png) right 0px no-repeat}
.subcategory .ks3 {background:url(../images/ks3-tag.png) right 0px no-repeat}
.subcategory .ks4 {background:url(../images/ks4-tag.png) right 0px no-repeat}

.subcategory .image { width:139px; display:block; float:left; position:relative;}
.subcategory h3 {font-size: 120%;}
.subcategory p { color:#333333; margin:5px 0px 0px}
.subcategory p a.resources { background:url(../images/arrow-view-resources.png) no-repeat; padding:0px 0px 0px 26px; font-weight:bold}
.subcategory .subinfo {display: block; float: left; padding: 25px 10px 10px 10px; min-height: 50px; position: relative; width: 120px;}
.subcategory .subinfo p {padding: 0 0 10px 0}
.subcategory .topic {position: absolute; bottom: 10px;}

.subend {margin-right:0px; }
.subodd {background-color:#EBF3F6; }

.subcatitems {margin-bottom: 15px; float:left}

/* section items 3 columns */
.section .items {margin:0px 25px 0px}
.section .items h3 { color:#FFFFFF; background-color:#32B1A5; padding:5px 25px 10px; font-size:160%; margin-bottom: 0; font-weight:normal}
.section .items h3.results { color:#FFFFFF; background-color:#32B1A5; padding:5px 15px 5px; font-size:110%; font-weight: normal }
.section .threecol .item { width:193px; display:block; float:left; margin:20px 0px 0px 20px; position:relative}
.section .threecol .item .image { width:183px; display:block; float:left; padding: 5px 5px 10px; position:relative}
.section .threecol .item .shad {position: absolute; background:url(../images/section-item-shadow.png) 0px 0px no-repeat; width:202px; height:77px; left:-5px; top:64px }
.section .threecol .item .image .title { display:block; background-color:rgba(0,0,0,0.7); color:#FFFFFF; padding:8px; position: absolute; bottom:10px; width:167px; font-size:120%}
.section .threecol .item p { margin:10px 5px 10px; font-size:110%; line-height:145%; color:#333333}
.section .threecol .item p a {color:#CC3399}

/* section items 1 column */
.section-items {width: 540px; margin: 0 auto;}
.results-background { background:url(../images/result-background.gif) repeat-x; display:block; float: left; /* margin-bottom: 25px; */}

.topicitems {width: 540px; margin: 0 auto; clear: both; display: block;}
.topicitems h2 { color:#1F4D80; border-bottom:1px dotted #999; font-size:130%; padding-bottom:10px; margin-bottom:0px; margin-top:15px}
.topicitems h3 { font-size:130%; color:#2D5787}

.topic2contentcontain {float:left; margin-bottom: 15px;}

.section .result { margin:0px; float:left; border-bottom:1px dotted #999999; padding:16px 10px; width: 520px; border-bottom:1px dotted #999; height: 108px;}
.section .result .image {width:170px; height:100px; display:block; float:left; border:4px solid #fff; margin-right:20px; position:relative; background-color:#FFFFFF;
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.47);
-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.47);
-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.47);}

.section .newsitems .result {padding:16px 0px; height:auto!important}

.section .result h3 { font-weight:normal}
.section .result h3 a { color:##1F4D80; }
.section .result h3 a:hover { color:#32B1A5; }
.section .result h3 .date { color:#22998E; }
.section .result p { margin:5px 0px; font-size:110%; line-height:145%; color:#333333}
.section .result p a {color:#1F4D80}
.section .result p a.fom {background:url(../images/arrow-view-fom.png) no-repeat; padding:0px 0px 0px 20px; color:#1F4D80; margin-right:10px; }
.section .result p a.website {color:#1F4D80; background:url(../images/arrow-view-resources.png) no-repeat; padding:0px 0px 0px 20px}

.freeresults {width: 540px; display:block; float:left; background: url(../images/freeresults-dotted-line.gif) repeat-y 270px}
.freeresult {width: 240px!important; height:100px!important; padding:15px!important; margin:0px!important}

.section .sresult { margin:0px; float:left; border-bottom:1px dotted #999999; padding:20px 0; width: 524px; border-bottom:1px dotted #999;}
.section .sresult .image {width:170px; height:100px; display:block; float:left; border:4px solid #fff; margin-right:20px; position:relative; background-color:#FFFFFF;
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.47);
-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.47);
-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.47);}

.section .large { background-color:#A1D9E8; border:2px solid #1296BD; width: 516px;}
.section .large h3 { font-weight:bold}

.section .fb-like {display: block;  float: left; width: 85px; margin-bottom: 25px;}
.section .tweet {display: block;  float: left; width: 115px; margin-bottom: 25px;}
.section  .addthis {display: block;  float: left; margin-bottom: 25px;}

.statistics {  width: 900px;}
#statstitle { clear: both; height: 20px; padding: 0px;  text-align: left;  width: 900px;font-weight:bold;}
#statsholder { clear: both; padding: 0px; text-align: left; width: 900px;}
#amountstats { color: #000000; float: right; font-size: 110%;font-weight:bold;}
.toggle { border-top:1px solid #000000; display:block; padding: 3px 0; font-weight:bold}
#dayrender { background-color: #ededed; border-bottom: 1px solid white; font-size:100%; padding: 4px;}
#dayrender_b { background-color: #dddddd; border-bottom: 1px solid white; font-size: 100%; padding: 4px;}

#admin {}
#admin h1 { margin:10px 0px 3px 0px}
#admin h2 { margin:0px 0px 0px 0px;}
#admin h3 { margin:10px 0px 3px 0px}
#admin h4 { margin:25px 0px 3px 0px; color:#000000; font-size:150%; color:#FF7926; }
#admin p { margin:0px 0px 0px 0px}
#admin table {margin:0px 0px 25px 0px}
#admin table tr th { background-color: #999999; color:#FFFFFF}
#admin table tr.odd td { background-color:#ededed}
#admin table tr.even td {background-color:#eeeeee}
#admin a.button { clear:both; float: left;}
#admin a.button:hover { color:#FFFFFF}

body#admin .maincol { float: left; margin-top: 15px; width: 980px; position:relative; }
body#admin .rightcol { display:none  }
body#admin #footer { display:none}
body#admin .section {padding-bottom: 20px; }
body#admin .body { margin:25px}
/* body#admin #nav {height:35px} */
body#admin #nav li {display:none}

#admin .field { margin: 10px 0 0px; padding:0px; clear:both } 
#admin .field .lbl { float: left; text-align: right; width: 172px; padding: 0px 10px 0 0; font-weight:bold }
#admin .field .data { float: left; width: 460px; }
#admin .field .data .txt { margin: 0 0 0px 0; }

/* !Tabs */
#tabs { list-style: none; margin: 0; float: left; width: 100%; display:block;}
#tabs li { float: left; margin: 0 5px 0 0; }
#tabs li a { display: block; background: #fff; padding: 0 7px 0 0; font-size: 100%; text-transform: uppercase; border-bottom:5px solid #ffffff; border:1px solid #1296BD; color:#1296BD}
#tabs li a span { display: block; padding: 8px 5px 6px 12px; }
#tabs li a:hover { background-color:#6CC6EB; color:#ffffff; text-decoration: none }

#tabs li .current {text-decoration: none; border-bottom:5px solid #1296BD; color:#ffffff; font-weight:bold; background-color:#1296BD}
#tabs li .current a { }
#tabs li .current span { }

.tabcontent { display:block; width: 900px; float:left; border:4px solid #1296BD; padding:10px }

.noborder { border-bottom:0px!important}
.backtonews {background:url(../images/arrow-backtonews.gif) no-repeat; padding:2px 0px 2px 26px; color:#1F4D80; font-weight:bold}

/* COMMENTS AND REVIEWS */

.comments {background: #fff; float:left: }

.review { border-bottom:1px dotted #999999; padding:15px}
.review-body {float:left; width:368px; padding: 0; margin: 0;}
.review-body .date { text-align:right; margin:0px 0px 5px 0px; display:block; width:368px;}


.review-header {float:left; width:150px; margin-right: 10px}
.review-header .heart-stars { display: block; height: 15px; width: 150px;}
.review-header p {margin:0px 0px 5px 0px}

.replies {padding:10px 5px 10px 75px; background:#EDEDED url(../images/comment-review-logo.png) no-repeat 10px 10px; font-size:90%}
.reply p { margin:0px 0px 5px 0px}
.feedback { vertical-align:middle}
.feedback img { vertical-align:middle}
.form {padding: 15px;}
.buttons {border-bottom:1px dotted #cccccc; display:block; padding:10px; width: 538px; float:left}
.buttons p { margin:0px}
.buttons .add { background-color: #1296BD;
    border: 0 none;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 100%;
    font-weight: bold;
    margin: 0px;
    padding: 2px 10px;
    text-transform: uppercase;
    vertical-align: middle;
	float:right;
	}

.allreviews-page .maincol h1 { border-bottom:1px solid #CCCCCC; padding-bottom:0px; color:#333333; margin-bottom:15px; line-height: 130%;}
#comments {background: #fff; float:left; width: 558px; margin-bottom:15px; }
#comments h1 {border-bottom: 1px solid #ccc;}
.review-topheader {width: 100%; float: left; margin-right: 5px}
.heart-stars {float:left; width: 20%; text-align: left}
.date {float: right; width: 80%; text-align: right}

.normalbutton { background: url(../images/arrow-view-resources.png) no-repeat; padding:0px 0px 0px 26px;font-weight:bold}
.review {float:left; width:528px}
.review-body h3 {font-size: 130%; color: #333;}

.tbreak {clear:both; }


.found-useful {float:right; width: 100%; text-align: right;}
.useful {}

.mainbuttons {vertical-align: middle; margin: 0 auto; width: 548px}
.review-info {float:left; clear: both; margin-bottom: 15px}
span.right a {margin:0;}

/* BLOG */

.blogpost { padding:15px; border-bottom:1px dotted #999999}
.blogpost .blogdate { width:50px;  margin-right:15px; float:left; }
.blogpost .blogdate .day {background-color: #189AC0; display:block; color:#FFFFFF; font-size:180%; border-bottom:1px solid #FFFFFF; font-weight:bold; padding:10px; text-align:center }
.blogpost .blogdate .month {display:block; font-weight:bold; padding:6px; text-align:center; font-size:140%; color:#333333; background-color: #A3D9EA}
.blogpost h2 { font-size:140%; padding-left:65px}
.blogpost p {padding-left:65px}
.blogshare {padding-left:65px}
.socialitem {float:left; margin-right:15px}
.rss-icon { }
.blognav { margin-bottom:0px!important}
#contributors {width: 190px;}
#contributors .box { padding:10px; background: #FCC278; color:#333333; float:left; width:170px}
#contributors .box img {float:left; margin-right:10px}
#contributors .box p { margin:0px 0px 0px 0px}
#contributors .box p a { color:#333333}

.blogarticleshare { display:block; clear:both; float: left; margin-bottom:25px}

a#v_toggle {font-size: 200%; display: inline-block; font-weight: bold; vertical-align: middle; margin: -3px 0 0 18px; color: #fff;}
a#v_toggle:hover {text-decoration: none; color: #333}


.lowerleftlinks {background: #36b7dc; margin-bottom:15px!important; }
.lowerleftlinks li { border-bottom:1px solid #fff}
.lowerleftlinks li a {color:#FFFFFF!important; line-height:100%; padding: 8px!important;}


.topiccontent {padding: 0px 0; float:left; margin-top: 15px}

#lesson-ideas .section h1 {width: 94.5%;}
.sidenav h3.chalkboardfont {width: auto!important;}

.soap-server {visibility: hidden; display: none;}


/* Star Ratings */
.star-ratings { background: url(../images/stars.png) no-repeat; text-indent: -9999px; width: 84px; height: 12px; display: block; /* margin: 0 auto; */ overflow: hidden; }
.rating-0 { background-position: -90px 0; }
.rating-0-5 { background-position: -72px -13px; }
.rating-1 { background-position: -72px 0; }
.rating-1-5 { background-position: -54px -13px; }
.rating-2 { background-position: -54px 0; }
.rating-2-5 { background-position: -36px -13px; }
.rating-3 { background-position: -36px 0; }
.rating-3-5 { background-position: -18px -13px; }
.rating-4 { background-position: -18px 0; }
.rating-4-5 { background-position: 0 -13px; }
.rating-5 { background-position: 0 0; }

.large-stars .star-ratings { width: 100px; height: 15px; }
.large-stars .rating-0 { background-position: -289px 0; }
.large-stars .rating-0-5 { background-position: -268px -16px; }
.large-stars .rating-1 { background-position: -268px 0; }
.large-stars .rating-1-5 { background-position: -247px -16px; }
.large-stars .rating-2 { background-position: -247px 0; }
.large-stars .rating-2-5 { background-position: -226px -16px; }
.large-stars .rating-3 { background-position: -226px 0; }
.large-stars .rating-3-5 { background-position: -205px -16px; }
.large-stars .rating-4 { background-position: -205px 0; }
.large-stars .rating-4-5 { background-position: -184px -16px; }
.large-stars .rating-5 { background-position: -184px 0; }

/* Localized */