@charset "utf-8";
/* CSS Document */

/* -----------------------------------------------------------------------------------------------------------------------------------------------*/
/* ========================================================ST CLARES OXFORD STYLE SHEET===========================================================*/
/* -----------------------------------------------------------------------------------------------------------------------------------------------*/

*{
padding:0;
margin:0;
outline:none;	
}

/*
THIN BLUE BORDER #113556

GOLD #BC9633
CREAM #FEFCD5
MAROON #842F59

PURPLE #584FA0
YELLOW #FEF102
RED #DB4740

PINK #C6178C
TERQUOIZE #009CA5
DARK BLUE #0C4EA2

LIGHT BLUE #00ADEF
YELLOW #FFF000
ORANGE #F26F24

*/

body {
	font-family: Tahoma, Arial;
	font-size:80%;
	color: #5E5E5E;
	line-height:1.5em;
	background:#041525;
	}
	
body > img, .mainPanel > img{display:none;}
.clear{clear:both;height:0;}
.hide{display:none;}

body, html, form, .mainPanel{
	height:100%;
}

/*=======LINKS======*/

.wrapper a,
.wrapper a:link, 
.wrapper a:visited{
	color:#0279BD; 
	text-decoration: none; 
	outline:none;
	}
	
body.ib .wrapper .bodycontent a, body.ib .wrapper .bodycontent a:link, body.ib .bodycontent .wrapper a:visited{color:#7970ba;}
body.pathways .wrapper .bodycontent a, body.pathways .wrapper .bodycontent a:link, body.pathways .wrapper .bodycontent a:visited{color: #B9608C;}
body.english .wrapper .bodycontent a, body.english .wrapper .bodycontent a:link, body.english .wrapper .bodycontent a:visited{color:#25A1A8;}
body.summer .wrapper .bodycontent a, body.summer .wrapper .bodycontent a:link, body.summer .wrapper .bodycontent a:visited{color:#00ADEF;}


.wrapper a:focus, 
.wrapper a:hover, 
.wrapper a:active{
	color: #0D5199; 
	outline:none;
	}
	
body.ib .wrapper .bodycontent a:focus, body.ib .wrapper .bodycontent a:hover, body.ib .wrapper .bodycontent a:active{color:#584FA0;}	
body.pathways .wrapper .bodycontent a:focus, body.pathways .wrapper .bodycontent a:hover, body.pathways .wrapper .bodycontent a:active{color:#842f59;}		
body.english .wrapper .bodycontent a:focus, body.english .wrapper .bodycontent a:hover, body.english .wrapper .bodycontent a:active{color: #008289;}
body.summer .wrapper .bodycontent a:focus, body.summer .wrapper .bodycontent a:hover, body.summer .wrapper .bodycontent a:active{color:#0279BD;}


/*=======PARAGRAPH======*/

.wrapper p{
	padding-bottom:20px; 
	line-height: 1.8em;
	}

/*======WRAPPERS=====*/

.wrapper{
	background: url(../tpl/images/bg.png) repeat #021f3c; 
	min-width:1000px;
	min-height:100%;
	position:relative;
	}
	
body.content .wrapper{
	background: none; 
	}
	
	
.highlights{
	background:url(https://online.stclares.ac.uk/tpl/images/highlights.jpg) no-repeat 50% 33px;
	}
	
body.landing .highlights{
	background:none;
	}
	
.bar .inner{
	width:980px;
	margin:0 auto;
	height:33px;
	padding:0 10px;
	}
	
body.landing .bar .inner{
	margin:0;
	padding:0 19px 0 21px;
	min-width:869px;
	}
	
body.content .bar .inner{
	width:869px;
}
	
body.landing.narrow .bar .inner{width:957px;}
body.landing.medium_narrow .bar .inner{width: 1098px;}
body.landing.medium .bar .inner{width: 1206px;}
body.landing.medium_wide .bar .inner{width: 1295px;}
body.landing.wide .bar .inner{width: 1410px;}

	
/*======TOP BAR=====*/
	
.top.bar{
	background: url(../tpl/images/menu_bg.png) repeat-x #041525;
	width:100%;
	}

body.landing .top.bar .inner{
	background:url(../tpl/images/landing_topbar.jpg) no-repeat 0 0;
	}
	
/*=======MENU======*/

.menu{
	float:left;
	}
	
.menu iframe, .section_menu iframe{display:none;}
	
.menu ul{
	list-style:none;
	}

.menu ul li{
	display:inline;
	}
	
.menu ul li+li{
	display:none;
	}
	
.menu ul li+li+li+li+li+li{
	display:inline;
	}	
	
.menu ul li:first-child a{
	padding-left:0;
	}
	
.menu ul li a,
.menu ul li.rmFirst.selectedPage a{
	display:inline-block;
	padding: 6px 8px;
	background:none;
	border:none;
	}

.menu ul li a,
.menu ul li a:link,
.menu ul li a:visited{
	color:#fff;
	}

.menu ul li a:hover,
.menu ul li a:active,
.menu ul li a:focus,
.menu ul li.rmFirst.selectedPage a:hover{
	color:#83a4c4;
	}
	
.menu ul li.selectedPage a,
.menu ul li.selectedPagePath a{
	background: none repeat scroll 0 0 #103B69;
    border-bottom: 1px solid #1D578D;
    border-right: 1px solid #1D578D;
    padding: 2px 8px;
}

.menu ul li.selectedPage a:hover,
.menu ul li.selectedPagePath a:hover{color:#fff;}


	
/*======BREADCRUMB======*/

.wrapper .breadCrumb_wrap{border-bottom: 1px solid #A4A4A4; margin-bottom: 10px; padding-bottom: 10px;}

.wrapper .breadCrumb{display:inline;line-height: 1.5em;}

.wrapper .breadCrumb a{
    background: url("https://online.stclares.ac.uk/tpl/images/bc_standard_1.png") no-repeat scroll right 0 transparent;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    margin: 0 -14px 3px 0;
    padding: 3px 21px 3px 10px;
    position: relative;
    text-shadow: 1px 1px 1px #014F7B;
    z-index: 10;
	font-weight:bold;
	}
	
.wrapper .breadCrumb span{
	background: url("https://online.stclares.ac.uk/tpl/images/bc_standard_2.png") no-repeat right 0; 
	padding: 3px 21px 3px 23px; 
	display:inline-block; 
	text-shadow: 1px 1px 1px #014F7B; 
	color: #FFFFFF;
	position:relative;
	z-index: 9;
	margin-bottom:3px;
	font-weight:bold;
	}

.wrapper .breadCrumb a + a{background: url("https://online.stclares.ac.uk/tpl/images/bc_standard_2.png") no-repeat right 0; z-index: 9; padding-left: 23px;}

.wrapper .breadCrumb a + a + a,
.wrapper .breadCrumb a + a ~ span{background: url("https://online.stclares.ac.uk/tpl/images/bc_standard_3.png") no-repeat right 0; z-index: 8; padding-left: 23px;}

.wrapper .breadCrumb a + a + a + a,
.wrapper .breadCrumb a + a + a ~ span{background: url("https://online.stclares.ac.uk/tpl/images/bc_standard_4.png") no-repeat right 0; z-index: 7; padding-left: 23px;}

.wrapper .breadCrumb a + a + a + a + a,
.wrapper .breadCrumb a + a + a + a ~ span{background: url("https://online.stclares.ac.uk/tpl/images/bc_standard_5.png") no-repeat right 0; z-index: 6; padding-left: 23px;}

/*======BREADCRUMB IB======*/

body.ib .wrapper .breadCrumb a{background: url("https://online.stclares.ac.uk/tpl/images/bc_ib_1.png") no-repeat scroll right 0 transparent; text-shadow: 1px 1px 1px #393368;}

body.ib .wrapper .breadCrumb span,
body.ib .wrapper .breadCrumb a + a{background: url("https://online.stclares.ac.uk/tpl/images/bc_ib_2.png") no-repeat right 0; text-shadow: 1px 1px 1px #393368;}

body.ib .wrapper .breadCrumb a + a + a,
body.ib .wrapper .breadCrumb a + a ~ span{background: url("https://online.stclares.ac.uk/tpl/images/bc_ib_3.png") no-repeat right 0;}

body.ib .wrapper .breadCrumb a + a + a + a,
body.ib .wrapper .breadCrumb a + a + a ~ span{background: url("https://online.stclares.ac.uk/tpl/images/bc_ib_4.png") no-repeat right 0;}

body.ib .wrapper .breadCrumb a + a + a + a + a,
body.ib .wrapper .breadCrumb a + a + a + a ~ span{background: url("https://online.stclares.ac.uk/tpl/images/bc_ib_5.png") no-repeat right 0;}

/*======BREADCRUMB UNI======*/

body.pathways .wrapper .breadCrumb a{background: url("https://online.stclares.ac.uk/tpl/images/bc_uni_1.png") no-repeat scroll right 0 transparent; text-shadow:1px 1px 1px #561F3A;}

body.pathways .wrapper .breadCrumb span,
body.pathways .wrapper .breadCrumb a + a{background: url("https://online.stclares.ac.uk/tpl/images/bc_uni_2.png") no-repeat right 0; text-shadow:1px 1px 1px #561F3A;}

body.pathways .wrapper .breadCrumb a + a + a,
body.pathways .wrapper .breadCrumb a + a ~ span{background: url("https://online.stclares.ac.uk/tpl/images/bc_uni_3.png") no-repeat right 0;}

body.pathways .wrapper .breadCrumb a + a + a + a,
body.pathways .wrapper .breadCrumb a + a + a ~ span{background: url("https://online.stclares.ac.uk/tpl/images/bc_uni_4.png") no-repeat right 0;}

body.pathways .wrapper .breadCrumb a + a + a + a + a,
body.pathways .wrapper .breadCrumb a + a + a + a ~ span{background: url("https://online.stclares.ac.uk/tpl/images/bc_uni_5.png") no-repeat right 0;}

/*======BREADCRUMB ENGLISH======*/

body.english .wrapper .breadCrumb a{background: url("https://online.stclares.ac.uk/tpl/images/bc_english_1.png") no-repeat scroll right 0 transparent; text-shadow: 1px 1px 1px #00666B;}

body.english .wrapper .breadCrumb span,
body.english .wrapper .breadCrumb a + a{background: url("https://online.stclares.ac.uk/tpl/images/bc_english_2.png") no-repeat right 0; text-shadow: 1px 1px 1px #00666B;}

body.english .wrapper .breadCrumb a + a + a,
body.english .wrapper .breadCrumb a + a ~ span{background: url("https://online.stclares.ac.uk/tpl/images/bc_english_3.png") no-repeat right 0;}

body.english .wrapper .breadCrumb a + a + a + a,
body.english .wrapper .breadCrumb a + a + a ~ span{background: url("https://online.stclares.ac.uk/tpl/images/bc_english_4.png") no-repeat right 0;}

body.english .wrapper .breadCrumb a + a + a + a + a,
body.english .wrapper .breadCrumb a + a + a + a ~ span{background: url("https://online.stclares.ac.uk/tpl/images/bc_english_5.png") no-repeat right 0;}

/*======BREADCRUMB SUMMER======*/

body.summer .wrapper .breadCrumb a{background: url("../tpl/images/bc_summer_1.png") no-repeat scroll right 0 transparent; text-shadow:none; color:#222;}

body.summer .wrapper .breadCrumb span,
body.summer .wrapper .breadCrumb a + a{background: url("../tpl/images/bc_summer_2.png") no-repeat right 0; text-shadow:none; color:#222;}

body.summer .wrapper .breadCrumb a + a + a,
body.summer .wrapper .breadCrumb a + a ~ span{background: url("../tpl/images/bc_summer_3.png") no-repeat right 0;}

body.summer .wrapper .breadCrumb a + a + a + a,
body.summer .wrapper .breadCrumb a + a + a ~ span{background: url("https://online.stclares.ac.uk/tpl/images/bc_summer_4.png") no-repeat right 0;}

body.summer .wrapper .breadCrumb a + a + a + a + a,
body.summer .wrapper .breadCrumb a + a + a + a ~ span{background: url("https://online.stclares.ac.uk/tpl/images/bc_summer_5.png") no-repeat right 0;}

/*=======HEADINGS======*/

h2.sws_title, 
.content_top > h1,
.blog > h2,
.ceTitle,
h2.heading{
	border-bottom: 1px solid #CECECE;
    color: #0279bd;
    font-weight: normal;
    margin-bottom: 18px;
    padding-bottom: 10px;
	font-size: 1.4em;
}

.content_top > h1,
.blog > h2,
.ceTitle{
	border-bottom: 1px solid #a4a4a4;
	margin-bottom: 10px;}
	
	
body.ib h2.sws_title{color:#DB4740;}
body.pathways h2.sws_title{color:#BC9633;}
body.english h2.sws_title{color:#C6178C;}
body.summer h2.sws_title{color: #00adef;}

/*=======SECTION MENU======*/

.section_menu ul .rmSlide{
	height:auto !important;
	top:0 !important;
	width:auto !important;
	display:block !important;
	}

/*=======2ND LEVEL======*/

.section_menu ul.rmLevel1 {
    font-size: 0.9em;
    padding: 0 8px;
}

/*=======3RD LEVEL======*/

.section_menu ul.rmLevel2 {
    padding: 0 8px;
}

/*=======4th LEVEL======*/

.section_menu ul.rmLevel3 {
	padding:0 8px;
}

/*=======5th LEVEL======*/

.section_menu ul.rmLevel4 {
	padding:0 8px;
}

/*=======STANDARD=======*/

body.standard .section_menu ul li.level1{
 	background: url("https://online.stclares.ac.uk/tpl/images/content_menu_border.png") no-repeat scroll center top;
	padding:1px 0 0 0;
}

body.standard .section_menu ul li.level1 a{
	background: url("https://online.stclares.ac.uk/tpl/images/content_menu_border.png") no-repeat scroll center bottom #074280;
    color: #FFFFFF;
    display: block;
	border-left: 1px solid #0D5199;
    border-right: 1px solid #0D5199;
	font-weight: bold;
}

body.standard .section_menu ul li.level1 a span{  
    background: url("https://online.stclares.ac.uk/tpl/images/menu_crest.png") no-repeat scroll 0 0 transparent;
    display: block;
    padding: 5px 10px 6px 35px;
	}
	
body.standard .section_menu ul li.level2 a:hover,
body.standard .section_menu ul li.level2 a:active,
body.standard .section_menu ul li.level2 a:focus{color: #83A4C4;}
body.standard .section_menu ul li.level2.selectedPage > a,
body.standard .section_menu ul li.level2.selectedPagePath > a{    
  	background: url("../tpl/images/bullet_white.png") no-repeat scroll 10px center #103B69;
    color: #FFFFFF;
	}

body.standard .wrapper .section_menu ul li.level2.hasChildren.liSelected > a,
body.standard .wrapper .section_menu ul li.level2.hasChildren.selectedPagePath > a{background: url("../tpl/images/bullet_white.png") no-repeat 10px center #0279bd; color:#fff; text-shadow: 1px 1px 1px #014F7B;}

/*=======ALL=======*/

body .wrapper .section_menu ul li{list-style:none;}
	
body .wrapper .section_menu ul li.level2{background:url("../tpl/images/level2_border.png") no-repeat center bottom transparent; padding:0; list-style:none;}
body .wrapper .section_menu ul li.level2 a{background: url("../tpl/images/bullet_blue.png") no-repeat 10px center transparent; border:none; font-weight:normal;display: block; color:#fff;padding: 0 10px 0 0;}	
body .wrapper .section_menu ul li.level2 a span{background: none repeat scroll 0 0 transparent; padding: 5px 15px 5px 26px;display: block;}



body .wrapper .section_menu ul li.level2.hasChildren ul{background: none repeat scroll 0 0 #021627; border: 1px solid #041D33; padding-bottom: 10px;}
body .wrapper .section_menu ul li.level2.hasChildren ul li{background:url("../tpl/images/level2_border.png") no-repeat scroll center bottom transparent;}
/*body .wrapper .section_menu ul li.level2.hasChildren ul li:first-child{background:none;}*/
body .wrapper .section_menu ul li.level2.hasChildren ul li a{background: url("../tpl/images/bullet_white.png") no-repeat 9px 11px transparent;}

body .wrapper .section_menu ul li.level2.hasChildren ul li a:hover,
body .wrapper .section_menu ul li.level2.hasChildren ul li.selectedPage > a{background: url("../tpl/images/bullet_blue.png") no-repeat 9px 11px transparent;color: #83A4C4;}

body .wrapper .section_menu ul.rmRootGroup li.selectedPage ul.rmLevel1,
body.standard .wrapper .section_menu ul li.level2.hasChildren.selectedPagePath ul.rmLevel2,
body .wrapper .section_menu ul li.level2.hasChildren.selectedPagePath ul.rmLevel1,
body .wrapper .section_menu ul li.level3.hasChildren.selectedPagePath ul.rmLevel2{display:block !important; height:auto !important; padding-bottom: 10px !important;}

body .wrapper .section_menu ul li.level3.hasChildren ul{background: none repeat scroll 0 0 #011323;}

body .wrapper .section_menu ul li.level2.hasChildren > a:hover span{background: url("https://online.stclares.ac.uk/tpl/images/standard_blue_plus.png") no-repeat scroll right 10px transparent;}
body .wrapper .section_menu ul li.level2.hasChildren.selectedPage > a:hover span,
body .wrapper .section_menu ul li.level2.hasChildren.selectedPagePath > a:hover span{background: none;}


body .wrapper .section_menu ul li.level2.hasChildren.selectedPagePath > a:hover span,
body .wrapper .section_menu ul li.level2.hasChildren.selectedPagePath.liSelected > a span,
body .wrapper .section_menu ul li.level3.hasChildren.selectedPagePath > a:hover span,
body .wrapper .section_menu ul li.level3.hasChildren.selectedPagePath.liSelected > a span{background:none !important;}


/*================*/

/*=======IB=======*/

body.ib .wrapper .section_menu ul li.level2 a{background: url("https://online.stclares.ac.uk/tpl/images/bullet_red.png") no-repeat scroll 13px 11px transparent; padding: 0 10px 0 0;}
body.ib .wrapper .section_menu ul li.level2 a:hover,
body.ib .wrapper .section_menu ul li.level2.selectedPage > a{color:#DB4740;}
body.ib .wrapper .section_menu ul li.level2 a span{padding: 5px 0 5px 30px; margin: 1px 0;}
body.ib .wrapper .section_menu ul li.level2.hasChildren > a:hover span{background: url("https://online.stclares.ac.uk/tpl/images/ib_red_plus.png") no-repeat scroll right 10px transparent;}
body.ib .wrapper .section_menu ul li.level2.hasChildren.liSelected > a span{background: url("https://online.stclares.ac.uk/tpl/images/ib_red_plus.png") no-repeat scroll right -85px transparent;}

body.ib .wrapper .section_menu ul li.level2.hasChildren.selectedPage > a,
body.ib .wrapper .section_menu ul li.level2.hasChildren.liSelected > a,
body.ib .wrapper .section_menu ul li.level2.hasChildren.selectedPagePath > a{background: url("../tpl/images/bullet_white.png") no-repeat 13px 11px #DB4740; color:#fff; text-shadow: 1px 1px 1px #470D0B;}
body.ib .wrapper .section_menu ul li.level2.hasChildren.liSelected > a span,
body.ib .wrapper .section_menu ul li.level2.hasChildren.selectedPagePath > a span{margin: 1px 0; padding: 5px 0 5px 30px;}

body.ib .wrapper .section_menu ul li.level2.hasChildren ul li a:hover,
body.ib .wrapper .section_menu ul li.level2.hasChildren ul li.hasChildren.liSelected > a,
body.ib .wrapper .section_menu ul li.level2.hasChildren ul li.selectedPage a,
body.ib .wrapper .section_menu ul li.level2.hasChildren ul li.selectedPagePath > a
{background: url("https://online.stclares.ac.uk/tpl/images/bullet_yellow.png") no-repeat 9px 11px; color:#fef102;}
body.ib .wrapper .section_menu ul li.level2.hasChildren ul li a span{padding:5px 0 5px 27px; background:none;}
body.ib .wrapper .section_menu ul li.level2 ul li.hasChildren > a:hover span{background: url("https://online.stclares.ac.uk/tpl/images/ib_yellow_plus.png") no-repeat scroll right 10px transparent;}

body.ib .wrapper .section_menu ul li.hasChildren.selectedPage > a:hover span,
body.ib .wrapper .section_menu ul li.hasChildren.selectedPagePath > a:hover span{background: none;}

body.ib .wrapper .section_menu ul li.level2.selectedPage.hasChildren > a{color:#fff;}
body.ib .wrapper .section_menu ul li.level2.selectedPage.hasChildren > a span, 
body.ib .wrapper .section_menu ul li.level2.selectedPage.hasChildren.liSelected > a span{background:none;}


/*=======UNI======*/

body.pathways .wrapper .section_menu ul li a{background: url("https://online.stclares.ac.uk/tpl/images/bullet_gold.png") no-repeat 13px 11px transparent;}

body.pathways .wrapper .section_menu ul li.selectedPage > a,
body.pathways .wrapper .section_menu ul li a:hover{color:#BC9633;}

body.pathways .wrapper .section_menu ul li.hasChildren > a:hover span {
    background: url("https://online.stclares.ac.uk/tpl/images/gold_plus.png") no-repeat scroll right 11px transparent;
}

body.pathways .wrapper .section_menu ul li.hasChildren.selectedPage > a,
body.pathways .wrapper .section_menu ul li.hasChildren.liSelected > a, 
body.pathways .wrapper .section_menu ul li.hasChildren.selectedPagePath > a,
body.pathways .wrapper .section_menu ul li.hasChildren.liSelected > a:hover,
body.pathways .wrapper .section_menu ul li.hasChildren ul li.selectedPagePath > a:hover{
    background: url("../tpl/images/bullet_white.png") no-repeat scroll 13px 11px #bc9633;
    color: #FFFFFF;
	text-shadow: 1px 1px 1px #3F3009;
}

body.pathways .wrapper .section_menu ul li.hasChildren.liSelected > a span{
    background: url("https://online.stclares.ac.uk/tpl/images/gold_plus.png") no-repeat scroll right -84px transparent;
}

body.pathways .wrapper .section_menu ul li.selectedPage > a:hover{color:#fff;}
body.pathways .wrapper .section_menu ul li.selectedPage > a span,
body.pathways .wrapper .section_menu ul li.hasChildren.selectedPage > a:hover span,
body.pathways .wrapper .section_menu ul li.hasChildren.selectedPagePath > a:hover span{background:none;}

body.pathways .wrapper .section_menu ul li.hasChildren ul li a:hover,
body.pathways .wrapper .section_menu ul li.level2.hasChildren ul li.selectedPage > a{
    background: url("https://online.stclares.ac.uk/tpl/images/bullet_gold.png") no-repeat scroll 9px 11px transparent;
    color: #BC9633;
}

body.pathways .wrapper .section_menu ul li.hasChildren ul li.level3.hasChildren.selectedPage > a, 
body.pathways .wrapper .section_menu ul li.hasChildren ul li.level3.hasChildren.selectedPagePath > a,  
body.pathways .wrapper .section_menu ul li.hasChildren ul li.level3.hasChildren.selectedPagePath > a:hover { 
    background: url("../tpl/images/bullet_white.png") no-repeat scroll 13px 11px #BC9633;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #3F3009;
}


/*=====ENGLISH====*/

body.english .wrapper .section_menu ul li.level2 a{background: url("https://online.stclares.ac.uk/tpl/images/bullet_pink.png") no-repeat 13px 11px transparent;}

body.english .wrapper .section_menu ul li.level2.selectedPage > a,
body.english .wrapper .section_menu ul li.level2 a:hover{color:#C6178C;}

body.english .wrapper .section_menu ul li.level2.hasChildren > a:hover span {
    background: url("https://online.stclares.ac.uk/tpl/images/pink_plus.png") no-repeat scroll right 11px transparent;
}

body.english .wrapper .section_menu ul li.level2.hasChildren.selectedPage > a,
body.english .wrapper .section_menu ul li.level2.hasChildren.liSelected > a, 
body.english .wrapper .section_menu ul li.level2.hasChildren.selectedPagePath > a {
    background: url("../tpl/images/bullet_white.png") no-repeat scroll 13px 11px #C6178C;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #5B0940;
}

body.english .wrapper .section_menu ul li.hasChildren.selectedPage > a:hover span,
body.english .wrapper .section_menu ul li.hasChildren.selectedPagePath > a:hover span{background: none;}

body.english .wrapper .section_menu ul li.selectedPage > a span, 
body.english .wrapper .section_menu ul li.selectedPage.hasChildren.liSelected > a span{background:none;}

body.english .wrapper .section_menu ul li.level2.hasChildren ul li a:hover, 
body.english .wrapper .section_menu ul li.level2.hasChildren ul li.selectedPage > a {
    background: url("https://online.stclares.ac.uk/tpl/images/bullet_terquoize.png") no-repeat scroll 9px 11px transparent;
    color: #009ca5;
}

body.english .wrapper .section_menu ul li.level2.hasChildren ul li.hasChildren > a:hover span {
    background: url("https://online.stclares.ac.uk/tpl/images/terquoize_plus.png") no-repeat scroll right 11px transparent;
}

body.english .wrapper .section_menu ul li.level2.hasChildren ul li.level3.liSelected > a,
body.english .wrapper .section_menu ul li.level2.hasChildren ul li.level3.liSelected > a:hover,
body.english .wrapper .section_menu ul li.level2.hasChildren ul li.level3.selectedPagePath > a,  
body.english .wrapper .section_menu ul li.level2.hasChildren ul li.level3.selectedPagePath > a:hover { 
	background: url("../tpl/images/bullet_white.png") no-repeat scroll 9px 11px #009ca5;
	color:#fff;
}

body.english .wrapper .section_menu ul li.level2.hasChildren ul li.level3.liSelected > a span,
body.english .wrapper .section_menu ul li.level2.hasChildren ul li.level3.liSelected > a:hover span{
	background: url("https://online.stclares.ac.uk/tpl/images/terquoize_plus.png") no-repeat scroll right -84px transparent;
}

body.english .wrapper .section_menu ul li.hasChildren ul li.level3.hasChildren.selectedPage > a, 
body.english .wrapper .section_menu ul li.hasChildren ul li.level3.hasChildren.selectedPagePath > a,  
body.english .wrapper .section_menu ul li.hasChildren ul li.level3.hasChildren.selectedPagePath > a:hover { 
    background: url("../tpl/images/bullet_white.png") no-repeat scroll 13px 11px #009ca5;
    color: #FFFFFF;
	text-shadow: 1px 1px 1px #00393c;
}


/*=====SUMMER=====*/	

body.summer .wrapper .section_menu ul li.level2 a{background: url("../tpl/images/bullet_blue.png") no-repeat 13px 11px transparent;}
body.summer .wrapper .section_menu ul li.level2 a:hover{color:#00ADEF;}

body.summer .wrapper .section_menu ul li.selectedPage > a,
body.summer .wrapper .section_menu ul li.level2.hasChildren.liSelected > a, 
body.summer .wrapper .section_menu ul li.level2.hasChildren.selectedPagePath > a {
    background: url("../tpl/images/bullet_white.png") no-repeat scroll 13px 11px #00adef;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #004460;
}

body.summer .wrapper .section_menu ul li.selectedPage > a:hover{color:#fff;}
body.summer .wrapper .section_menu ul li.selectedPage > a span, 
body.summer .wrapper .section_menu ul li.selectedPage.liSelected > a span{background:none;}

body.summer .wrapper .section_menu ul li.level2.hasChildren ul li a:hover,
body.summer .wrapper .section_menu ul li.level2.hasChildren ul li.selectedPage > a{
    background: url("https://online.stclares.ac.uk/tpl/images/bullet_orange.png") no-repeat scroll 9px 11px transparent;
    color: #f26f24;
	text-shadow: none;
}

body.summer .wrapper .section_menu ul li.level2.hasChildren ul li.hasChildren > a:hover span {
    background: url("https://online.stclares.ac.uk/tpl/images/orange_plus.png") no-repeat scroll right 11px transparent;
}

body.summer .wrapper .section_menu ul li.hasChildren ul li.level3.hasChildren.selectedPage > a, 
body.summer .wrapper .section_menu ul li.hasChildren ul li.level3.hasChildren.selectedPagePath > a,  
body.summer .wrapper .section_menu ul li.hasChildren ul li.level3.hasChildren.selectedPagePath > a:hover { 
	background: url("../tpl/images/bullet_white.png") no-repeat scroll 9px 11px #f26f24;
	color:#fff;
	text-shadow: 1px 1px 1px #612300;
}

body.summer .wrapper .section_menu ul li.hasChildren.selectedPage > a:hover span,
body.summer .wrapper .section_menu ul li.hasChildren.selectedPagePath > a:hover span{background: none !important;}


/*======SEARCH=====*/

.search{
    background: none repeat scroll 0 0 #0C2D50;
    border-bottom: 1px solid #1B3652;
	border-right: 1px solid #1B3652;
    float: right;
    height: 23px;
    margin-top: 4px;
    width: 208px;
	}
	
.search input{
	background: url("../tpl/images/search_click.png") no-repeat scroll 0 0 transparent;
	float: right;
	height: 23px !important;
	padding: 0;
	width: 23px !important;
	margin: 0;
	cursor:pointer;
}	
	
.search input.searchInput {
    background-color: transparent;
    background-image: none;
    border: medium none;
    color: #FFFFFF;
    cursor: text;
    float: left;
    font-family: Tahoma,Arial;
    height: 17px !important;
    line-height: 17px;
    margin: 0;
    padding: 3px 4px 0 5px;
    width: 172px !important;
}
	
.search input[type="image"]:hover {
	background-position: left bottom !important;
}

	
/*=====CONTENT AREA=====*/	


.header{    
	background: url("../tpl/images/header_bg_alt.png") repeat-x scroll 0 0 transparent;
    padding: 0 0 34px;}

body.home .content_area{
    margin: 0 auto;
	padding: 45px 0 33px;
    width: 980px;
	min-height:740px;
	}
	
.content_area{
	min-height:500px;
	padding-bottom:61px;
	}
	
body.landing .content_area{visibility:hidden;}
body.landing.content .content_area,
body.narrow .content_area, 
body.medium_narrow .content_area, 
body.medium .content_area, 
body.medium_wide .content_area, 
body.wide .content_area{
	visibility: visible !important;
	}
	
body.home.landing_summer .content_area{
	min-height:550px;
	}	
	
body.content .content_area {
	background:url(../tpl/images/bg.png) repeat 0 0 #021f3c;
    width: 930px;
}

body.content .content_area .detail .content_area {
	background: none repeat scroll 0 0 transparent;
    width: auto;
	}
	
body.landing .content_area .content_inside{
	background:url(https://online.stclares.ac.uk/tpl/images/landing_highlights.jpg) no-repeat 0 0;
}

body.content .content_area .content_inside{
	min-width:931px;
}	

.content_area .content_inside{
    margin: 0 auto;
    padding: 0;
    max-width: 100%;
	min-width:1000px;
	}
	
body.landing .content_area .inner{
	margin: 0
}

/*=======LOGO======*/

.logo {
	height: 134px;
	margin: 0 auto 50px;
	width: 483px;
}
	
body.landing .logo{
	margin:0;
	}
		
.logo h1{
	border:none; 
	margin: 0; 
	padding: 0;
	}

/*.logo h1 a{
	background: url("/tpl/images/logo.png") no-repeat scroll 0 0 transparent; 
	display: block; 
	height: 134px; 
	text-indent: -9999px; 
	width: 483px; 
	}*/
	
.logo h1 a{
	background: url("../tpl/images/B_02_Horizontal_RGB_REV_4.png") no-repeat scroll 0 0 transparent;
	display: block; 
	height: 134px; 
	text-indent: -9999px; 
	width: 640px; 
	}
	
body.landing .logo h1 a{
	background-position:-2px 1px; 
	}	
	
/*======PORTALS=====*/

.portal {
	position:relative;
	float: left;
	margin: 0 13px 0 0;
	min-height: 0;
	width: 235px;	
	padding:245px 0 0 0;
}

.portal.summer{margin:0;}

.box {
	height:235px;
	width:235px;
	border:none;
	padding:0;
	margin:0;
	position: absolute;
	top: 0;
	left:0;
}
		
.box.ib{background: url(https://online.stclares.ac.uk/tpl/images/mondrian_ib_sprite.png) no-repeat;}
.box.uni{background: url(https://online.stclares.ac.uk/tpl/images/mondrian_pathways_sprite.png) no-repeat;}
.box.english{background: url(https://online.stclares.ac.uk/tpl/images/mondrian_english_sprite.png) no-repeat;}
.box.summer{background: url(https://online.stclares.ac.uk/tpl/images/mondrian_summer_sprite.png) no-repeat}

.box h2 {height:100%;}
.box h2 a{ display:block; height:100%; text-indent:-9999px;}

.portal .entry {
	width: 235px;
}

.portal .entry .entry_inside{    
	background: url(https://online.stclares.ac.uk/tpl/images/logo_wm.png) 50% 0 #041525;
	border-right: 1px solid #062642;
	border-left: 1px solid #062642;
	margin: 0 auto;
	width: 213px;
	height:58px;
	overflow:hidden;
	position:relative;
	}
	
.portal .entry .entry_bottom{	
	background:url(https://online.stclares.ac.uk/tpl/images/portal_bottom.png) no-repeat 50% bottom;
	padding-bottom:47px;
	}
	
.portal .entry h2{
	background: url(https://online.stclares.ac.uk/tpl/images/portal_border.png) no-repeat 50% 0;
	font-size: 1.2em;    
	color: #FFFFFF;
    display: block; 
	padding: 10px 10px 0; 
	text-align: center;
	cursor:default;
}
 
.portal .entry h2 span{
    display: block;
    height: 49px;
    padding: 0;
    text-indent: -9999px;
	}
	
.portal.ib .entry h2 span{background: url("https://online.stclares.ac.uk/tpl/images/title_ib.png") no-repeat scroll 50% bottom transparent;}
.portal.uni .entry h2 span{background: url("https://online.stclares.ac.uk/tpl/images/title_pathways.png") no-repeat scroll 50% bottom transparent;}
.portal.english .entry h2 span{background: url("https://online.stclares.ac.uk/tpl/images/title_english.png") no-repeat scroll 50% bottom transparent;}
.portal.summer .entry h2 span{background: url("https://online.stclares.ac.uk/tpl/images/title_summer.png") no-repeat scroll 50% bottom transparent;}
	
.portal .entry .entry_inside ul{
    width: 213px;
}

.portal .entry .entry_inside h3{
	font-weight:normal;
	font-size:1em;
	color: #FFFFFF;
	padding:0 0 10px;
	margin:0;
}

.portal .entry .entry_inside .sw-zone{
    height: 160px;
    margin: 0 auto;
    padding: 14px 0 30px;
    position: relative;
    width: 200px;
}

.portal .sw-zone ul{
    height: 108px;
    overflow: hidden;
    padding: 0;
}

.portal .sw-zone ul li{
	color:#fff;
	list-style:none;
	padding:4px 0 4px 15px;
	border:none;
}

.portal .sw-zone ul li:first-child{border:none;}

.portal.ib .sw-zone ul li{background: url(https://online.stclares.ac.uk/tpl/images/bullet_red.png) no-repeat left 11px;}
.portal.uni .sw-zone ul li{background: url(https://online.stclares.ac.uk/tpl/images/bullet_gold.png) no-repeat left 11px;}
.portal.english .sw-zone ul li{background: url(https://online.stclares.ac.uk/tpl/images/bullet_pink.png) no-repeat left 11px;}
.portal.summer .sw-zone ul li{background: url(../tpl/images/bullet_blue.png) no-repeat left 11px;}

.portal .entry_inside a.readmore{
    bottom: 18px;
    color: #FFFFFF;
    display: block;
    height: 20px;
    left: 1px;
    line-height: 20px;
    padding: 1px 9px;
    position: absolute;
    width: 181px;
}

.portal.ib .entry_inside a.readmore {background: url(https://online.stclares.ac.uk/tpl/images/readmore_ib.png) no-repeat 0 0; text-shadow: 1px 1px 1px #393368;}
.portal.uni .entry_inside a.readmore {background: url(https://online.stclares.ac.uk/tpl/images/readmore_pathways.png) no-repeat 0 0; text-shadow: 1px 1px 1px #561F3A;}
.portal.english .entry_inside a.readmore {background: url(https://online.stclares.ac.uk/tpl/images/readmore_english.png) no-repeat 0 0; text-shadow: 1px 1px 1px #00666B;}
.portal.summer .entry_inside a.readmore {background: url(https://online.stclares.ac.uk/tpl/images/readmore_summer.png) no-repeat 0 0; color:#222;}


/*======SUMMER PORTALS=====*/

.portals.summer .box {
	height:235px;
	width:235px;
	border:none;
	padding:0;
	margin:0;
	position: absolute;
	top: 0;
	left:0;
}

.portals.summer .box .grid{    
	border: 1px solid #2B6299;
	margin: auto;
	overflow: hidden;
	padding: 1px;
	position: relative;
	top: 10px;	
	width: 211px;
	height: 211px;
	}
	
	

.portals.summer .grid .inner{
	width:100%;
	height:100%;
}

.portals.summer .grid .inner img{
	width:100%;
}


.portals.summer .box.ib{background:none;}
.portals.summer .box.uni{background:none;}
.portals.summer .box.english{background:none;}
.portals.summer .box.summer{background:none;}

.portals.summer .box.ib .grid .inner{background: url(https://online.stclares.ac.uk/Mainfolder/Summer-Courses/Four-landing-page-photos/0150_thumb.jpg) 30%;}
.portals.summer .box.uni .grid .inner{background: url(https://online.stclares.ac.uk/Mainfolder/Summer-Courses/Four-landing-page-photos/0151_thumb.jpg) 50%;}
.portals.summer .box.english .grid .inner{background: url(https://online.stclares.ac.uk/Mainfolder/Summer-Courses/Four-landing-page-photos/0060_thumb.jpg) 50%;}
.portals.summer .box.summer .grid .inner{background: url(https://online.stclares.ac.uk/Mainfolder/Summer-Courses/Four-landing-page-photos/0106_thumb.jpg) 50%;}

.portal .box .grid .inner a{display:block; height:100%; text-indent:-9999px;}

.portals.summer .portal {
	position:relative;
	float: left;
	margin: 0 13px 10px 0;
	min-height: 0;
	width: 235px;	
	padding:245px 0 0 0;
}

.portals.summer .portal.summer {
	margin-right: 0;
}

.portal .entry {
	width: 235px;
}

.logo {
	height: 134px;
	margin: 0 auto 50px;
	width: 483px;
	position:relative;
}

 .logo h2{  
	background: url("https://online.stclares.ac.uk/tpl/images/summer_courses_title.png") no-repeat scroll 50% center transparent;
	display: block;
	height: 40px;
	left: -152px;
	position: absolute;
	text-indent: -9999px;
	top: 131px;
	width: 793px;
}

.portals.summer .portal.ib .entry h2 span {
	 background: url(https://online.stclares.ac.uk/tpl/images/summer_adults.png) no-repeat 50% bottom transparent;
}
.portals.summer .portal.uni .entry h2 span {
	 background: url(https://online.stclares.ac.uk/tpl/images/summer_teens.png) no-repeat 50% bottom transparent;
}
.portals.summer .portal.english .entry h2 span {
	 background: url(https://online.stclares.ac.uk/tpl/images/summer_juniors.png) no-repeat 50% bottom transparent;
}
.portals.summer .portal.summer .entry h2 span {
	 background: url(https://online.stclares.ac.uk/tpl/images/summer_ib.png) no-repeat 50% bottom transparent;
}

.portals.summer .portal .entry .entry_inside {
	background: #ffff00;
	height: 56px;
	border:1px solid #fff;
}

.portals.summer .portal .entry h2 span {
	height: 47px;
}

.portals.summer .portal .entry h2 
{background:none;}


.portals.summer .portal .entry a{visibility:hidden; cursor:pointer;}
.portals.summer .portal .entry h2 a{visibility:visible;}

.portals.summer .portal ul{padding:0;width: 100%;}
.portals.summer .portal ul li,
.portals.summer .portal ul li:first-child{border:none; background:none;padding:0;margin:0;}

/*======LANDING=====*/

.left_column{
    float: left;
    padding: 0 16px 0 14px;
    width: 260px;
}

.right_column{ 
	float: left;
    width: 1143px;
	padding: 8px 0;
}

body.narrow .right_column{width: 690px;}
body.medium_narrow .right_column{width: 830px;}
body.medium .right_column{width: 940px;}
body.medium_wide .right_column{width: 1025px;}

.welcome{
    float: left;
    width: 430px;
	border-bottom: 1px solid #CECECE;
}

body.narrow .welcome {width: 388px;  margin-bottom: 20px; float:none;}
body.medium_narrow .welcome {width: 528px; margin-bottom: 20px; float:none;}
body.medium .welcome {width: 638px; margin-bottom: 20px; float:none;}
body.medium_wide .welcome {width: 308px; margin:0;}

.carousel{
    border: 3px solid #A7A7A7;
    float: right;
    height: 265px;
    overflow: hidden;
    position: relative;
    width: 382px;
}

body.narrow .carousel,
body.medium_narrow .carousel,
body.medium .carousel {float:none;}


.banner_text{    
    background: url("https://online.stclares.ac.uk/tpl/images/TRANSPARENT_BLOG_BG.png") repeat scroll left center transparent;
    bottom: 0;
    height: 67px;
    overflow: hidden;
    position: absolute;
    width: 100%;
}
	
body.ib .banner_text{
	border-top: 1px solid #DB4740;
}

body.pathways .banner_text{
	border-top: 1px solid #BC9633;
}	

body.english .banner_text{
	border-top: 1px solid #C6178C;
}	


.banner_text .title{    
   height: 60px;
    margin: auto;
    padding: 7px 0 0;
    width: 274px;
	}

.carousel .bx-window{
	height:265px;
	}
	
.carousel .BlogFeatureList {
    padding-bottom: 0;
}

.carousel .BlogFeatureList ul li{
    background: none repeat scroll 0 0 transparent !important;
    border: medium none;
    height: 265px;
    padding: 0;
}

.carousel .BlogFeatureList ul li:first-child{
	background:none;
	border:none;
}

.carousel a.bx-prev, 
.carousel a.bx-next { 
    bottom: 35px;
    display: block;
    height: 22px;
    left: 10px;
    position: absolute;
    text-indent: -9999px;
    width: 23px;
	}
	
.carousel a.bx-next {
	right:10px;
	left:auto;
	}
	
.carousel .blogSummary{   
	background: url(https://online.stclares.ac.uk/tpl/images/default_blogimglrg.png) no-repeat 50%;
    height: 0;
    min-height: 0;
    padding: 265px 0 0;
	border: medium none;
	}
	
body.ib .carousel a.bx-prev{
	background: url("https://online.stclares.ac.uk/templates/images/ib_prev.png") no-repeat scroll 0 0 transparent;
}
body.ib .carousel a.bx-next{
    background: url("https://online.stclares.ac.uk/templates/images/ib_next.png") no-repeat scroll 0 0 transparent;
}
body.pathways .carousel a.bx-prev{
	background: url("https://online.stclares.ac.uk/templates/images/uni_prev.png") no-repeat scroll 0 0 transparent;
}
body.pathways .carousel a.bx-next{
    background: url("https://online.stclares.ac.uk/templates/images/uni_next.png") no-repeat scroll 0 0 transparent;
}
body.english .carousel a.bx-prev{
	background: url("https://online.stclares.ac.uk/templates/images/english_prev.png") no-repeat scroll 0 0 transparent;
}
body.english .carousel a.bx-next{
    background: url("https://online.stclares.ac.uk/templates/images/english_next.png") no-repeat scroll 0 0 transparent;
}

/*.carousel a.bx-prev:hover, 
.carousel a.bx-next:hover{background-position:bottom left !important;}*/
	
.carousel h2.blogTitle{
    border-bottom: 1px solid #464E56;
    font-size: 1em;
    margin: 0 0 5px;
    padding: 0 0 5px 1px;
    text-transform: uppercase;
}

.carousel h2.blogTitle a {
    color: #FFFFFF;
    display: block;
    height: 21px;
    line-height: 21px;
    overflow: hidden;
}

/*body.ib .carousel h2.blogTitle a:hover{color:#DB4740;}
body.pathways .carousel h2.blogTitle a:hover{color:#BC9633;}
body.english .carousel h2.blogTitle a:hover{color: #C6178C;}*/

.carousel .blogDate{
 
    font-size: 0.85em;
    letter-spacing: 2px;
    text-transform: uppercase;
}

body.ib .carousel .blogDate{
   color: #DB4740;
   }
   
body.pathways .carousel .blogDate{
   color: #BC9633;
   }  
   
body.english .carousel .blogDate{
   color: #C6178C;
   }    
   
.carousel .title a > img{
    position: absolute;
    right: 45px;
    top: 8px;
}

.carousel .blogSummary img{   
	left: 0;
    position: absolute;
    top: 0;
	width: 100% !important;
	height:auto;
	}




/*======CONTENT======*/

.content_copy_border{    
    background: url("../tpl/images/content_inside_border.png") repeat-y scroll right center transparent;
    float: left;
    margin: 8px 0 0;
    padding-right: 40px;
    position: relative;
	}
	
body.content .content_copy_border	{
	margin:0;
}
	
.content_copy{border:1px solid #1b3f62; padding:1px; line-height:1.8em;}
.content_copy .inside{
	background: url(../tpl/images/content_bg.png) repeat #fff;    
	padding: 20px 28px;
    width: 540px; 
	min-height:690px;
}

.plain .content_copy {
    margin: 0 auto 60px;
    width: 596px;
	position:relative;
}

.right_side_border{   
	background:url(https://online.stclares.ac.uk/tpl/images/right_side_border.png) repeat-y right;
    margin-top: 8px;
	}

#back_to_top{bottom: 0;height: 27px;left: 285px;position: absolute; bottom: -45px; width: 27px;}
#back_to_top a{text-indent:-9999px; display:block;height: 27px;}	
#back_to_top a:hover{background-position:bottom left;}

.plain .content_copy #back_to_top a{
background:url("../tpl/images/backtotop_content.png") no-repeat scroll 0 0 transparent;
text-indent:-9999px; display:block;height: 27px;}	
.plain .content_copy #back_to_top a:hover{background-position:bottom left;}

body.content.ib #back_to_top a{background:url(https://online.stclares.ac.uk/tpl/images/backtotop_ib.png) no-repeat 0 0;}
body.content.pathways #back_to_top a{background:url(https://online.stclares.ac.uk/tpl/images/backtotop_pathways.png) no-repeat 0 0;}
body.content.english #back_to_top a{background:url(https://online.stclares.ac.uk/tpl/images/backtotop_english.png) no-repeat 0 0;}
body.content.summer #back_to_top a{background:url(../tpl/images/backtotop_summer.png) no-repeat 0 0;}
body.content.standard #back_to_top a{background:url(../tpl/images/backtotop_content.png) no-repeat 0 0;}

body.content #back_to_top a:hover{background-position:bottom left;}


/* ---BACKGROUND SUPERSIZE---*/

	#background_slideshow {left: 0; top:0; overflow:hidden; position: fixed; z-index:-1;width: 100%;height: 100%;}
	#supersize{position:fixed;display: none;z-index: -1; top:0 !important; left:0!important;}
	#supersize img, #supersize a{height:100%;width:100%;position:absolute;z-index: 0; min-width:1024px; min-height:559px; left:930px !important;}

/*======SECTION MENU=====*/

.sidebar{
	width:263px;
	margin-top: -4px;
	}
	
body.content .sidebar{
	margin-top: -11px;
}
	
.sidebar .top{
	background:url(../tpl/images/section_menu_top.png) no-repeat 0 0;
	height:20px;
}

.sidebar .middle{
    background: none repeat scroll 0 0 #011323;
    border-left: 1px solid #062642;
    border-right: 1px solid #062642;
    margin: 0 7px;
	padding: 3px 12px;
}

.sidebar .btm{
	background: url(../tpl/images/section_menu_btm.png) no-repeat 0 0;
	height:24px;
}

.sidebar .middle .heading_wrap{text-align: center;}

.sidebar .middle h2{    
    background: url("../tpl/images/h2_dash.png") no-repeat scroll left center transparent;
    color: #FFFFFF;
    display: inline;
    font-size: 1em;
    padding: 0 0 1px 32px;
	}
	
.sidebar .middle h2 span{    
    background: url("https://online.stclares.ac.uk/templates/images/h2_dash.png") no-repeat scroll right center transparent;
    display: inline-block;
    margin-bottom: 9px;
    padding: 0 28px 1px 0;
	}

.sidebar .middle h3{font-size:1.3em; font-size:1em;}

.sidebar .middle h3 a{    
    color: #FFFFFF;
    display: block;
    height: 31px;
    line-height: 30px;
    margin-bottom: 8px;
    padding: 0 0 0 35px;
	}
	
.section_menu.sidebar .middle h3 a	{margin-bottom:2px;}

.sidebar .middle h3 a:hover{background-position:bottom left;}
	
.sidebar h3 a.ib{background: url(../tpl/images/menu_ib_bg.png) no-repeat 0 0 #584FA0; text-shadow:1px 1px 1px #393368;}
.sidebar h3 a.pathways{background: url(../tpl/images/menu_uni_bg.png) no-repeat 0 0 #842F59; text-shadow:1px 1px 1px #561f3a;}
.sidebar h3 a.english{background: url(../tpl/images/menu_english_bg.png) no-repeat 0 0 #009CA5; text-shadow:1px 1px 1px #00666b;}
.sidebar h3 a.summer{background: url(../tpl/images/menu_summer_bg.png) no-repeat 0 0 #FFF000; color:#222;}
.sidebar .middle h3 + h3 + h3 a,
body.standard .sidebar .middle h3 + h3 + h3 + h3 a{margin:0;}
body.standard .sidebar .middle  h3 + h3 + h3 a{margin-bottom: 8px;}

/*======GALLERY=====*/

.gallery{
	border:1px solid #1b3f62;
	padding:1px;
	margin:0 0 20px;
	}
	
.slide{
	overflow:hidden;
	height:513px;
}

.slide img{width:100%;}

body.narrow .slide{height:309px;}
body.medium_narrow .slide{height:372px;}
body.medium .slide{height:422px;}
body.medium_wide .slide{height:460px;}

body.landing .slide .SlideShowHolder{   
	border: medium none;
    margin-bottom: 0;
    padding: 0;
	}
	
body.landing .slide .SlideShowHolder ul {
    height: auto;
    overflow: hidden;
    position: relative;
}

body.landing .slide .SlideShowHolder ul li{
	height:513px;
}


/*======INTRO=====*/

.intro{
	float:left;
	border:1px solid #1b3f62;
	padding:1px;
	width:891px;
	}
	
.intro .inner{
   background: url("../tpl/images/content_bg.png") repeat scroll 0 0 #FFFFFF;
    min-height: 272px;
    min-width: 0;
    padding: 25px;
	}
	
body.narrow .intro{width:438px;}
body.medium_narrow .intro{width: 578px;}
body.medium .intro {width: 688px;}
body.medium_wide .intro {width: 773px;}

/*======SOCIAL MEDIA=====*/

.social.media{
	float:right;
	width:229px;
	}
	
.social.media ul{padding: 1px 10px;}
.social.media ul li{background: url(https://online.stclares.ac.uk/tpl/images/menu_border.png) no-repeat top; list-style:none;}
.social.media ul li:first-child{background:none;}
.social.media ul li a{padding:4px 4px 4px 15px; color:#fff; display:block;}
.social.media ul li a span{display:block;}
.social.media ul li.fb a span{background:url(https://online.stclares.ac.uk/tpl/images/fb_icon.png) no-repeat right;}
.social.media ul li.twitter a span{background:url(https://online.stclares.ac.uk/tpl/images/twitter_icon.png) no-repeat right;}
.social.media ul li.email a span{background:url(https://online.stclares.ac.uk/tpl/images/email_icon.png) no-repeat right;}

body.landing.ib .social.media ul li a{background:url(https://online.stclares.ac.uk/tpl/images/bullet_red.png) no-repeat left;}
body.landing.ib .social.media ul li a:hover{color:#DB4740;}
body.landing.pathways .social.media ul li a{background:url(https://online.stclares.ac.uk/tpl/images/bullet_gold.png) no-repeat left;}
body.landing.pathways .social.media ul li a:hover{color:#BC9633;}
body.landing.english .social.media ul li a{background:url(https://online.stclares.ac.uk/tpl/images/bullet_pink.png) no-repeat left;}
body.landing.english .social.media ul li a:hover{color:#C6178C;}
body.landing.summer .social.media ul li a{background:url(../tpl/images/bullet_blue.png) no-repeat left;}
body.landing.summer .social.media ul li a:hover{color:#00ADEF;}

body.landing .social.media ul li a:hover{opacity:1 !important;}

/*=====MONDRIAN=====*/

.mondrian{	
	background:url(https://online.stclares.ac.uk/tpl/images/mondrian_frame.png) no-repeat 0 0;
	padding:2px;	
	margin:0 0 11px;
	}

.social_media{
	height:84px;
	background:#011323;
	border:1px solid #062642;
}

.mondrian .inner{
	width:225px;
	height:225px;
}	

body.ib .mondrian .inner{background:url(https://online.stclares.ac.uk/tpl/images/mondrian_ib_lrg.png) no-repeat 0 0;}
body.pathways .mondrian .inner{background:url(https://online.stclares.ac.uk/tpl/images/mondrian_pathways_lrg.png) no-repeat 0 0;}
body.english .mondrian .inner{background:url(https://online.stclares.ac.uk/tpl/images/mondrian_english_lrg.png) no-repeat 0 0;}
body.summer .mondrian .inner{background:url(https://online.stclares.ac.uk/tpl/images/mondrian_summer_lrg.png) no-repeat 0 0;}

/*======FOOTER=====*/

.footer_frame{
	background:url(https://online.stclares.ac.uk/tpl/images/footer_bg.png) repeat-x bottom;
}
	
.footer.bar{
	background:#041525;
	width:100%;
	border-top:1px solid #113556;
	position:absolute;
	bottom:0;
	}
	
.footer.bar a,
.footer.bar a:link,
.footer.bar a:visited{
	color:#fff;
}

.footer.bar a:hover,
.footer.bar a:active,
.footer.bar a:focus{
	color:#83a4c4;
}
	
.footer ul{
	list-style:none;
	color:#fff;
	}
	
.footer ul li{
	float:left;
	line-height: 32px;
	}
	
.footer ul li + li{
	float:right;
	position:relative;
	}
	
.footer ul li.accessibility h4	{
	line-height:normal;
}

.footer ul li.accessibility h4 a{
    background: url("../tpl/images/accessibility_icon.png") no-repeat scroll 0 0 transparent;
    border-right: 1px solid #FFFFFF;
    display: block;
    height: 13px;
    margin: 10px;
    padding-right: 10px;
    width: 13px;
	text-indent:-9999px;
}

.footer ul li.accessibility h4 a:hover{
	background-position:bottom left;
}
	
.footer ul li #T4{ 
    background: url("../tpl/images/tooltip.png") no-repeat scroll right 0 transparent;
    display: none;
    height: 24px;
    left: -360px !important;
    padding: 0 0 0 12px;
    top: 4px !important;
    width: 355px;
    z-index: 11;
	}
	
.footer ul li #T4 ul li{
	float:left; 
	line-height:24px;
	padding:0 7px 0 15px;
	background:url(../tpl/images/bullet_white.png) no-repeat left 9px;
	}
	
.footer ul li #T4 ul li:first-child{
	background:none;
	padding-left:0px;
}
	
/*======DETAIL=====*/
	
	
.postInformation, .ceDate {
    border-bottom: 1px solid #CECECE;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.ceLocation{
	font-style:italic;
	border-top: 1px solid #CECECE; 
	padding-top: 10px;
	font-weight: bold;
	 }

.section_menu.sidebar .middle h3.return{
	background: url("https://online.stclares.ac.uk/tpl/images/content_menu_border.png") no-repeat scroll center top transparent;
    padding: 1px 0 0;
	margin: 0;
	}
	
.section_menu.sidebar .middle h3.return a{background: url("https://online.stclares.ac.uk/tpl/images/content_menu_border.png") no-repeat scroll center bottom #074280;
    border-left: 1px solid #0D5199;
    border-right: 1px solid #0D5199;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
	margin: 0;
    padding: 0;
	}
	
.section_menu.sidebar .middle h3.return a span{
    background: url("https://online.stclares.ac.uk/tpl/images/menu_crest.png") no-repeat scroll 0 0 transparent;
    display: block;
    padding: 0 10px 0 35px;
	}
	
body.plain h3.return {
    background: url("../tpl/images/bullet_white.png") no-repeat scroll 10px center #103B69;
	font-size:1em;
}

body.plain h3.return a.goback {
    color: #FFFFFF;
    display: block;
    padding: 2px 10px 2px 26px;
}

body.plain h3.return a.goback:hover { 
	color: #83A4C4 ;
}



/*======SEARCH RESULTS=====*/

#SearchResults .searchResultsHeader {
    border-bottom: 1px solid #CECECE;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

#SearchResults .searchResultsPageName {
    font-size: 1.1em;
    font-weight: bold;
}

#SearchResults .searchResultsLink {
    border-bottom: 1px solid #CECECE;
    margin-bottom: 10px;
    padding: 0 0 15px;
}

/* ---LOGIN---*/

.detail ul.fluency_login{background: none repeat scroll 0 0 #fff;border: 1px solid #E9E9E9;padding: 20px; list-style:none;}
.detail ul.fluency_login li{background: none repeat scroll 0 0 #f5f5f5;border: 1px solid #E9E9E9;margin: 0 0 4px;padding: 10px;}
.detail ul.fluency_login li label{display: block; float: left; height: 18px; line-height: 18px; padding: 5px 0; width: 100px;}
.detail ul.fluency_login li input{height: 16px;background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E0E0E0; padding: 5px; width: 234px;}
.detail ul.fluency_login li.error{display:none;}
.detail ul.fluency_login li.remember label{height: auto; line-height: normal; padding: 1px 0 0;}
.detail ul.fluency_login li.remember span{display: block;}
.detail ul.fluency_login li.remember input{height: 16px; margin: 0; width: 16px; background:none; border:none;}
.detail ul.fluency_login li.submit{background:none; border:none;margin: 0; padding: 10px 0 0;}

.detail .fluency_logout span{display: block; padding: 0 0 5px;}
.detail .fluency_logout span + span	{   
	background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #CECECE;
    border-top: 1px solid #CECECE;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 12px;
    padding: 5px 10px;
    text-transform: uppercase;
	}
.detail .fluency_logout a,
.detail ul.fluency_login li.submit input {    
	background: none repeat scroll 0 0 #0D5199;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: right;
    height: 35px;
    line-height: 35px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 120px;
	}
.detail .fluency_logout a:hover, .detail ul.fluency_login li.submit input[type="submit"]:hover {background:#0279BD;}




	
/* ==============================================================================
   ------------------------------CONTENT STYLING--------------------------------
   ============================================================================*/
   
/* =============================================================================
   TEXT FEATURE
   ========================================================================== */
   
.featuretitle,
.galleryTitle,
.blogTitle,
.calendarTitle,
.form_description > h2{    
    border-bottom: 1px solid #E1E1E1;
    color: #0D5199;
    font-size: 1.4em;
    margin-bottom: 15px;
    padding-bottom: 10px;
	font-weight:normal;
	}
	
body.ib .featuretitle, body.ib .galleryTitle, body.ib .blogTitle, body.ib .calendarTitle, body.ib .form_description > h2{color:#584FA0;}
body.pathways .featuretitle, body.pathways .galleryTitle, body.pathways .blogTitle, body.pathways .calendarTitle, body.pathways .form_description > h2{color: #691D42;}
body.english .featuretitle, body.english .galleryTitle, body.english .blogTitle, body.english .calendarTitle, body.english .form_description > h2{color: #009CA5;}
body.summer .featuretitle, body.summer .galleryTitle, body.summer .blogTitle, body.summer .calendarTitle, body.summer .form_description > h2{color: #0279BD;}






   	
/* Horizontal Rule
----------------------------------------*/

.bodycontent hr {
	display: none;
	}
	
.bodycontent .hr {
    background-color: transparent;
    border-top: 3px double #CCCCCC;
    clear: both;
    height: 0;
    margin-bottom: 12px;
    margin-top: 12px;
	}
	
/* Sub-headings
----------------------------------------*/

body .bodycontent h1, body .bodycontent h2 {
    border-bottom: 1px solid #CECECE;
    color: #0279BD;
    font-size: 1.4em;
    font-weight: normal;
    margin-bottom: 12px;
    padding-bottom: 10px;
	}
	
body.ib .bodycontent h1, body.ib .bodycontent h2{color: #DB4740;}
body.pathways .bodycontent h1, body.pathways .bodycontent h2{color: #BC9633;}
body.english .bodycontent h1, body.english .bodycontent h2{color: #C6178C;}
body.summer .bodycontent h1, body.summer .bodycontent h2{color: #00ADEF;}	
	
.bodycontent h3, .bodycontent h4 {
    color: #555555;
    font-size: 1.2em;
    margin-bottom: 0.7em;
	font-weight:bold;
	}

.bodycontent h5 {
    color: #344F9D;
    font-size: 1.1em;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 0.7em;
	}
	
body.ib .bodycontent h5{color: #DB4740;}
body.pathways .bodycontent h5{color: #BC9633;}
body.english .bodycontent h5{color: #C6178C;}
body.summer .bodycontent h5{color: #00ADEF;}
	
/* Images
----------------------------------------*/
	
.bodycontent img{
    background-color: #FFFFFF;
    border: 2px solid #0D5199;
    padding: 1px;
	}
	
body.ib .bodycontent img{border-color: #584fa0;}
body.pathways .bodycontent img{border-color: #842f59;}
body.english .bodycontent img{border-color:#009ca5;}
body.summer .bodycontent img{border-color: #00ADEF;}

body .bodycontent img.no_border{border: none;}
	
.bodycontent table img{
    border:none;
	background:none;
    padding: 0;
	margin:0;
	width: 100%;
	*display: block;
    *float: left;
}

.bodycontent .float_left,
body.detail .float_left{
    float: left;
    margin: 5px 15px 5px 0px;
	padding:0;
	}

.bodycontent .float_right,
body.detail .float_right{
    float: right;
    margin: 5px 0 5px 15px;
	padding:0;
	}
		
/* Unordered Lists
----------------------------------------*/
	
.bodycontent ul {
    margin: 0;
    padding-bottom: 20px;
    padding-left: 0;
    padding-top: 0;
	}
	
.bodycontent ul li:first-child {
    border-top: 1px solid #CCCCCC;
	}

.bodycontent ul li {
    background:url("../tpl/images/bullet_blue.png") no-repeat scroll 14px 14px #F5F5F5;
    border-bottom: 1px solid #CCCCCC;
    list-style-type: none;
    padding: 6px 20px 6px 32px;
	}
	
body.ib .bodycontent ul li{background-image: url("https://online.stclares.ac.uk/tpl/images/bullet_red.png");}
body.pathways .bodycontent ul li{background-image: url("https://online.stclares.ac.uk/tpl/images/bullet_gold.png");}
body.english .bodycontent ul li{background-image: url("https://online.stclares.ac.uk/tpl/images/bullet_pink.png");}
body.summer .bodycontent ul li{background-image: url("../tpl/images/bullet_blue.png");}

.bodycontent ul li p{
	padding:0;
}
	
.bodycontent ul li.odd {
	background-color: #fff;
	}
	
/* Ordered Lists
----------------------------------------*/
 	
.bodycontent ol {
	background: transparent url("https://online.stclares.ac.uk/tpl/images/style_template/text_ol_bg.png") repeat-y 0 bottom;
	list-style-type: decimal;
    margin: 0 0 20px;
    padding: 0 0 0 30px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	}

.bodycontent ol li:first-child {
    border-top: none;
	}

.bodycontent ol li {	
    border-top: 1px solid #CCCCCC;
    color: #0279BD;
    padding: 6px 20px 6px 12px;
    text-shadow: 1px 1px 1px #22356A;
	}
	
	
body.ib .bodycontent ol li{color:#DB4740;}
body.pathways .bodycontent ol li{color:#bc9633;}
body.english .bodycontent ol li{color: #C6178C;}
body.summer .bodycontent ol li{color: #00ADEF;}
	
.bodycontent ol li .ol_content{
	text-shadow: none;
	color:#555;
	}
	
.bodycontent ol li.even{
    background:#F5F5F5;
}

.bodycontent ol li.odd{
	background:#FFFFFF;
}
	
	
/* Styled Table
----------------------------------------*/
	
/* ---- Styled Table ---- */
	
.bodycontent table  {
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px; 
	margin-bottom: 1.2em;
    margin-top: 0.1em;
	}

.bodycontent table th {
    background: none repeat scroll 0 0 #0D5199;
    border-collapse: collapse;
    color: #FFFFFF;
    font-size: 1.1em;
    font-weight: bold;
    padding: 5px;
    text-align: center;
    vertical-align: top;
	}

body.ib .bodycontent table th {background:#584fa0;}
body.pathways .bodycontent table th {background:#842f59;}
body.english .bodycontent table th {background:#009CA5;}
body.summer .bodycontent table th {    
	background: none repeat scroll 0 0 #FFF000;
    border: 1px solid #FFCC00;
    color: #222222;
    padding: 4px 5px;}

.bodycontent table td{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CECECE;
    font-size: 1em;
    font-weight: normal;
    padding: 3px 9px;
    vertical-align: top;
	}
	
body.detail .bodycontent table td {
    background: none repeat scroll 0 0 transparent;
    padding: 7px;
}
	
table p{padding:0 !IMPORTANT;}


	
/* Quotation Table
----------------------------------------*/
	
table.quotation {
	border: none;
	width: auto;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 0;
	margin-top: 0;
	/* Above is to remove styled table inheritance*/
	font-family: Arial, Helvetica, sans-serif;
	color: #555555;
	line-height: 2.15em;
	}

table.quotation td {
	background-image: none;
	background-color: transparent;
	font-weight: inherit;
	border: none;
	padding: 0;
	vertical-align: middle;
	/* Above is to remove styled table inheritance*/
	padding-right: 40px;
	background: transparent url("http://www.fluencycms.co.uk/sw_template/images/style_template/text_quotation_mark.png") no-repeat right 5px;
	}
	
table.quotation tr + tr td {
	background-image: none;
	}
	
table.quotation td em {
    background: url("http://www.fluencycms.co.uk/sw_template/images/style_template/text_quotation_credit_icon.png") no-repeat scroll 0 11px transparent;
    color: #888888;
    display: block;
    font-size: 1.1em;
    padding-left: 22px;
    padding-top: 6px;
	}
		
/* Downloads Table
----------------------------------------*/	

table.downloads{
	 border-collapse: collapse;
	 margin-bottom: 1.5em;
}

table.downloads td{
	background: url("https://online.stclares.ac.uk/tpl/images/style_template/text_dl_link.png") no-repeat scroll 11px 10px #F4F4F4;
    border-left: none;
	border-right: none;
    padding: 6px 20px 6px 32px;}
	
	
table.downloads td p{
    font-style: italic;
    padding: 0;
}

table.downloads td.odd{
	background-color: #fff;
}

/* Download Styles are dependent on inherited table styles */


/* Layout Table
----------------------------------------*/

table.layout_table {
	border: none;
	width: auto;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 1.2em;
    margin-top: 0.1em;
	/* Above is to remove styled table inheritance*/
	border: none;
	}
	
body.detail table.layout_table{width:100%;}
	
table.layout_table th {
    background-image: none;
	background-color: transparent;
	border: none;
    border-collapse: collapse;
    color: #535353;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    text-transform: none;
    vertical-align: middle;
	font-family: Arial,Verdana,Sans-Serif;
    font-size: 1em;
    line-height: inherit;
	text-transform: none;
	}
	
table.layout_table td {
	background-image: none;
	background-color: transparent;
	font-weight: inherit;
	padding: 0 0 10px;
	vertical-align: middle;
	border: none;
	/* Above is to remove styled table inheritance*/
	vertical-align: top;
	}
	
/* =============================================================================
   PHOTO GALLERY FEATURE
   ========================================================================== */

/* Gallery with Shadowed Thumbnails
----------------------------------------*/
	
body div.photoGalleryElement {
    float: left;
	padding-bottom: 0;
    padding-top: 0.5em;
	}

body div.photoGalleryElement div.thumbnail {
    border: medium none !important;
    margin: 0 10px 20px !important;
    padding: 0 !important;
	width: auto;
	float:left;
}

body div.photoGalleryElement div.thumbnail a {
    border: 2px solid #0279BD;
    display: block;
    height: 109px;
    padding: 1px;
}

body div.photoGalleryElement div.thumbnail a:focus,
body div.photoGalleryElement div.thumbnail a:hover,
body div.photoGalleryElement div.thumbnail a:active {
	border-color: #0279BD;
	}
	
body.ib div.photoGalleryElement div.thumbnail a, 
body.ib div.photoGalleryElement div.thumbnail a:hover, 
body.ib div.photoGalleryElement div.thumbnail a:active {border-color: #584FA0;}
body.pathways div.photoGalleryElement div.thumbnail a, 
body.pathways div.photoGalleryElement div.thumbnail a:hover, 
body.pathways div.photoGalleryElement div.thumbnail a:active {border-color:#842f59;}
body.english div.photoGalleryElement div.thumbnail a, 
body.english div.photoGalleryElement div.thumbnail a:hover, 
body.english div.photoGalleryElement div.thumbnail a:active {border-color:#009CA5;}
body.summer div.photoGalleryElement div.thumbnail a, 
body.summer div.photoGalleryElement div.thumbnail a:hover, 
body.summer div.photoGalleryElement div.thumbnail a:active {border-color: #00ADEF;}
	
body div.photoGalleryElement div.thumbnail a:focus,
body div.photoGalleryElement div.thumbnail a:hover,
body div.photoGalleryElement div.thumbnail a:active {
	border-color: #0D5199;
	}
	
body.ib div.photoGalleryElement div.thumbnail a:focus,
body.ib div.photoGalleryElement div.thumbnail a:hover,
body.ib div.photoGalleryElement div.thumbnail a:active {border-color: #7970BA;}
body.pathways div.photoGalleryElement div.thumbnail a:focus,
body.pathways div.photoGalleryElement div.thumbnail a:hover,
body.pathways div.photoGalleryElement div.thumbnail a:active {border-color:#B9608C;}
body.english div.photoGalleryElement div.thumbnail a:focus,
body.english div.photoGalleryElement div.thumbnail a:hover,
body.english div.photoGalleryElement div.thumbnail a:active {border-color:#007d84;}
body.summer div.photoGalleryElement div.thumbnail a:focus,
body.summer div.photoGalleryElement div.thumbnail a:hover,
body.summer div.photoGalleryElement div.thumbnail a:active {border-color:#0279BD;}

body div.photoGalleryElement div.thumbnail img {
	border: medium none;
    height: 109px;
	}

/* Slideshow
----------------------------------------*/

.SlideShowHolder {
    border:2px solid #0D5199;
    padding: 1px;
	margin-bottom: 1.1em;
	}
	
body.ib .SlideShowHolder {border-color:#584FA0;}
body.pathways .SlideShowHolder {border-color:#842F59;}
body.english .SlideShowHolder {border-color:#009CA5;}
body.summer .SlideShowHolder {border-color: #00ADEF;}

.SlideShowHolder div.myslides {
	width: 100%;
	height: auto !important;
	}
		 
.SlideShowHolder ul {
	height: 218px;	
	position:relative; 
	overflow:hidden;
	}
	
.SlideShowHolder ul	li{
	overflow:hidden;
	height: 218px;
}

.SlideShowHolder ul li img {
	width:100%;
	
	}
	
.SlideShowHolder .imgAltCaption {
    bottom: 0;
    color: #FFFFFF;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    left: 0;
    line-height: 20px;
    margin: 0;
    padding: 10px 0;
    position: absolute;
    text-indent: 10px;
    width: 100%;
	background:url(https://online.stclares.ac.uk/tpl/images/style_template/img_caption.png);
    font-size: 1.1em;
}

/* =============================================================================
   BLOG FEATURE
   ========================================================================== */

/* RSS Feed
----------------------------------------*/

.blogentries .rsslinkicon, .blogentries .rsslinktext {display: none;}

.blogentries div.blogEntriesRssLinkPanel {
    background:#0D5199;
    border: medium none;
    height: 20px;
    margin-bottom: 5px;
	}
	
body.ib .blogentries div.blogEntriesRssLinkPanel {background:#584FA0;}
body.pathways .blogentries div.blogEntriesRssLinkPanel {background:#842f59;}
body.english .blogentries div.blogEntriesRssLinkPanel {background:#008289;}
body.summer .blogentries div.blogEntriesRssLinkPanel {    
	background: none repeat scroll 0 0 #FFF000;
    border: 1px solid #FFCC00;
    height: 18px;
	}
	
.blogentries div.blogEntriesRssLinkPanel > a {
    background: url("https://online.stclares.ac.uk/tpl/images/style_template/blog_rss_icon.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: right;
    height: 11px;
    width: 11px;
	margin: 5px;
	}
	
body.summer .blogentries div.blogEntriesRssLinkPanel > a {
    background: url("https://online.stclares.ac.uk/tpl/images/style_template/blog_rss_icon_blk.png") no-repeat scroll 0 0 transparent;
	margin: 4px;
	}

.blogentries div.blogEntriesRssLinkPanel > a:hover{
	background-position:bottom left;
}

/* Blog Posts
----------------------------------------*/

.BlogFeatureList {
	padding-bottom: 1.5em;
	}
	
.BlogFeatureList ul li:first-child {
    border-top: 1px solid #CCCCCC;
	}

.BlogFeatureList ul li {
    border-bottom: 1px solid #CCCCCC;
    padding: 5px 12px;
	list-style:none;
	position: relative;
}

.BlogFeatureList ul li a img {
    position: absolute;
    right: 12px;
    top: 9px;
	z-index: 999;
	}
	
.BlogFeatureList ul li.even {
	background-color: #F5F5F5;
	}
	
.BlogFeatureList ul li.odd {
	background-color: #fff;
	}

.BlogFeatureList ul li h2.blogTitle {
    float: none;
    font-size: 1em;
    margin: 0 0 2px;
    padding: 0 0 5px;
}

.BlogFeatureList ul li h2.blogTitle a {
    background: url("https://online.stclares.ac.uk/tpl/images/breadcrumb_Arrow.png") no-repeat scroll 12px 7px transparent;
    display: block;
    float: none;
	font-weight: bold;
	}
	
body.ib .BlogFeatureList ul li h2.blogTitle a {color:#7970BA;}
body.ib .BlogFeatureList ul li h2.blogTitle a:hover {color:#584FA0;}
body.pathways .BlogFeatureList ul li h2.blogTitle a {color:#B9608C;}
body.pathways .BlogFeatureList ul li h2.blogTitle a:hover {color:#842f59;}
body.english .BlogFeatureList ul li h2.blogTitle a {color:#25A1A8;}
body.english .BlogFeatureList ul li h2.blogTitle a:hover {color:#008289;}
body.summer .BlogFeatureList ul li h2.blogTitle a {color: #00ADEF;}
body.summer .BlogFeatureList ul li h2.blogTitle a:hover {color: #0279BD;}
	
.blogDate {
    color: #888888;
    display: block;
    float: none;
    font-size: 0.85em;
    letter-spacing: 2px;
    padding: 0 0 2px;
    text-transform: capitalize;
	}
	
.blogSummary {
	background: url(https://online.stclares.ac.uk/tpl/images/default_blogimg.png) no-repeat 0 12px;
    border-top: 1px solid #E1E1E1;
    min-height: 93px;
    padding: 8px 0 10px 145px;
    position: relative;
}

.blogSummary .img_wrap{   
	height: 90px;
    position: absolute;
    top: 12px;
    width: 130px;
	left: 0;
    overflow: hidden;
	}
	
.blogSummary img {
	height: 90px;
	position: absolute;
	left: 0;
	overflow: hidden;
	}

.blogBody {
    padding: 0;
}


/* Blog Archive
----------------------------------------*/

.blogentries #blog_archive {
    border-bottom: 1px solid #E0E0E0;
    float: none;
    margin-bottom: 15px;
    padding-bottom: 12px;
    width: 100%;
}

.blogentries li{
	list-style:none !important;
	min-height:0;
}

.blogentries ul.archiveYear > li > a {
    background: none repeat scroll 0 0 #DDDDDD;
    border: 1px solid #CCCCCC;
    display: block;
    float: none;
    padding: 1px 8px;
	margin-bottom: 5px;
	color: #fff;
	}
	
body.standard .blogentries ul.archiveYear > li > a {color:#222;}	
body.ib .blogentries ul.archiveYear > li > a {background: #7970BA; border: 1px solid #584FA0;}	
body.pathways .blogentries ul.archiveYear > li > a {background:#c6a245;  border: 1px solid #BC9633;}	
body.english .blogentries ul.archiveYear > li > a {background: #399398; border: 1px solid #008289;}	
body.summer .blogentries ul.archiveYear > li > a {color:#222;}	

.blogentries ul.archiveYear > li > a:hover {
	background-color: #CCCCCC;
	}
	
body.ib .blogentries ul.archiveYear > li > a:hover {background-color: #584FA0;}	
body.pathways .blogentries ul.archiveYear > li > a:hover {background-color:#BC9633}	
body.english .blogentries ul.archiveYear > li > a:hover {background-color:#008289;}	
	
.blogentries div .postCount {
    color: #888888;
    font-size: 0.8em;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
	height: 25px !important;
	}
	
.blogentries div.archiveMonthDivHolder ul.archiveMonth li a{
	float:none;
	color: #555555;
}

body.standard .blogentries div.archiveMonthDivHolder ul.archiveMonth li a{color:#0279BD;}
body.ib .blogentries div.archiveMonthDivHolder ul.archiveMonth li a{color:#7970BA;}
body.pathways .blogentries div.archiveMonthDivHolder ul.archiveMonth li a {color:#9a416d;}
body.english .blogentries div.archiveMonthDivHolder ul.archiveMonth li a {color:#399398;}
body.summer .blogentries div.archiveMonthDivHolder ul.archiveMonth li a {color:#00ADEF;}

.blogentries div.archiveMonthDivHolder ul.archiveMonth li a:hover{
	color:#000000;
}

body.standard .blogentries div.archiveMonthDivHolder ul.archiveMonth li a:hover {color:#0D5199;}
body.ib .blogentries div.archiveMonthDivHolder ul.archiveMonth li a:hover {color:#584FA0;}
body.pathways .blogentries div.archiveMonthDivHolder ul.archiveMonth li a:hover {color:#842F59;}
body.english .blogentries div.archiveMonthDivHolder ul.archiveMonth li a:hover {color: #008289;}
body.summer .blogentries div.archiveMonthDivHolder ul.archiveMonth li a:hover {color:#0279BD;}
  
.blogentries div .archiveMonthDivHolder {
	 border-top: 1px solid #CCCCCC;
	}
	
.blogentries div.archiveMonthDiv {	
    background:#F5F5F5;
    border-bottom: 1px solid #CCCCCC;
    font-weight: bold;
    padding:5px 12px 3px 12px;
	}
	
div.archiveMonthDiv + div.archiveMonthDiv,
div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv,
div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv,
div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv,
div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv,
div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv {
	background-color: #fff !important;
	}
	
div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv,
div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv,
div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv,
div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv,
div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv + div.archiveMonthDiv{
	background-color: #F5F5F5 !important;
	}
	
.blogentries ul.archiveEntry{
	padding-bottom: 5px;
}
	
.blogentries div.archiveMonthDiv .archiveMonthDiv {
	padding: 0;
	background-image: none;
	border: none;
	background-color: transparent;
	}
	
.blogentries div.archiveMonthDiv .archiveMonthDiv ul.archiveEntry li{
	background:none;
    font-size: 0.85em;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 1.85em;
    padding: 1px 0 1px 15px;
    text-transform: none;
	}
	
body.standard .blogentries div.archiveMonthDiv .archiveMonthDiv ul.archiveEntry li{background: url("../tpl/images/bullet_blue.png") no-repeat scroll 0 8px transparent;}
body.ib .blogentries div.archiveMonthDiv .archiveMonthDiv ul.archiveEntry li{background: url("https://online.stclares.ac.uk/tpl/images/bullet_red.png") no-repeat scroll 0 8px transparent;}
body.pathways .blogentries div.archiveMonthDiv .archiveMonthDiv ul.archiveEntry li{background: url("https://online.stclares.ac.uk/tpl/images/bullet_gold.png") no-repeat scroll 0 8px transparent;}
body.english .blogentries div.archiveMonthDiv .archiveMonthDiv ul.archiveEntry li{background: url("https://online.stclares.ac.uk/tpl/images/bullet_pink.png") no-repeat scroll 0 8px transparent;}
body.summer .blogentries div.archiveMonthDiv .archiveMonthDiv ul.archiveEntry li{background: url("../tpl/images/bullet_blue.png") no-repeat scroll 0 8px transparent;}

.blogentries div.archiveMonthDiv .archiveEntry a {
	float: none
	}
	
/* =============================================================================
   FORM FEATURE
   ========================================================================== */

div.form_description p {
	padding-bottom: 1em;
	}
	
/* 
------------Form Styles------------------------------------------------
 */	
	
	
.enquireForm ul {
    border: medium none;
    margin-bottom: 10px;
	}
	
.enquireForm ul li {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #cecece;
    margin-bottom: 5px;
    padding: 10px 14px;
	font-family:Arial, Helvetica, sans-serif;
	min-height:0;
	list-style:none;
	}

.enquireForm p.guidelines {
	padding-bottom: 0;
	}
	
.enquireForm ul li label{
    color: #555555;
}

.enquireForm ul li label.description {
    border-bottom: 1px solid #ddd;
    display: block;
    margin-bottom: 10px;
    padding-bottom: 5px;
	}

.enquireForm ul li span label, 
.enquireForm ul li div label  {
    font-weight: normal;
    letter-spacing: 0;
	}

.enquireForm ul li input,
.enquireForm ul li textarea,
.enquireForm ul li select {
    background: none repeat scroll 0 0 #eee;
    border: 1px solid #ddd;
    color: #555555;
    font-family: tahoma;
    margin-right: 0;
    padding: 3px 6px;
    width: 496px;
	}
	
.enquireForm ul li select {
	padding: 2px;
	}

.enquireForm ul li input:focus,
.enquireForm ul li textarea:focus,
.enquireForm ul li select:focus {
	border:1px solid #ccc;
	background:#e9e9e9;
	}

.enquireForm ul li select:focus {
	padding: 2px;
	}
	
/* ----Text Area---- */
	
.enquireForm ul li textarea {
    height: 150px;
    line-height: 1.6em;
    margin: 0;
	}
		
/* ----Radio---- */	


.enquireForm ul li.radio {
    padding-bottom: 9px;
}

.enquireForm ul li input.radio { 
    border: medium none;
    margin: 0 12px 0 0;
    width: auto;
	}
	
.enquireForm ul li.radio span label {
    float: none;
    padding: 0 10px 0 0;
    width: auto;
	} 
	
/* ----Checkbox---- */	

.enquireForm ul li.checkbox {
	padding-bottom:9px;
	}
		
.enquireForm ul li input.checkbox { 
    border: medium none;
    margin: 0 10px 0 0;
	width: auto;
	}

.enquireForm ul li.checkbox span label {
    padding: 0 15px 0 0;
	} 
		
/* -----Name----- */

.enquireForm ul li.name label.description{
	float:none;
}

.enquireForm ul li.name span {
    display: block;
    padding: 5px 0 0;
	}
	
.enquireForm ul li.name span input {
	width: 10%;
	margin-right: 10px;
	}
	
.enquireForm ul li.name span+span input {
	width: 60%;
	}

.enquireForm ul li.name span+span+span {
	margin-right: 0;
	}
	
.enquireForm ul li.name span+span+span input {
	width: 60%;
	}
	
.enquireForm ul li.name span+span+span+span input {
	width: 30px;
	}
	
.enquireForm ul li.name span+span+span+span {
	display: none;
	}
	
/* -----Simple Name----- */

.enquireForm ul li.simple_name span{
    display: block;
    padding: 0 0 5px;
}

.enquireForm ul li.simple_name span  input{  
	margin-right: 10px;
    width: 350px;
	}


/* ----Drop Down ---- */	
	
.enquireForm ul li.select div .select {
	width: 72%;
	height: 25px;
	}

/* ----Date ---- */

.enquireForm ul li.date input.text, .enquireForm ul li.europe_date input.text  {
    margin-right: 5px;
    width: 40px !important;
	}
			
.enquireForm ul li.date span, .enquireForm ul li.europe_date span {
	color: #999999;
	padding-right:10px;
	}
		
.enquireForm ul li.date span input, .enquireForm ul li.europe_date span input {
	font-size: 1.2em;
	}
	
/* ----Time ---- */
   
.enquireForm ul li.time .input_border {
    margin-left: 4px;
    margin-right: 4px;
		}
		
.enquireForm ul li.time input.text  {
    padding: 2px;
	width: 40px;
	margin-right: 5px;
	}

.enquireForm ul li.time select {
	margin-right: 10px;
	}
	
.enquireForm ul li.time span {	
	padding-right: 10px;
	}

.enquireForm ul li.time span label {
    padding: 0;    
	}
	
/* ----Money ---- */

.enquireForm ul li.money span {
	margin-right:6px;
	}
	
.enquireForm ul li.money span.symbol {
	width: auto;
	margin-left:0;
	margin-right:10px;
	color: #555555;
	}

.enquireForm ul li.money span label {
    padding: 0 5px 0 0;
	}
	
.enquireForm ul li.money span input {
	width: 40px;  
	margin-right: 5px;
	}

/* ----Section Break---- */
	
.enquireForm ul li.section_break {
   	background-color: #FFFFFF;
    border: medium none;
	border-top:1px solid #d5d5d5;
	border-bottom:1px solid #d5d5d5;
    padding: 7px 0;
	height: 0;
	}

.enquireForm ul li.section_break h3 {
    display: none;
	}
	
.enquireForm ul li.section_break p {
    display: none;
	}

/* ----File Upload--- */

.enquireForm ul li.file input.file {
	height: 25px;
	}
	
/* ----Address--- */

	
.enquireForm ul li.address div {
	padding: 5px 0 5px 0;
	clear:both;
	}
		
.enquireForm ul li.address div + div {
	padding:0 0 5px 0;
}

.enquireForm ul li.address div.clear{
	padding:0;
}

.enquireForm ul li.address div input {
    width: 70%;
	margin-right:10px;
	}
	
.enquireForm ul li.address div select{
	margin-right:10px;
}	
	
.enquireForm ul li.address div label {
    line-height: 18px;
    padding: 0;
	}
	
 .enquireForm ul li.address div.left input {
	width: 40%;
	}
	
.enquireForm ul li.address div.right input {
	width: 40%;
	}
	
.enquireForm ul li.address div.right select {
    height: 24px;
    padding: 1px;
    width: 43%;
	}
	
/* ----Error--- */

.enquireForm label.error {
    color: #BA131A !important;
    padding: 0 5px 0 0 !important;
	}
	
.enquireForm ul li span.required {
    color: #BA131A !important;
    display: inline !important;
	}

.enquireForm ul li.text label.error{
	clear:both !important;
}

/* ----Submit--- */
	
.enquireForm ul li.buttons {
    background-color: transparent;
    border: medium none;
	padding: 5px 0;
	margin-bottom: 5px;
	}
	
.enquireForm ul li.buttons input {
    background:  #0D5199; 
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-size: 1.1em;
    height: 35px;
    margin: 0;
    outline: medium none;
    padding: 0;
    text-transform: uppercase;
    width: 100px;
	}
	
body.ib .enquireForm ul li.buttons input{background:#584FA0;}
body.pathways .enquireForm ul li.buttons input{background:#842f59;}
body.english .enquireForm ul li.buttons input{background:#008289;}
body.summer .enquireForm ul li.buttons input{
	background: none repeat scroll 0 0 #FFf000;
    border: 1px solid #FFcc00;
    color: #222222;
    height: 33px;
	}
	
.enquireForm ul li.buttons input[type="submit"]:hover {background:#0279BD;}

body.ib .enquireForm ul li.buttons input[type="submit"]:hover {background:#7970BA;}
body.pathways .enquireForm ul li.buttons input[type="submit"]:hover {background:#B9608C;}
body.english .enquireForm ul li.buttons input[type="submit"]:hover {background:#16a2aa;}
body.summer .enquireForm ul li.buttons input[type="submit"]:hover {   
	background: none repeat scroll 0 0 #ffd800;
    border: 1px solid #FFCC00;
    color: #222222;
    height: 33px;
	}



/*
------------Guideline Styles-----
*/

.enquireForm ul li small {
    color: #888888;
    display: block;
    font-style: italic;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 20px;
    padding: 10px 0 2px;
    text-transform: none;
	font-size: 1em;
	}
	
.enquireForm ul li p.guidelines {
	clear:both;
	}
	
/* =============================================================================
   CALENDAR FEATURE
   ========================================================================== */
	
table.RadCalendar_Fluency.RadCalendar{
	background:none;
	clear: both; 
	margin-bottom: 20px; 
	width: 100% !important; /*Important needed to overwrite fluency style*/ 
	padding: 0;
	border-spacing:0;
	}
	
table.RadCalendar table {
	margin-bottom: 1.4em;
	margin-top: 0.1em;
	clear: both;
	border-color: #ccc;
	margin-bottom: 0;
	}
	
table.RadCalendar table td, 
table.RadCalendar table th {
	border:none;
	}
	
table.RadCalendar table th, 
table.RadCalendar table td {
	padding: 4px; 
	vertical-align: top; 
	background:none;
	}

table.RadCalendar table th {
	background-color: #fff;
	color: #fff;
	}

table.RadCalendar table.rcMainTable {
	width:100%;
	margin: 0; 
	border-spacing: 2px; 
	*border-collapse: expression('separate', cellSpacing = '2px'); /*Used to seperate td in ie*/
	}

table.RadCalendar table .rcMainTable, 
table.RadCalendar table table {
	border: none;
	padding: 0;
	}
	
table.RadCalendar table td {
	padding: 0;
	vertical-align: top;
	}

/* TOP BAR --------------------------
-----------------------------------*/

table.RadCalendar_Fluency .rcTitlebar{
	background:none;
	padding: 0 2px; 
	border: medium none;
	height: auto;
	}

table.RadCalendar_Fluency .rcTitlebar table {
    background:#0D5199;
    border:none;
    border-collapse: collapse;
    color: #FFFFFF;
    font-family: tahoma,arial;
    font-size: 1em;
    height: 33px;
    letter-spacing: normal;
    overflow: hidden;
    padding: 0;
    text-align: center;
    text-shadow: 1px 1px 1px #22356A;
    text-transform: uppercase;
	}
	
body.ib table.RadCalendar_Fluency .rcTitlebar table {background:#584FA0;}
body.pathways table.RadCalendar_Fluency .rcTitlebar table {background:#842F59;}
body.english table.RadCalendar_Fluency .rcTitlebar table {background:#008289;}
body.summer table.RadCalendar_Fluency .rcTitlebar table {   
	 background: none repeat scroll 0 0 #FFF000;
    border: 1px solid #FFCC00;
    color: #222222;
    height: 31px;
    text-shadow: none;
	}


table.RadCalendar_Fluency .rcTitlebar table td {
	font-size: 1.2em; 
	font-weight: normal; 
	letter-spacing: 0; 
	line-height: 33px;
	}

/* HIDE FAST NEXT AND PREVIOUS */
	
table.RadCalendar_Fluency .rcTitlebar table td a.rcFastNext, 
table.RadCalendar_Fluency .rcTitlebar table td a.rcFastPrev {
	display: none;
	}

/* NEXT AND PREVIOUS STYLES */

table.RadCalendar_Fluency .rcTitlebar table td a.rcPrev, 
table.RadCalendar_Fluency .rcTitlebar table td a.rcNext {
	display: block;
	margin:0;
	padding:4px 20px;
	}
	
table.RadCalendar_Fluency .rcTitlebar a.rcPrev {
	background:url("https://online.stclares.ac.uk/tpl/images/style_template/left_arrow_button.gif") no-repeat scroll 30px 9px transparent;
	margin-left:0;
	text-indent:-9999px;
	}
	
table.RadCalendar_Fluency .rcTitlebar a.rcNext {
	background: transparent url('https://online.stclares.ac.uk/tpl/images/style_template/right_arrow_button.gif') no-repeat 20px 9px;
	margin-right:0;
	text-indent:-9999px;
	}

body.summer table.RadCalendar_Fluency .rcTitlebar a.rcPrev {background:url("https://online.stclares.ac.uk/tpl/images/style_template/left_arrow_button_blk.gif") no-repeat scroll 30px 9px transparent;}
body.summer table.RadCalendar_Fluency .rcTitlebar a.rcNext {background: transparent url('https://online.stclares.ac.uk/tpl/images/style_template/right_arrow_button_blk.gif') no-repeat 20px 9px;}
	
	
table.RadCalendar_Fluency .rcTitlebar a.rcPrev:hover {
	background-position:30px 9px;
	}	

table.RadCalendar_Fluency .rcTitlebar a.rcNext:hover {
	background-position:20px 9px;
	}	
	
/* MAIN BODY------------------------------
----------------------------------------- */

table.RadCalendar td.rcMain {
	border: none;
	background: none repeat scroll 0 0 transparent;
	}

table.RadCalendar table.rcMainTable{
	font-family: Arial, Helvetica, sans-serif;
}
	
table.RadCalendar table.rcMainTable td {
	background-color: #fff;
	text-align: center;
	}
	
table.RadCalendar table.rcMainTable th {
	text-align: center; 
	border-top:1px solid #FFFFFF;
	color:#555555;
	}	
	
table.RadCalendar table.rcMainTable .rcWeek th.rcViewSel {
	display: none;
	}	
	
table.RadCalendar table.rcMainTable .rcRow th {
	display: none;
	}
	
table.RadCalendar table.rcMainTable .rcWeek th {
    background: none repeat scroll 0 0 #DDDDDD;
    border: none;
	}

table.RadCalendar table.rcMainTable .rcRow td {    
    background: url("https://online.stclares.ac.uk/tpl/images/style_template/text_table_td_bg.png") repeat-x scroll 0 bottom #F5F5F5;
    border: 1px solid #DDDDDD;
    line-height: 2em;
    padding: 6px;
}

table.RadCalendar table.rcMainTable .rcRow td a {
	font-weight: normal;
	text-decoration: none;
	display: inline;
	padding: 0;
	color: #555555;
	cursor: pointer; 
	background: none repeat scroll 0 0 transparent;
	}

table.RadCalendar table.rcMainTable .rcRow td.rcSelected {    
	background: #DDDDDD;
    border: 1px solid #DDDDDD;
    color: #555555;
}
table.RadCalendar table.rcMainTable td.rcHover {    
	background: #DDDDDD;
    border: 1px solid #DDDDDD;
}
table.RadCalendar table.rcMainTable td.rcHover a{
	color:#555555 ;
}


/* CALENDAR EVENT ------------------------------
-----------------------------------------------*/

table.RadCalendar .rcMain tbody .rcRow td table, 
table.RadCalendar .rcMain tbody .rcRow td table td {
	border: none;
	background-color: transparent;
	background-image: none;
}	
table.RadCalendar .rcMain table td.rcHover table{
	color: #fff;
}	
table.RadCalendar .rcMain .CalendarEvents td {
	background-image: none;
}
table.RadCalendar .rcMain table td.rcHover table .CalendarEvents a {
	color: #fff;
	background-color: transparent;
	background-image: none;
}

table.RadCalendar .rcMain .rcRow .rcSelected a,
table.RadCalendar .rcMain .rcRow .rcSelected a:focus,
table.RadCalendar .rcMain .rcRow .rcSelected a:hover,
table.RadCalendar .rcMain .rcRow .rcSelected a:active{
	color: #333333;
	}
	
table.RadCalendar .rcMain tbody .rcRow td.rcOtherMonth,
table.RadCalendar .rcMain tbody .rcRow td.rcOtherMonth a {
	color: #CCCCCC;
	}	
	
table.rgMasterTable tr.rgCommandRow td.rgCommandCell a {
    background:none;
    color: #0279BD;
    padding: 0;
	}
	
body.ib table.rgMasterTable tr.rgCommandRow td.rgCommandCell a {color: #7970BA;}
body.pathways table.rgMasterTable tr.rgCommandRow td.rgCommandCell a {color: #B9608C;}
body.english table.rgMasterTable tr.rgCommandRow td.rgCommandCell a {color: #25A1A8;}
body.summer table.rgMasterTable tr.rgCommandRow td.rgCommandCell a {color: #00ADEF;}
	
table.rgMasterTable tr.rgCommandRow td.rgCommandCell a:hover{
	color:#0D5199;
	}
	
body.ib table.rgMasterTable tr.rgCommandRow td.rgCommandCell a:hover {color: #584FA0;}
body.pathways table.rgMasterTable tr.rgCommandRow td.rgCommandCell a:hover {color: #842F59;}
body.english table.rgMasterTable tr.rgCommandRow td.rgCommandCell a:hover {color: #008289;}
body.summer table.rgMasterTable tr.rgCommandRow td.rgCommandCell a:hover {color: #0279BD;}
	
table.rgMasterTable tr.rgCommandRow td.rgCommandCell .addNewEventLink{
	display:none;
	}

table.rgMasterTable tr.rgCommandRow td.rgCommandCell label{
	float: left; 
	padding: 7px 0 0;
	}
	
table.rgMasterTable tr.rgCommandRow td.rgCommandCell a img{
	display:none;
	}
		
table.RadCalendar .rcMain tbody .rcRow td.EventOccurring {
	background: none repeat scroll 0 0 #0279BD;
    border: medium none;
	}
	
body.ib table.RadCalendar .rcMain tbody .rcRow td.EventOccurring {background:#DB4740;}
body.pathways table.RadCalendar .rcMain tbody .rcRow td.EventOccurring {background:#BC9633;}
body.english table.RadCalendar .rcMain tbody .rcRow td.EventOccurring {background:#c6178c;}
body.summer table.RadCalendar .rcMain tbody .rcRow td.EventOccurring {background: none repeat scroll 0 0 #FFF000;
    border: 1px solid #FFCC00;}
body.summer table.RadCalendar .rcMain tbody .rcRow td.EventOccurring a{color:#222;}
	
table.RadCalendar .rcMain tbody .rcRow td.EventOccurring a {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    display: block;
	}
	
/* MASTER TABLE ---------------------------------
------------------------------------------------*/

div.RadGrid_Fluency .rgRow a, 
div.RadGrid_Fluency .rgAltRow a, 
div.RadGrid_Fluency .rgEditRow a, 
div.RadGrid_Fluency tr.rgEditRow a, 
div.RadGrid_Fluency tr.rgHoveredRow a, 
div.RadGrid_Fluency tr.rgActiveRow a, 
div.RadGrid_Fluency .rgFooter a, 
div.RadGrid_Fluency .rgEditForm a {
	cursor: pointer; 
	font-size: 105%; 
	padding-left: 2px;
	background:none; 
	line-height: 1.35em;
	font-weight: normal;
	}

div.RadGrid_Fluency{
	width:100%; 
	border:none;  
	background: none repeat scroll 0 0 transparent;
	margin: 0 0 30px;
	}
 
div.RadGrid_Fluency table.rgMasterTable {
	font-family: Arial, Helvetica, sans-serif; 
	border-collapse:collapse; 
	width: 100% !important;
	}

table.rgMasterTable th {
   background: none repeat scroll 0 0 #3C5AA9;
    border: 1px solid #1E357C;
    color: #FFFFFF;
    font-family: tahoma,arial;
    font-size: 1.1em;
    font-weight: normal;
    padding: 6px 0 6px 15px;
    text-align: left;
    text-shadow: 1px 1px 1px #22356A;
    text-transform: uppercase;
	}
	
table.rgMasterTable th.rgHeader{
	background:#0D5199;
	color:#fff;
	padding: 7px;
	border: medium none;
}

body.ib table.rgMasterTable th.rgHeader{background: #584FA0;}
body.pathways table.rgMasterTable th.rgHeader{background: #842F59;}
body.english table.rgMasterTable th.rgHeader{background: #008289;}
body.summer table.rgMasterTable th.rgHeader{background: none repeat scroll 0 0 #DDDDDD; border: 1px solid #CCCCCC; color: #222222; text-shadow: none;}
	
table.rgMasterTable th.eventSubjectCol { 
    width: 185px;
	}
	
table.rgMasterTable th.eventStartCol {
	width:150px; 
	}
	
table.rgMasterTable th.eventEndCol {
	width: 150px; 
	}
	
table.rgMasterTable tr.rgCommandRow {
	background:url("https://online.stclares.ac.uk/tpl/images/style_template/text_table_td_bg.png") repeat-x scroll 0 bottom #F5F5F5;
	}

div.RadGrid_Fluency table.rgMasterTable td{
    background: url("https://online.stclares.ac.uk/tpl/images/style_template/text_table_td_bg.png") repeat-x scroll 0 bottom #F5F5F5;
    border: 1px solid #DDDDDD;
    color: #555555;
    height: auto;
    line-height: 2em;
    padding: 3px 14px;
	vertical-align: middle;
	}
	

div.RadGrid_Fluency table.rgMasterTable	td a.eventLink{color:#0279BD;}

body.ib div.RadGrid_Fluency table.rgMasterTable	td a.eventLink{color:#7970BA;}
body.pathways div.RadGrid_Fluency table.rgMasterTable td a.eventLink{color: #B9608C;}
body.english div.RadGrid_Fluency table.rgMasterTable td a.eventLink{color: #25A1A8;}
body.summer div.RadGrid_Fluency table.rgMasterTable	td a.eventLink{color: #00ADEF;}

div.RadGrid_Fluency table.rgMasterTable	td a.eventLink:hover{color:#0D5199;}

body.ib div.RadGrid_Fluency table.rgMasterTable	td a.eventLink:hover{color: #584FA0;}
body.pathways div.RadGrid_Fluency table.rgMasterTable td a.eventLink:hover{color: #842F59;}
body.english div.RadGrid_Fluency table.rgMasterTable td a.eventLink:hover{color: #008289;}
body.summer div.RadGrid_Fluency table.rgMasterTable	td a.eventLink:hover{color: #0279BD;}


	
/* LIST VIEW--------------------------------
------------------------------------------*/

.EventsCalendar {
    border-collapse: separate;
    border-spacing: 2px;
    margin-bottom: 1.5em;
    width: 100%;
	}

.EventsCalendar th.title{
    background: url("https://online.stclares.ac.uk/tpl/images/style_template/text_table_th_bg.png") repeat-x scroll 0 top #DDDDDD;
    color: #555555;
    font-family: arial;
 	font-size: 1.15em;
    padding: 4px 0;
    text-align: center;
	font-weight: normal;
}
	
.EventsCalendar td {
    background: url("https://online.stclares.ac.uk/tpl/images/style_template/text_table_td_bg.png") repeat-x scroll 0 bottom #F5F5F5;
    border: 1px solid #DDDDDD;
    font-size: 1em;
    font-weight: normal;
    padding: 3px 14px;
    vertical-align: top;
	}

.EventsCalendar td a{
	color:#555555;
}

.EventsCalendar td a:hover{
	color:#000000;
}
	
.EventsCalendar td a.textmiddle{
    background: url("https://online.stclares.ac.uk/tpl/images/style_template/text_ul_bullet.png") no-repeat scroll 0 5px transparent;
    cursor: pointer;
    padding: 0 0 0 20px;
	text-transform: capitalize;
}

/*--sitemap--*/ 

#SiteMap  h2.pageTitle{
	   border-bottom: 1px solid #CECECE;
    color: #0279BD;
    font-size: 1.4em;
    font-weight: normal;
    margin-bottom: 18px;
    padding-bottom: 10px;
}

	#SiteMap .rmSlide{    
	/*	display: block !important;*/
		height: auto !important;
		left: 0 !important;
	/*  overflow: visible !important;*/
		top: 0 !important;
	/*  visibility: visible !important;*/
		width: auto !important;
	/*  z-index: 11 !important;*/
	}
		
		
	#SiteMap iframe{display:none;}
	#SiteMap {margin-bottom: 5px; padding-bottom: 1px; line-height: normal;}
	#SiteMap ul{padding:0;}
	#SiteMap ul li {font-style: normal; font-weight: bold; list-style: none; text-decoration: none; text-transform: uppercase; padding:0; border:none; background:none; }
	#SiteMap ul li a{text-decoration: none;	display: block; min-height:0;}
	
#SiteMap ul li.level1 a {
    background: #F9F9F9;
    border-bottom: 1px solid #EBEBEB;
    font-size: 0.85em;
    font-weight: normal;
    letter-spacing: 2px;
    padding: 8px 10px 8px 14px;
}
	
#SiteMap ul li.rmFirst.level1 a {
	background: #F3F3F3;
	border-top: 1px solid #EBEBEB;
}
	
#SiteMap ul.rmLevel1{border-bottom: 1px solid #Ebebeb; padding-bottom: 12px;}
	
#SiteMap ul li.level2 a {
    background: url("https://online.stclares.ac.uk/templates/images/bullet_darkblue.png") no-repeat scroll 12px 12px transparent;
    border: medium none;
    color: #535353;
    font-size: 0.9em;
    font-weight: normal;
    letter-spacing: 0;
    padding: 9px 0 0 28px;
    text-transform: none;
}
	#SiteMap ul li.level3 a {    
	background: url("https://online.stclares.ac.uk/templates/images/bullet_blue.png") no-repeat scroll 31px 13px transparent;
    font-style: italic;
    padding: 9px 0 0 48px;}
	#SiteMap ul li.level4 a {    
	background: url("https://online.stclares.ac.uk/templates/images/bullet_purple.png") no-repeat scroll 48px 13px transparent;
    font-style: normal;
    padding: 9px 0 0 66px;}
	
	
/* NEW LANDING STYLES */

body.landing.content .highlights {
    background: none repeat scroll 0 0 transparent;
    position: fixed;
    width: 100%;
	z-index:100;
}

body.landing.content .top.bar {
    background: url("../tpl/images/menu_bg.png") repeat-x scroll 0 0 #041525;
    width: 100%;
}

body.landing.content .header {
    background: url("../tpl/images/header_bg_alt.png") no-repeat scroll 930px 0 transparent;
    height: 144px;
    padding: 0;
}

body.landing.content .content_area {
    background: url("../tpl/images/bg.png") repeat scroll 0 0 #021F3C;
    height: 100%;
    position: fixed;
    width: 930px;
	z-index: 10;
}


body.detail .inside.detail .content_area {
    background: none repeat scroll 0 0 transparent;
    height: auto;
    position: static;
    width: auto;
}

body.landing.content .content_inside {
    background: url("../tpl/images/footer_bg_alt.png") no-repeat scroll 930px bottom transparent;
    padding: 177px 0 0;
    position: relative;
    z-index: 90;
	height:100%;
}

body.landing.content #back_to_top {
    bottom: 20px;
    height: 27px;
    left: 285px;
    position: absolute;
    width: 27px;
}

body.landing.content .content_copy_border {
    background: url("../tpl/images/content_inside_border.png") repeat-y scroll right center transparent;
    float: left;
    margin: -2px 0 0;
	padding: 0;
    position: relative;
    z-index: 50;
}

body.landing.content .content_copy_border_inside {
 	background: url("../tpl/images/footer_inside_bg_alt.jpg") no-repeat scroll center bottom transparent;
	padding: 0 40px 60px 0;
	}

body.landing.content .left_column {
    float: left;
    padding: 0 16px 0 14px;
    position: relative;
    width: 260px;
	z-index:50;
}

body.landing.content .footer.bar {
    background: none repeat scroll 0 0 #041525;
    border-top: 1px solid #113556;
    bottom: 0;
    position: relative;
    width: 100%;
    z-index: 100;
}

body.landing.content .header_glow {
    background: url("../tpl/images/landing_highlights_alt.jpg") no-repeat scroll 0 0 transparent;
    height: 144px;
}

body.landing.content .glow_inside{    
	background: url("../tpl/images/landing_highlights_alt.jpg") no-repeat scroll 0 -144px transparent;
    height: 500px;
    position: fixed;
    width: 930px;
	z-index:10;
	left:0;
	min-height:0;
	top:177px;
	}	
	
body.landing.content .sidebar {
    margin-top: -14px;
    width: 263px;
}

body.landing.content #supersize img, #supersize a {
    height: 100%;
    right: 0 !important;
	left: auto !important;
	top:177px !important;
    min-height: 559px;
    min-width: 1024px;
    position: absolute;
    width: 100%;
    z-index: 0;
}

body.landing.content #fluencyAdminHeader ~ .mainPanel .glow_inside{    
    position: absolute;
	}	

body.landing.content #fluencyAdminHeader ~ .mainPanel .highlights {
    position: absolute;
}

body.landing.content #fluencyAdminHeader ~ .mainPanel #supersize img, 
body.landing.content #fluencyAdminHeader ~ .mainPanel #supersize a {
	top:0 !important;
}

/* ==================================================================================
   ------------------------------CONTENT STYLING END---------------------------------
   ================================================================================*/

#bottomAdmin {height:auto !important;padding-bottom: 10px;}
#ulBlock li a {font: bold 11.7px/18px "Century Gothic",Helvetica,sans-serif !important;}
#ulBlock li a:hover{color:#C7DB8F !important;}
.addFeatureBar{float:none !important;}
.portal .entry_inside .featuretitle,
.portal .entry_inside .addFeatureBar,
.portal .entry_inside .featureWidgetTop{display:none;}