html{ overflow-y : scroll; }

body{
    font-family: verdana, helvetica, arial, tahoma;
    font-size:0.8em;
    /*background-image:url(images/bodybg.png);*/
    background-repeat:no-repeat;
    background-position:bottom;
    color:#333;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

body.view{
    background-color:#000000;
    text-align:center;    
}

a, a:visited {
    color:#026AC3;
}

a:hover{
    color:#FF8000;
}

ul{    
    padding:0 0 0 0;
}

ul li {
    margin:1em 0 1em 0;    
    list-style-position: inside;    
}

ul li ul{
    margin-left:1em; 
}

#page{
    position:relative;
    width:960px;
    margin:0px auto;     
}

#header{
    position:relative;
    margin-top:16px;
    width:100%;    
}

#top_banner{
    position:relative;
    float:left;    
    width:720px;
    height:60px;
}

#searchform fieldset{
	border:0 none transparent;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#searchbox{
    position:relative;
    float:left;    
    width:208px;
    height:52px;
    background-image:url(images/searchboxwithico.png);
    margin-right:0px;
    text-align:left;
    z-index:1;
}

.searchboxnoicon{
    background-image:url(images/searchbox.png) !important;
}

#searchgo{
    position:relative;
    float:right;
    height:52px;
    width:40px;
    margin-right:-8px;
    background-position:0 0;
    background-image:url(images/searchboxgo_sprite.png);
}

#searchlab{
    display:none;
}

#searchgo:hover{
    background-position:0 52px;
}

#searchgo input{
    display:block;
    position:relative;    
    border:1px solid red;
    margin-top:2px;    
    width:33px;
    height:32px;
    opacity:0.0; filter:alpha(opacity=0);
    cursor:pointer;
}

#search {
    position:relative;
    margin:4px 0px 0px 32px;
    width:180px;
    height:24px;
    border:0px none transparent;
    background-color: transparent;
    z-index:3;
    /*border:1px solid black;*/
}

div.searchboxico{
    position:absolute;
    z-index:2;
    left:16px;
    top:-2px;
    width:131px;
    height:61px;
    background-image:url(images/searchico.png);
}

#header_top{
    height:60px;
}

#menubar{
    position:relative;
    clear:both;
    width:960px;
    min-height:40px;
    margin:auto 0;
    margin-top:20px;
    background-image:url(images/menubar.png);
}

#menubar ul{
    display:table-cell;
	list-style-type:none; 
    width:auto;
    min-height:28px;    
    text-align:justify;
    color:#fff;
    font-family:verdana, helvetica, arial, tahoma;
    font-weight:bold;
    font-size:10pt;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#menubar ul li {
    display:inline;
    margin:0 0 0 0;     
}

#menubar ul li a {
    display:block;
    float:left;
    text-decoration:none;
    color:#fff;
    min-height:28px;    
    background-image:url(images/listsep.png);
    background-position:-4px 0px;
    background-repeat:no-repeat;      
}

.theme_ossett #menubar ul li a{
	padding:0.9em 1.085em 0 1.085em;
}


#menubar ul li.first a{
    background-image: none;
}


#menubar ul li.active a{
    background-image:url(images/menuselected.png);
    background-repeat:repeat-x;
    background-position:0px 0;    
}

#menubar ul li.first.active a{
    background-image:url(images/menuselectedleft.png);
    background-repeat:no-repeat;
    background-position:0px 0;    
}


#menubar ul li a:hover {
    background-image:url(images/menuhover.png) !important;
    background-repeat:repeat-x;
    background-position:4px 0;
}

#menubar ul li.first a:hover{
    background-image:url(images/menuhoverleft.png) !important;
    background-repeat:no-repeat;
    background-position:0px 0;
}

#menubar ul li.last a:hover{
    background-image:url(images/menuhoverright.png) !important;
    background-repeat:no-repeat;
    background-position:top right;
}

#menubar ul li.last.active a{
    background-image:url(images/menuselectedright.png) !important;
    background-repeat:no-repeat;
    background-position:top right;
}



/*KS 5 menubar settings*/
.theme_ks5 #menubar{
    position:relative;
    clear:both;
    width:960px;
    min-height:40px;
    margin:auto 0;
    margin-top:20px;
    background-image:url(images/menubar_ks5.png);
}

.theme_ks5 #menubar ul li a{
    padding:0.9em 1.75em 0 1.75em;
}

.theme_ks5 #menubar ul li a:hover {
    background-image:url(images/menuhover_ks5.png) !important;
}

.theme_ks5 #menubar ul li.first a:hover{
    background-image:url(images/menuhoverleft_ks5.png) !important;
}

.theme_ks5 #menubar ul li.last a:hover{
    background-image:url(images/menuhoverright_ks5.png) !important;
}
/*END OF KS5 menubar settings*/



#mid_banner{
    position:relative; 
    width:960px;
    height:152px;
    z-index:1;
}

#mid_banner.leaves{
	background-image:url(images/banner.jpg);
}

#mid_banner.ks5{
    background-image:url(images/banner_6thform.jpg) !important;	
}

.mid_banner_vtour{
    background-image:url(images/banner_vtour.jpg) !important;
}

#leaves{
    position:absolute;
    z-index:2;
    
    bottom:-44px;
    left:64px;
            
    /* settings if placed in document body
    top:263px;
    left:88px;
    */
    height:74px;
    width:237px;
    background-image:url(images/leaves.png);
}

#content{
    position:relative;
    clear:both;
    width:960px;
    min-height:420px;
    margin:0px auto 0px 0px;
    padding: 1px 0 0 0;
    background-color:#fff;
    background-image:url(images/widthshadow.png);
    background-position:top left;
    background-repeat:no-repeat;
    text-align:left;    
    overflow:hidden; /* Because no fixed height set, this will force the div to grow */
}

body.nobanner #content {
    min-height:572px;
}


#content hr{
    position:relative;
    display:block;
    height:6px;
    margin:0 4px 0 4px;
    width:auto;
    background-image:url(images/hrule.png);
    background-position:bottom left;
    background-repeat:repeat-x;
    border:0px none transparent;
}



#maintitle{
	position:relative;
	padding:1px 1px 1px 1px;    
    margin:1.5em 12px 1.5em 8px;
}

#maintitle h1{
	text-align:center;	
}

#maintitle h1, .sideblocktitle h1{    
    font-family:"Times New Roman", georgia, times, serif; 
    margin:0 0 0 0;
    font-size:2.2em;  
    color:#0095FF;  
    letter-spacing:0.025em;
    font-weight:bold !important;    
}

ol.bignumbers{
	color:#0095FF;
	font-size:1.4em
}

ol.bignumbers h1{
    color:#0095FF;
    font-size:1em !important;
}

ol.bignumbers p{
	font-size:0.7em !important;
}

#content h1{
    color:#0095FF;  
    margin:0 0 0 0;
    font-size:1.9em;
    font-weight:normal;
    letter-spacing:0.025em;
}

#content h1, #content h2, #content h3, #content h4, #content h5{
    color:#0095FF;
}

#content h2{
    font-weight:normal !important;
    font-size:1.6em;    
}

#content h3{
	font-weight:normal !important;	
    font-size:1.4em;
}

#content h4{
    font-size:1.2em;
}

#content h5{
    font-size:1em;
}

#content p{
	line-height: 1.4em;
	color:#444;
}

#content div.sideblocktitle h1{
	margin-top:8px;
}

#contentmainbody h1{
    font-family:verdana, helvetica, arial, tahoma;
    font-size:1.75em;
    margin-bottom:1em;	
}

#contentmainbody h2{
	font-size:1.45em;
}

#contentmainbody h3{
    font-size:1.3em;
}

#contentmainbody h4{
    font-size:1.1em;
}

#contentmainbody h5{
    font-size:1em;
}

.layoutonecol #row1col1, .layoutonecol #row2col1 {
    margin-left:16px;
    margin-right:16px;
}

div.layouttwocol #contentleft, div.layouttwocolmainleft #contentmain, div.layouthome #contentleft{
    position:relative;
    float:left;
}

div.layouttwocolmainleft #contentmain{
	width:580px;
	margin-left:16px;
}

div.layouttwocolmainleft #contentright{
    width:322px;
    float:right;
    margin-right:16px;
}

div.layouttwocol #contentleft{
	width:322px;
}

div.layouthome #contentleft{
	width:252px;
}

div.layouttwocol #contentmain, div.layouthome #contentmain{
    position:relative;
    float:right;
    overflow:hidden; /* Because no fixed height set, this will force the div to grow */
    margin-left:12px;
    margin-right:12px;
}

div.layouttwocol #contentmain{
	width:610px;	
}

div.layouttwocol #maintitle{
    text-align:left;
}

div.layouttwocol #maintitle h1{
    display:block;
    position:relative;
    margin-left:340px;
    text-align:left;
}

div.layouthome #contentmain{
    width:680px;
}

div.layouttours #row1, div.layouttours #row2{
	width:100%;
}

div.layouttours #row1col1{
    position:relative;
    float:left;
    width:320px;	
    margin-left:12px;    
}

div.layouttours #row1col2{
    position:relative;
    float:left;
    width:auto;    
    margin-left:12px;    
}

div.layouttours #row2{
    position:relative;
    float:left;
    width:auto;    
    margin-left:12px;
    margin-right:12px;      
}

div.layouttours #maintitle{
    margin-left:12px;
    margin-right:12px;  	
}

div.layoutarticle #maintitle{
    margin-left:0;
    margin-right:0;
    padding:0 0 0 0;
}

div.layoutarticle #maintitle hr{
	margin:0 0 0 0;
}

div.layoutarticle #contentmain{
	position:relative;
	width:auto;
    margin-left:12px;
    margin-right:12px;
}

#contentmaincol1, #contentmaincol2{
    position:relative;
    min-height:40px;
    text-align:left;
}

#contentmaincol1 {
    float:left;
    margin-left:1em;
    width:320px;    
}

#contentmaincol2{
    float:right;
    margin-right:1em;
    width:300px; 
}



#contentfooter{
    position:relative;
    clear:both;
    margin:0 0 0 0;
    padding:1em 1px 1px 1px;
    background-color:#ffffff;
    background-image:url(images/divider.png);
    background-position:center 1em;
    background-repeat:no-repeat;
}

#contentbottom{
    height:16px;
    width:960px;
    background-image:url(images/contentbottom.png);
}



#footer{
    text-align:left;
    margin-top:1em;
    color:#fff;
}

#footerright{
    position:relative;
    float:right;
}




#aerialsitemapimg{
    position:relative;
    float:left;
    width:600px;
    margin-left:1em;
}
#aerialsitemaptable{
    position:relative;
    float:right;
    margin-right:1em;
    min-height:400px;   
}

#pano_aerialsitemaptable{
    position:relative;
    float:right;
    margin-right:1em;
    min-height:400px;    
}

#pano_aerialsitemaptable, #aerialsitemaptable{
    width:300px;    
    background-color:#fff;
    color:#000;
}

#aerialsitemaptable table, #pano_aerialsitemaptable table{
    width:100%;
    border-collapse: collapse;
    margin-bottom:2em;
}

#aerialsitemaptable table th, #pano_aerialsitemaptable table th{
    background-image:url(images/header.png);
    color:#fff;
    font-weight:bold;
    border-right:1px solid white;
    height:30px;
    
}

#aerialsitemaptable table td, #pano_aerialsitemaptable table td{
    text-align:left;
    padding-top:0.5em;
    padding-left:0.5em;
}

#pano{
    position:relative;
    float:left;
    width:600px;
}

#panosalado{
    margin-left:1em;
}

.clearer{
	position:relative;
    clear:both;
    /*height:1px;*/ /* HEIGHT REMOVED BECAUSE IT CAUSES IE6 LAYOUT BUG!!! http://www.satzansatz.de/cssd/onhavinglayout.html */
    line-height:1px;
    font-size:1px;  
}

#meetthestaff{
   position:relative;
   margin:40px 0 40px 0;
}

.page.home .stickynotes{
	margin-top:12px;
}

div.sideblock{
   position:relative;
   text-align:left;
   margin:0 0 40px 0;
   min-height:160px;
}

div.sideblock.col1{
   margin-left:16px;
}

div.sideblock.col3{
   margin-right:16px;
}

div.sideblock .sideblockicon{
	background-repeat:no-repeat;
    background-position:center center;
}

div.sideblock.news .sideblockicon{
    background-image:url(images/sideblocknews.png);
}

div.sideblock.dates .sideblockicon{
    background-image:url(images/sideblockdates.png);
}

div.sideblock.docs .sideblockicon{
    background-image:url(images/sideblockdocs.png);
}

#verticalmenu .sideblockicon{
    background-image:url(images/sideblockpin.png);
    background-repeat:no-repeat;
    background-position:center center;
}

div.sideblocktitle{
    position:relative;
    background-image:url(images/header.png);
    background-repeat:repeat-x;   
    background-color:#008AFE;
    min-height:36px;
    padding:1px 1px 1px 1px;
}

div.sideblocktitle h1{
	line-height:0.1em;
}

div.sideblockcontent{
    padding-bottom:1px;
}

div.sideblock ul{
    margin-left:1em;
    padding-left:1em;
    text-indent:-1em;
    list-style-position: inside;
}

div.sideblock ul li{
    margin:0.5em 0.5em 0.5em 0;
    padding:0.25em 0.25em 0.25em 0.25em;
}

div.sideblockcontent ul li.selected{
	background-color:#ffc !important;
}

div.sideblockcontent ul li.selected a{
	color:#000 !important;
}

div.sideblockcontent ul li a{
    text-decoration:none;
    font-weight:bold;
    font-size:0.9em;    
}

div.sideblock .sideblockcontent ul{
	list-style:none;
	margin-left:-0.5em;
	text-indent: 0em;
	list-style-position: outside !important;
}

div.sideblocktitle h1{
   color:#fff !important;
   font-family:font-family:"Times New Roman", georgia, times, serif !important;
   font-size:1.6em !important;
   letter-spacing:0.1em;   
   padding:0.4em 0.4em 0.4em 0.4em;
}

ul.menuverticalleft{
	list-style:disc !important;	
}

ul.menuverticalleft li{
	padding-left:1em !important;
}

div.sideblockicon, div.noteicon {
    position:absolute;
    width:80px;
    height:80px;
	background-repeat:no-repeat;
	background-position:center center;
    z-index:3;
}



div.sideblockicon{
    right:-30px;
    top:-20px;
}

span.datetxt{
	display:block;
	font-weight:normal;
    margin-left:20px;
}

div.noteicon{
    right:-30px;
    top:10px;
}

.stickynote.policies .noteicon{
    background-image:url(images/iconpolicies.png); 
}

.stickynote.tutorial .noteicon{
    background-image:url(images/iconreview.png); 
}

.stickynote.faq .noteicon{
    background-image:url(images/iconfaq.png); 
}

.stickynote.whyossett .noteicon{
	background-image:url(images/iconossett.png);
}

.stickynote.art .noteicon{
    background-image:url(images/iconart.png); 
}

.stickynote.adt .noteicon{
    background-image:url(images/iconadt.png); 
}

.stickynote.dance .noteicon{
    background-image:url(images/icondance.png); 
}

.stickynote.drama .noteicon{
    background-image:url(images/icondrama.png); 
}

.stickynote.music .noteicon{
    background-image:url(images/iconmusic.png); 
}

.stickynote.pe .noteicon{
    background-image:url(images/iconpe.png); 
}

.stickynote.enquiry .noteicon{
    background-image:url(images/iconenquiry.png); 
}

.stickynote.french .noteicon{
    background-image:url(images/iconfrench.png); 
}

.stickynote.german .noteicon{
    background-image:url(images/icongerman.png); 
}

.stickynote.geography .noteicon{
    background-image:url(images/icongeography.png); 
}

.stickynote.history .noteicon{
    background-image:url(images/iconhistory.png); 
}

.stickynote.re .noteicon{
    background-image:url(images/iconre.png); 
}

.stickynote.spanish .noteicon{
    background-image:url(images/iconspanish.png); 
}

.stickynote.tournote .noteicon{
    background-image:url(images/icontour.png); 
}

.stickynote.vtlenote .noteicon{
    background-image:url(images/iconvtle.png); 
}

.stickynote.uniform .noteicon{
    background-image:url(images/iconuniform.png); 
}

.stickynote.absences .noteicon{
    background-image:url(images/iconabsences.png); 
}

.stickynote.curriculum .noteicon{
    background-image:url(images/iconcurriculum.png); 
}

.stickynote.homework .noteicon{
    background-image:url(images/iconhomework.png); 
}

.stickynote.meals .noteicon{
    background-image:url(images/iconmeal.png); 
}

.stickynote.map .noteicon{
    background-image:url(images/iconmap.png); 
}

.stickynote.calendar .noteicon{
    background-image:url(images/iconcalendar.png); 
}

.stickynote.contact .noteicon{
    background-image:url(images/iconcontact.png); 
}

.stickynote.clubs .noteicon{
	width:38px;
	background-image:url(images/iconclubs.png);	
}

.stickynote.community .noteicon{
    background-image:url(images/iconcommunity.png); 
}

.stickynote.studentcouncil .noteicon{
    background-image:url(images/iconstudentcouncil.png); 
}

.stickynote.map label{
	margin-left:8px;
}

.notebody address{
	font-style:normal;
	font-size:0.9em !important;
}

div.noteicon_new{
    background-image:url(images/iconnew.png);
    background-repeat:no-repeat;
    background-position:center center;
}

/*
div.shadowboxl{
    position:absolute;
    bottom:0px;
    left:-4px;
    background-image:url(images/shadowl.png);
    width:4px;
    height:100%;
}
div.shadowboxr{
    position:absolute;
    bottom:0px;
    right:-4px;
    background-image:url(images/shadowr.png);
    width:4px;
    height:100%;
}
div.shadowboxb{
    position:absolute;
    bottom:-9px;
    left:0px;
    background-image:url(images/shadowb.png);
    height:9px;
    width:100%;
}

div.shadowboxbl{
    position:absolute;
    bottom:-9px;
    left:-4px;
    width:4px;
    height:9px;    
    background-image:url(images/shadowbl.png);
}

div.shadowboxbr{
    position:absolute;
    bottom:-9px;
    right:-4px;
    width:4px;
    height:9px;    
    background-image:url(images/shadowbr.png);
}
*/

div.stickynotes{
    position:relative;
    margin-top:4px;
    width:auto;
    min-height:100px;
    overflow:hidden;
}

div.stickynote{
    position:relative;
    float:left;
    min-height:100px;    
    background-color:#fffbbf;
    margin:4px 8px 8px 8px;
}

div.stickynote ul{
    margin-left:0px;
    padding-left:4px;
    list-style-position: inside;
    font-size:8pt;    
}

div.stickynote img{
    border:0 none transparent;
}

div.notethumb{
	margin:0 0 0 0;
	padding:0 0 0 0; 
    width:auto;
    height:40px;
}

div.notethumb img{
	margin: 0 0 0 0 !important;
}

div.notelink{
    padding-top:4px;
	margin-left:4px;
    text-align:left;
}

div.notelink{
    font-size:1.30em;
    font-weight:bold;
    text-decoration:underline;
}

table{
    width:100%;
    margin:0 0 2em 0;
    padding:0 0 0 0;
    border-collapse: collapse;
    border-left:0px none transparent;
    border-right:0px none transparent;
    border-bottom:2px solid #eee;
    border-top:2px solid #eee;
}

table td, table th {
	vertical-align:top;
    padding:0.5em 0.5em 0.5em 0.5em;     
}

table tr{
	background-position:bottom left;
    background-repeat:repeat-x; 
    border-top:1px solid #eee;
}

table tr:nth-child(2n+1){
	background-color:#f6f6f6;
	/*background-image:url(images/grad_gentle_bottom.png);*/
}

table tr:nth-child(2n){
    /*background-image:url(images/grad_white_gentle_bottom.png);*/
}

table tr:first-child th{
	background-color:#ddd;
	background-image:url(images/grad_gentle.png);
	background-position:top left;
	background-repeat:repeat-x;
	padding:0.5em 0.5em 0.5em 0.5em;
}

table.listview tr th{
    color:#fff !important;
    font-family:"Times New Roman", georgia, times, serif !important;
    font-size:15pt !important;
    background-image:url(images/header.png);
    background-repeat:repeat-x;   
    background-color:#008AFE;
    height:36px;
    color:#fff;
    text-align:center;   
}

table.listview td{
    border:0px none transparent;
    padding:4px 0px 4px 4px;
}

table.listview tr.alt1{
    background-color:#eee;
}

table.listview tr.active{
    background-color:#ffa;
}

#standardscompliance{
    float:left;
    margin-right:8px;
}

#standardscompliance img{
    border:0 none transparent;
}

#copyright{
    float:left;
}

#acreditations{
    position:relative;
    min-height:40px;
    width:auto;
    padding:1px 8px 1px 8px;
    margin:24px 14px 9px 14px;
    text-align:center;
}

#acreditations img{
    margin:8px 8px 8px 8px;
}

#latestnews{
    margin-top:40px;
}

.staffvideo{
    position:relative;
    width:320px;
    height:240px;
    float:right;
}

#staffinfo{

}

#headvideo, .leftvid{
	float:left;
	margin-right:14px;
	margin-bottom:14px;
}

div.contentitem{
	font-size:0.8em;	
}

div.contentitem p, div.contentitem a{
	font-size:1.2em;
	/*letter-spacing:0.025em;*/
	word-spacing:0.025em;
}

div.contentitem h1{
	margin:0 0 0 0 !important;
	font-weight:normal !important;
	font-size:2em !important;
	letter-spacing:0em !important;
    font-family:verdana, helvetica, arial, tahoma !important;
}

.page.sixthform div.contentitem h1{
    font-size:1.9em !important;
}

div.contentitem h2{
    font-weight:strong !important;
    font-size:1.7em !important;
}

div.contentitem img{
	margin-top:0.8em;
	margin-bottom:0.8em;
}

img.top {
	margin-top:0 !important;
}

img.nopad {
	margin:0 0 0 0 !important;
}

div.articlebody h1, div.contentitem h1,
div.articlebody h2, div.contentitem h2,
div.articlebody h3, div.contentitem h3,
div.articlebody h4, div.contentitem h4
{
	line-height:normal;
	margin-top:0;
}

div.layoutarticle img, div.articlebody img{
	margin-top:1.6em;
    margin-bottom:1.6em;
}

img.articleimage{
	margin-top:0 !important;
}

img.left{
	margin-right:1.6em;
	float:left;
}

img.right{
    margin-left:1.6em;
    float:right;
}

.page.subjects img.left{
    margin-right:0.6em;
    float:left;
}

.page.subjects img.right{
    margin-right:0.6em;
    float:right;
}

img.nofloat{

}

div.contentitemtitle{
	margin:0 0 1em 0;
}

.itemsep {
	height:2px;
	line-height:2px;
	font-size:1px;
	width:auto;
	border-bottom:1px solid #eee;
}

/**
 * expand a content item or link to a content items complete information
 **/
a.revealmore{
	position:relative;
    margin-left:1em;
    cursor:pointer;
}

/**
 * link to a full list of items from a limitted list.
 **/
a.morelink{
    position:relative;
    float:right;
    margin-top:1em;
    margin-right:1em;
    cursor:pointer;
    background-image:url('images/smicon_more.png');
    background-repeat:no-repeat;
    padding-left:20px;
}

.touritemlist a.morelink{
	margin-right:24px;
}

.linkbackdiv{
    width:auto;
}

.linkbackdiv{	   
    margin-top:1em;
}

ul.eventsbyyear, ul.eventsbyyearmonth, ul.eventsbyyearmonth li ul {
   display:block; 
   list-style-type:none;
   text-align:center;  
   margin:0 0 0 0 !important;
   padding:0 0 0 0 !important;
   list-style-position: outside;   
   width:auto;
   text-indent:0em !important;
}

ul.eventsbyyear li span.dateyear{
	font-size:2.2em;
	color:#ccc;
}

ul.eventsbyyearmonth li span.dateyear{
    font-size:3.2em;
    color:#bbb;	
}

ul.eventsbyyearmonth li span.datemonth{
    font-size:2em;
    color:#0a0; 
}

ul.eventsbyyearmonth li ul{
	list-style:none;
}

ul.eventsbyyear li ul {
    list-style: disc;
    margin-left: 0.85em;
    padding-left: 0.85em;
    text-indent: -1em;
    text-align:left;
}

.eventarticle{
	text-align:center;
}
.eventarticle div{	
    margin-top:1em;
}

div.fullcircle360{
	width:auto;
}

div.fullcircle360text{
	padding-top:2em;
}

div.pano360{
	position:relative;
	margin:0 auto;
	display:table-cell;
    width:960px;
    height:600px;    
}

div.pano360 img{

}

div.touritemlist{
	margin-right:-14px; /* reduce right margin by 14 pixels as tour item has right margin of 14 pixels*/
}

div.layouttours #row1col1 h1, div.layouttours #row1col2 h1{
	font-family:verdana, helvetica, arial, tahoma;
	font-size:1.4em;
}

div.layouttours #row1col1 {
	position:relative;
	width:960px !important;   
}

div.touritem {
    position:relative;
    margin-top:1em;	
    margin-right:12px;
	width:285px;
	height:138px;	
    float:left;
    text-align:center;
    overflow:hidden;
    border:8px solid #eee;
    opacity:0.90; filter:alpha(opacity=90);    
}

div.touritem:hover {
    border:8px solid #fea;
    opacity:1; filter:alpha(opacity=99);    
}

div.touritemtitle {
    position:absolute;
    right:0px;
    z-index:2;
    background-color:#fff;
    opacity:0.9;
    filter:alpha(opacity=90);   
    padding:0.5em 0.5em 0.5em 0.5em;
}

div.touritem img{
	position:relative;
	z-index:1;
	padding:0 0 0 0 !important;
	border-style:none;
}

div.contentitemlist{
	position:relative;
	display:inline-table;
	margin-bottom:1em !important;
}

p.quote{
	margin-top:20px;
}

span.quote {
	background-image:url('images/quoteopen.png');
	background-position:0px 0px;
	background-repeat:no-repeat;
	padding-top:10px;
	padding-left:40px;
	padding-bottom:10px;
}

span.quote cite{
	background-image:url('images/quoteclose.png');
    background-position:bottom right;
    background-repeat:no-repeat;
    padding-bottom:10px;
    padding-right:60px;   

}

#contentleft .contentitemlist {
	margin-left:16px;
}

div.layouttwocol #maintitle h1{
	margin-left:328px;
}

.page.vtle #maintitle{
    background-repeat:no-repeat;
    background-position:895px -4px;   	
	background-image:url('../../../../../images/logos/moodle.png');
}

.page.home #contentleft, .layouttwocolv3 #contentleft, .page.sixthform #contentleft{
	margin-top:2em;
}

.page.home div.contentitem, .page.sixthform div.contentitem{
    font-size:0.7em;    
}

/**
 * Fixed width sticky notes
 */
div.stickynotes_fw{
    position:relative;
    margin-top:4px;
    width:auto;
    min-height:100px;
    overflow:hidden;
}

div.stickynotes_fw .stickynote .noteheader{
	background-image:url('images/grad_snoteheader.png');
	background-position:top left;
	background-repeat:repeat-x;
	background-color:#0078C9;	
	min-height:32px;	
}

.page.parents .stickynote a{
	text-decoration:none;
}

div.stickynotes_fw .stickynote{
	width:168px;
	min-height:136px;
	margin-right:26px;
	margin-bottom:26px;
	font-size:0.8em;
}

.page.subjects .stickynote{
    width:168px;
    min-height:152px;
    margin-right:16px;
    margin-bottom:26px;
    font-size:0.8em;	
}

div.stickynotes_fw .notebody ul{
	list-style-type:none;
}

div.stickynotes_fw .notebody ul li{
	list-style-position:outside;
	margin:0 0 0.5em 0;
}

div.stickynotes_fw .stickynote .noteheader .notelink a{
	color:#fff;
}

div.stickynotes_fw .stickynote .noteheader .notelink{
	padding:0.5em 0 0 0;
	margin:0 0.5em 1em 0.5em;
}

div.stickynotes_fw .stickynote .notebody{
	margin:2em 0.5em 0.5em 0.5em;
}

div.stickynotes_fw .stickynote a{
    color:#000;
}

div.stickynotes_fw .stickynote a:hover{
    color:#000;
}

div.stickynotes_fw .stickynote .noteheader{
    color:#fff !important;    
}

.stickynote:hover{	
	background-color:#ffd;
}

div.stickynotes_fw .noteicon{
    height:52px;
    width:52px; 
    right:-20px;
}

.page.subjects .noteicon{
	right:-15px;
	top:0px;
}

.bold{
	font-weight:bold;
}

ul.VTLE_acronym{
	list-style-type:none;
}

ul.VTLE_acronym .bold{
	font-size:1.4em;
	color:#0095ff;
}

.page.vtle .vtlequicklink, .page.ks5vtle .vtlequicklink{
	position:absolute;
	right:12px;
	top:0px;
	font-weight:bold;
}

.page.vtle .vtlequicklink div, .page.ks5vtle .vtlequicklink div {
	position:relative;
	float:right;
	margin-left:12px;
}

.page.vtle .vtlequicklink div img, .page.ks5vtle .vtlequicklink div img{	
	margin:0 0 0 0;
	padding:0 0 0 0;
}



.page.contact address, .page.ks5contact address{
	font-size:1.2em;
	font-style:normal;
	color:#555;
}

.page.contact #content, .page.ks5contact #content{
	text-align:center !important;
}

.page.contact #row1col1, .page.ks5contact #row1col1{
	text-align:center;
}


.stickynote.map .notebody form label,
.stickynote.map .notebody form input{
	display:block;
	float:left;
	margin-bottom:0.5em;
}

fieldset.fieldsetplain{
	border-style:none;
	padding:0 0 0 0;
	margin:0 0 0 0;
}

.stickylink{
	cursor:pointer;
}

.articlebody address{
	font-style:normal !important;
}


	
.articlebody p{
    margin-top:0;
}

.smallgo{     
	display:block; 
    background-image:url(images/inputboxgo.png);
    background-repeat:no-repeat;
    border:0px none transparent;  
    background-color:transparent;    
    height:50px;
    width:35px;
    margin-top:-10px;
    color: transparent; /*this hides the button text*/
    text-transform: capitalize;  /*button text hide wont work unless this is set*/
    text-indent:-9999px; /* hide button text in opera*/
}

.smallgo:hover{
    background-image:url(images/inputboxgohover.png);	
}



#saddr{
	background-image:url(images/inputbox.png);
	height:50px;
	background-color:transparent;
	border:0px none transparent;  
	margin-top:-10px;
	padding-left:20px;
	width:100px !important;
}

body.internetexplorer7_0 #saddr, body.internetexplorer6_0 #saddr{
	margin-left:-4px;	
}


body.firefox #saddr, body.internetexplorer8_0 #saddr, body.internetexplorer7_0 #saddr, body.internetexplorer6_0 #saddr{
	height:34px;
	padding-top:16px;
}

body.firefox #search, body.internetexplorer8_0 #search, body.internetexplorer7_0 #search, body.internetexplorer6_0 #search{
    padding-top:6px;
}


*:focus {
outline: 0;
}


div.searchmatch{
	margin:1em 0 2em 0;
}

div.searchmatch .highlight{
	background-color:#ffa;
	font-weight:bold;
}

div.searchmatch .linktitle .highlight{
	text-decoration:underline;
}

div.searchmatch .linktitle{
	font-size:1.3em;	
}

div.matchtext {
	margin-top:0.5em;
}

div.alllinks a{
	color:#070 !important;
}

div.alllinks a:hover{
	color:008000;
}

div.videoitemlist h1{
	margin-bottom:0.5em !important;
}

div.video_details{	
	position:relative;
	width:220px;
	min-height:180px;
	float:left;
	margin-right:3px;
	margin-left:3px;
	margin-bottom:4em;
	text-align:center;
}

div.video_details img{
	position:relative;
	display:inline;
	margin:0 auto;
	width:180px;
	height:140px;
	border:1px solid #eee;
}

div.video_details a.articletitle{
	display:block;
	margin:1em auto;	
    position:relative;
    width:160px;
    min-height:2.5em;
    text-decoration:none;
    font-weight:bold;
}

div.video_details img{
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:180px;
	height:136px;
}

div.layoutwholeschool #contentmain{
	/*width:610px;*/
}

div.layoutwholeschool .articleimagecontainer{
	width:100%;
	text-align:center;
	background-image:url('images/grad_gentle_bottom.png');
	background-position:top left;
	background-repeat:repeat-x;
	background-color:#F0F0F0;
	margin-bottom:2em;
}

div.layoutwholeschool .articleimage{
	margin: 0 auto -4px 0;
	padding: 0 0 0 0;
}

div.layoutonecol, div.layoutwholeschool #mainarticle{
	margin: 12px 12px 12px 12px;
}


a.video_play, a.video_view_article{
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:20px; /*image is 16 pix wide so pad is by 4*/
	text-decoration:none;
}

a.video_play{
    background-image:url('images/video_play.png');
    margin-right:1em;
}

a.video_view_article{
	background-image:url('images/video_view_article.png');
}

/**
 * Remove padding from video div
 */
div.media_video{
	padding: 0 0 0 0 !important;
}

/**
 * Left alignment for media video - example usage <div class="media_video left">
 * Note the space between media_video and left
 */
div.media_video.left{
	float:left;
	margin-right:1em;
}

/**
 * Right alignment for media video - example usage <div class="media_video right">
 * Note the space between media_video and right
 */
div.media_video.right{
    float:right;
    margin-left:1em;
}

/**
 * Remove margins from image
 */
div.media_video img{
	margin: 0 0 0 0 !important;
}

/**
 * Customize quotes on staff page
 */
 .page.staff p.quote{
    margin-top:1em;
 }
 
 .page.staff p span cite{
    font-style:normal !important;
 }
 
 
 div.image_caption{
    margin-top:1em;
    margin-bottom:1em;
 } 
 
 div.image_caption img{
    margin: 0 0 0 0;
 }
 
 div.image_caption div {
    font-style:italic;
 }
 
.warn_incomplete h1{
	padding-top:1em;
	color:black !important;
}


.theme_ks5 div.sideblocktitle{    
	background-color:#E52800;
    background-image:url(images/ks5header.png);    
}

.page.sixthform div.stickynote{
	margin-right:40px;
}

a.file {	
    padding-top:10px;
	padding-left:20px;
	padding-bottom:10px;
	margin-top:-10px;
	margin-bottom:-10px;
	background-image:url(images/filepix/file.png);
	background-repeat:no-repeat;
	background-position:center left;
}


.file.ext_pdf{
	background-image:url(images/filepix/file_pdf.png);
}


.file.ext_bat{
    background-image:url(images/filepix/file_bat.png) !important;
}

.file.ext_bmp, .file.ext_png, .file.ext_gif, .file.ext_jpg, .file.ext_wmf {
    background-image:url(images/filepix/file_img.png) !important;
}

.file.ext_ini, .file.ext_cfg{
    background-image:url(images/filepix/file_ini.png) !important;
}

.file.ext_htm, .file.ext_html, .file.ext_jsp{
    background-image:url(images/filepix/file_web.png) !important;
}

.file.ext_php{
    background-image:url(images/filepix/file_php.png) !important;
}

.file.ext_pdf{
    background-image:url(images/filepix/file_pdf.png) !important;
}

.file.ext_avi, .file.ext_wmv, .file.ext_asf, .file.ext_asx, .file.ext_divx, .file.ext_mpeg, .file.ext_mpg4, .file.ext_mpeg4, .file.ext_mpg{
    background-image:url(images/filepix/file_vid.png) !important;
}

.file.ext_mov, .file.ext_qt {
    background-image:url(images/filepix/file_mov.png) !important;
}

.file.ext_ra, .file.ext_rm, .file.ext_ram, .file.ext_rmvb {
    background-image:url(images/filepix/file_rmn.png) !important;
}

.file.ext_mdb, .file.ext_accdb, .file.ext_accde, .file.ext_accdt, .file.ext_accdr{
    background-image:url(images/filepix/file_mdb.png) !important;
}

.file.ext_doc, .file.ext_dot, .file.ext_docx, .file.ext_docm, .file.ext_dotx, .file.ext_dotm{
    background-image:url(images/filepix/file_doc.png) !important;
}

.file.ext_exe{
    background-image:url(images/filepix/file_exe.png) !important;
}

.file.ext_xls, .file.ext_xlt{
    background-image:url(images/filepix/file_xls.png) !important;
}

.file.ext_ppt, .file.ext_pps, .file.ext_pot, .file.ext_pptx, .file.ext_pptm, .file.ext_potx, .file.ext_potm, .file.ext_ppam, .file.ext_ppsx, .file.ext_ppsm{
    background-image:url(images/filepix/file_ppt.png) !important;
}

.file.ext_zip, .file.ext_7z, .file.ext_tgz, .file.ext_tar, .file.ext_gz, .file.ext_rar {
    background-image:url(images/filepix/file_zip.png) !important;
}

.file.ext_txt{
    background-image:url(images/filepix/file_txt.png) !important;
}

.file.ext_odb{
    background-image:url(images/filepix/file_odb.png) !important;
}

.file.ext_odg{
    background-image:url(images/filepix/file_odg.png) !important;
}

.file.ext_odp{
    background-image:url(images/filepix/file_odp.png) !important;
}

.file.ext_ods{
    background-image:url(images/filepix/file_ods.png) !important;
}

.file.ext_odt{
    background-image:url(images/filepix/file_odt.png) !important;
}

.file.ext_htm, .file.ext_html{
    background-image:url(images/filepix/file_htm.png) !important;
}

.file.ext_vnc{
    background-image:url(images/filepix/file_vnc.png) !important;
}

.file.ext_iso{
    background-image:url(images/filepix/file_iso.png) !important;
}

.file.noicon{
    background-image:none !important;
    padding-left:0px !important;
}

.vacancylist .itemsep{
	display:block;
	margin-top:20px;
	margin-bottom:20px;
	border-bottom:2px solid #07b;
	width:100%;
}

.contentitemlist.vacancylist{
	width:100%;
}

.layouthome #mainarticle{
	margin-left:1em;
	margin-right:1em;
}

p.alert{
	background-image:url(images/warning.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:40px;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:-10px;
	margin-bottom:-10px;
}

.layoutonecol .contentitemlist{
	width:100%;
}

.layoutonecol .itemsep{
	margin-top:10px;
	margin-bottom:20px;
}