# 
#referenceline{height:20px; color:#fff; font-size:105%; font-variant:small-caps; font-weight:bold}
#referenceline div{width:936px; margin:0px auto; padding-left:7px}

#container{width:936px; margin:0px auto; padding-bottom:20px}

#top-container{margin:0px;  display:block; height:8em}
#top-right{float:right; text-align:left; margin-top:5px;  padding-top:5px}
#top-logo{padding-left:7px; float:left; padding-top:0px}

#menu-container{background:url('../../../../images/bg_menuradiant.gif') no-repeat right bottom}
#menu-container a{background:url('../../../../images/tab_left_green.gif') no-repeat left top}
#menu-container a span{line-height:2.5em; padding:0px 2em 0px 1.2em; background:url('../../../../images/tab_right_green.gif') no-repeat right top; color:#004437}
#menu-container ul{padding-left:7px; margin:0}
#menu-container li{float:left}
#menu-container a{float:left; padding:0 0 0 5px; text-decoration:none; outline:none}
#menu-container a span{display:block; font-weight:bold}
#menu-container a:hover, #menu-container .current a{background-position:0% -151px; text-decoration:underline}
#menu-container a:hover span, #menu-container .current a span{color:#fff; background-position:100% -151px; text-decoration:underline}
#menu-container a:active{outline:none}
#menu-container .current a{border:0; text-decoration:none}
#menu-container .current a span{text-decoration:none}

#submenu-container{min-height:2.5em; color:#fff; background:url('../../../../images/bg_submenu_green.gif') no-repeat; background-color:#004439; clear:both}
#submenu-container a span{line-height:2.5em}
#submenu-container a{color:#fff}
#submenu-container ul{margin:0; padding-left:1em}
#submenu-container li{display:inline; padding:0 1em 0 1em; border-right:1px solid #fff}
#empty{height:2.5em}
#submenu-container .current a{font-weight:bold}

#search-form{}
#top-right{margin-top:1em}
#top-grey{margin:0px; padding:0px}
#top-grey{clear:both}
#top-grey li a{font-size:0.9em}
#top-grey li{display:inline;  padding-right:5px; border-right:1px solid #676767}
#top-grey{clear:both; margin-left:215px; padding-top:2px}
#top-grey li{display:inline; padding-right:5px; border-right:1px solid #676767}
#top-green{float:left; margin:4px 0; padding:0px}
#top-green li{margin-top:0px; padding-top:0px}
#top-green li{display:inline; padding:0 1em}
#top-green li.last, #top-grey li.last, #submenu-container li.last{border:none}

#searchBox{padding-left:2px; margin-right:4px; float:left}

#searchBox input{padding-top:4px; font-size:1.1em; width:170px !important; height:1.5em !important; float:left; border:1px solid #dadada; padding-left:2px}
#searchBox a.Button img{float:left; margin-top:0.4em; margin-left:4px}

#contentAreaMain{height:109px; margin:0px; height:252px; overflow:hidden; margin-top:4px; padding:5px 10px 0px 10px; margin-bottom:15px}
#content-container{padding-top:2px}
#content-image{padding-top:3px}
#content-home{float:left; width:260px}

.nav-box ul{margin-bottom:0}
.nav-box li{line-height:20px}
.nav-box li.current{background:url('../../../../images/icon_arrow.gif') no-repeat 0px 4px !important}
.boxtext ul{margin-bottom:0}
#content-container ul{margin-left:0}
#content-container ul li{padding-left:1.5em; background:url('../../../../images/icon_arrow.gif') no-repeat 0px 4px}
#content-container ul li{padding-left:1.5em; background:url('../../../../images/icon_arrow.gif') no-repeat 0px 4px}

#content-container ol{list-style:decimal}

#wide-left{float:left; width:713px}
#narrow-left{float:left; width:219px}
#equal-left{float:left; width:460px; padding-top:3px}
#equal-ContentArea{float:left; width:910px; padding-top:3px}
#nav-left{float:left; margin:4px 1.5em 0 0; width:200px}
#toolbar{float:left; width:490px; font-size:0%; margin-top:2px}
#middle{float:left; width:490px}
#middle{margin-top:0px; padding-top:0px}
#middle h1, #middle h2, #middle h3, #middle h4, #middle h5{margin-top:0px; margin-bottom:10px}

#middle-wide{float:left;width:710px;border-bottom:1px dotted #CCC;}
#middle-wide h1, #middle-wide h2, #middle-wide h3, #middle-wide  h4, #middle-wide  h5{margin-top:0px; margin-bottom:10px}

#wide-right{float:right; width:713px}
#wide-right #content-image{text-align:right}
#narrow-right{float:right; width:219px}
#equal-right{float:right; width:460px}
#equal-right .vertical-grey{margin-right:2px}
#nav-right{float:left; margin:0 0 0 5px; width:200px}
.homebox{padding:4px 0 0 1.0em; height:240px}

.narrow-long .Intro{height:570px !important; display:block}
.narrow-long .spacer{font-size:0%}
.narrow-long{background:url('../../../../images/bg_narrowcolumnbox.gif') no-repeat}
.narrow-long .boxtext{background:url('../../../../images/bg_narrowcolumnbox_bt.gif') bottom right no-repeat}
.narrow-long-quote{background:url('../../../../images/bg_narrowcolumnbox_quote.gif') no-repeat}
.narrow-long-quote .boxtext{background:url('../../../../images/bg_narrowcolumnbox_bt_quote.gif') bottom right no-repeat}
.narrow-long-quote .boxtext p{padding:1.0em 0.5em}
.narrow-short{height:109px; margin:1em 0; background:url('../../../../images/bg_greyradiant.gif') repeat-x top left}
.vertical-grey{float:left; width:151px; height:237px; margin:0.5em 0; background:url('../../../../images/bg_greybox.gif') no-repeat}
.equal-short{height:130px; width:460px; margin:4px 0; background:url('../../../../images/bg_greyradiant.gif') repeat-x}
.equal-small{width:252px; height:109px; margin:8px 0; background:url('../../../../images/bg_greyradiant.gif') repeat-x}
.nav-box{width:198px; margin-bottom:5px; background:url('../../../../images/bg_greyradiant.gif') repeat-x; border:solid 1px #E7E7E7}

.boxtext{padding:1em 1.0em}
.boximage{padding:0 6px}
.narrow-short .boxtext, .equal-short .boxtext{padding:0.5em 0.5em}
.vertical-grey .boxtext{height:106px}
.boxtext h2, .boxtext p{margin:0 2px 0em 2px}



.text-grey{color:#353E4F}
.text-maroon{color:#611329}
.text-green{color:#0F2A25}
.text-red{color:#D0070F}
.text-blue{color:#010C66}
.text-black{color:#000}

#content-home h1{display:none}
.nav-box h2{padding:0.5em; margin:0}

ul#tools{float:left; margin:0; padding-top:2px; padding-bottom:17px}
ul#tools li{display:block}
ul#tools li.print{background:url('../../../../images/icon_print.gif') no-repeat 4px 2px; padding-left:25px}
ul#tools li.pdf{background:url('../../../../images/icon_pdf.gif') no-repeat 4px 2px; padding-left:25px}

ul#breadcrumb{list-style:none; float:left; margin:0;  padding-top:2px; padding-bottom:17px}
ul#breadcrumb li{display:inline; background:none; padding-left:0px; font-size:0.8em}

#footer{ float:left; background:url('../../../../images/bg_bottom.gif') 0px 0px no-repeat;  margin:0px; padding:0px; height:50px; width:940px}
#footer ul{margin:0; padding:0px; min-heigh:1%; padding-top:22px; padding-left:5px}
#footer li{float:left; display:block; margin-top:0.3em; padding:0 1.2em; line-height:1.1em; border-left:1px solid #676767}
#footer li.first{padding-left:0; border:none}
#footer div{margin-top:20px; padding-right:10px}

a, a:visited, a:focus{color:#004439; text-decoration:underline}
a:hover, #top-green a, #top-grey a{text-decoration:none}
#top-green a:hover, #top-grey a:hover{text-decoration:underline}

#school-keywords{width:220px}
#school-form{margin-top:10px !important}
#school-field_dd{width:182px; float:left; margin-right:5px; border:1px solid #dadada !important; height:18px !important; margin-left:5px}
#school-submit_button{width:20px; float:left; margin-top:1px}

#advancedSearchArea table table table{border:0px solid #E7E7E7; background:none}
#advancedSearchArea table table{border:0px solid #E7E7E7}

UL.ArticleIndex .ArticleBody a{overflow:hidden;  height:35px; display:block}
UL.ArticleIndex .ArticleTitle{font-weight:bold; font-size:130%}
UL.ArticleIndex{list-style:none; margin:0px}
UL.ArticleIndex LI{padding-bottom:0.5em}

table.courses{border-collapse:collapse; border:1px solid #E7E7E7}
table.courses caption{color:#fff; background-color:#F99B3B; border:1px solid #F99B3B; margin:4px 0 0 -0.1em; padding:3px 3px 1px 3px; font:1.2em Verdana,Arial,Helvetica,sans-serif; font-weight:bold}
table.courses th{line-height:1.6em; text-align:left; font-weight:bold}
table.courses td{line-height:1.6em; text-align:left; border-top:1px solid #E7E7E7}

.fieldset{border:none; margin:0 0 15px; padding:10px}
.fieldset p{clear:left; margin-top:1em}
.fieldset label{float:left; width:180px}
.fieldset input, .fieldset select, .fieldset textarea{display:block; width:530px; margin-left:180px}
.fieldset select{width:536px}
.fieldset button{margin-top:10px}

.small{width:150px !important}
select.small{width:156px !important}
input.multiple{width:510px !important}
select.multiple{width:516px !important}
.required{color:#a11a78}
.radio{float:left !important; display:inline !important; margin-left:0 !important; font-weight:normal}
input.radio{width:auto !important}
label.radio{padding:3px 10px 0 0; width:auto !important}
.normal{font-weight:normal; white-space:normal; line-height:normal}
.selected{width:504px; white-space:normal; margin-left:180px; padding:5px; border:1px dotted #CDCDCD}

#toolbarSpacer{height:25px}

#content-container-top{display:block}

.itemContainer{float:left; display:block; width:185px; height:350px;  margin-bottom:40px}
.itemContainer img{margin:0px 0px 5px 0px}
.itemContainer h2, 
.itemContainer h3, 
.itemContainer p{Margin:0px 5px 2px 5px; color:#000}

#content-container-top{margin-bottom:30px; font-size:12px}
#content-container-top h1{padding-bottom:0px; margin-bottom:10px}
.posSearch{position:relative; left:755px; top:-36px;  width:200px}

.posSearch #school-field_dd{width:140px; float:left; display:inline; margin-top:20px}
.posSearch #school-submit_button{width:20px !important; float:left; display:inline}

#column1Container{width:460px; float:left}
#column2container{width:460px; float:right; MARGIN-TOP:20PX; position:relative}

#searchContentArea{background:url('../../../../images/bg_greyradiant.gif'); background-repeat:repeat-x; display:block;  padding:10px 10px 0px 10px; border:1px solid #efefef}

#searchContentArea h1{margin:0px 0px 5px 0px}

#searchContentArea p{margin:0px}

#column1Container #optionsArea{}

#column1Container #optionsArea ul{list-style-type:none;  margin:0px; padding:10px 0px 0px 0px}
#column1Container #optionsArea ul.mainOption label{margin:0px; padding:0px;  float:left; width:200px}
#column1Container #optionsArea ul.mainOption li{width:230px; float:left; display:inline-block; float:left}
#column1Container #optionsArea{clear:both}

#column1Container #optionsArea ul.mainOption{width:240px; display:block;  float:right}
#column1Container #optionsArea ul.subOption{width:180px; display:block; float:left}
#column1Container #optionsArea ul.subOption li{width:170px; float:left; display:inline-block; float:left}
#column1Container #optionsArea ul.subOption label{margin:0px; padding:0px;  float:left; width:150px}

#column1Container #optionsArea .ckbox{background:none; float:left; width:15px; height:15px !important; margin:0px; padding:0px; display:inline-block; margin-right:3px}

#column1Container #optionsArea label{background-color:none}

#column1Container #optionsArea li{background:none; margin:0px; padding:0px 5px 5px 0px; }

#courseSearchBtn{text-align:right; padding:10px; clear:both}

 #column1Container #optionsArea, #column1Container #subOption{}

.ebsl{color:#20347D}
.rbsl{color:#6A6A6A}
.rac{color:#650A13}
.wgsl{color:#1E5A4E}
.spc{color:#D90021}
.lsfmp{color:#000000}

.scrollerTab{width:450px; margin:0px}
.setHeight{font-size:0%}

.scroller{height:540px; width:450px; margin:0px 0px 15px 0px; padding:0px; overflow:auto !important; display:block}

#courseData{width:450px; display:block; border:1px dotted black}
#courseData .ebsl a{color:#20347D}
#courseData .rbsl a{color:#6A6A6A}
#courseData .rac a{color:#650A13}
#courseData .wgsl a{color:#1E5A4E}
#courseData .spc a{color:#D90021}
#courseData .sfmp a{color:#D9531E}

.colwidth1{width:120px}
.colwidth2{width:40px}
.colwidth3{width:230px}

.colwidth1B{width:120px}
.colwidth2B{width:40px}
.colwidth3B{width:190px}

#courseData td{vertical-align:top; padding:3px 4px 2px 10px; border-top:1px solid #FEFEFE}
 
.scrollerTab th{color:#000; font-weight:bold; padding:5px 4px 5px 10px; background-color:#E8E9E9}
.scrollerTab caption{background-color:#F99B3B; font-weight:bold; color:#fff; text-align:left; padding:3px 4px 2px 10px}
#courseData{background:url('../../../../images/bg_greyradiant.gif'); background-repeat:repeat-x}

#mainOption 
#courseData td{cursor:pointer}
#searhFooter{height:110px}
 
.scrollerTab caption span{float:right; width:30px; display:inline}
#KeyListPopUp{position:absolute; top:22px; left:148px; background-color:#fff; z-index:800; width:280px; height:110px; padding:5px 10px 10px 10px; border:1px solid #efefef}

#KeyListPopUp h3{margin:3px 0px 5px 0px}

#logo-racPopUp{position:relative; top:90px; left:0px; z-index:20}
#logo-wgslPopUp{position:relative; top:60px; left:0px; z-index:20}
#logo-sopacPopUp{position:relative; top:120px; left:0px; z-index:20}
#logo-ebslPopUp{position:relative; top:0px; left:0px; z-index:20}
#logo-rcbsPopUp{position:relative; top:30px; left:0px; z-index:20}

.popUpContainer{position:relative;  width:300px; left:0px; right:0px}

.bgImg{position:absolute; top:0px; left:0px; z-index:40}
.bgImgContent{position:absolute; top:10px; left:15px; z-index:45; width:300px}

.vertical-grey, #equal-right, #narrow-right{margin-bottom:0px; padding-bottom:0px}
#equal-right h1{margin-top:0px; margin-bottom:10px}
.vertical-grey .boxtext h2 a{color:#004439}


.VacanciesDarkBg{background-color:#fff}
.VacanciesLightBg1{background-color:#f3f3f3}
.VacanciesLightBg2{background-color:#004439; color:#fff}
.VacanciesLightBg3{background-color:#f3f3f3}

.boxtext{padding:1em 1.0em; line-height:1.2em}

.boxtext p{padding-bottom:0.6em; color:#666}
.boxtext ul{line-height:1.6em}

ul#leftnav{margin-bottom:10px; list-style:none}
ul#leftnav a{background-repeat:no-repeat}
ul#leftnav a:hover{}
ul#leftnav li{line-height:20px; margin:0px; padding:0px; background:none}
ul#leftnav li a{display:block;  margin:0px; padding:0px}

ul#leftnav li.L0hc{background:url('../../../../images/icon_arrow.gif') no-repeat 0px 0.5em; clear:both}
ul#leftnav li.L0nc{background:url('../../../../images/icon_arrow.gif') no-repeat 0px 0.5em; clear:both}
ul#leftnav li.L0hcsel{background:url('../../../../images/icon_arrow.gif') no-repeat 0px 0.5em;  clear:both}
ul#leftnav li.L0ncsel{background:url('../../../../images/icon_arrow.gif') no-repeat 0px 0.5em; clear:both}
ul#leftnav li.L0hc a{margin:0 0 0 0px; padding:0 0 0 20px}

ul#leftnav li.L0nc a{margin:0 0 0 0px; padding:0 0 0 20px}

ul#leftnav li.L0hcsel a{margin:0 0 0 0px; padding:0 0 0 20px; font-weight:bold}

ul#leftnav li.L0ncsel a{margin:0 0 0 0px; padding:0 0 0 20px; font-weight:bold}

ul#leftnav li.L1hc{background:url('../../../../images/icon_arrow.gif') no-repeat 20px 0.5em;  clear:both}
ul#leftnav li.L1nc{background:url('../../../../images/icon_arrow.gif') no-repeat 20px 0.5em; clear:both}
ul#leftnav li.L1hcsel{background:url('../../../../images/icon_arrow.gif') no-repeat 20px 0.5em; clear:both}
ul#leftnav li.L1ncsel{background:url('../../../../images/icon_arrow.gif') no-repeat 20px 0.5em; clear:both}
ul#leftnav li.L1hc a{margin:0 0 0 0px; padding:0 0 0 40px}
ul#leftnav li.L1nc a{margin:0 0 0 0px; padding:0 0 0 40px}
ul#leftnav li.L1hcsel a{margin:0 0 0 0px; padding:0 0 0 40px; font-weight:bold}
ul#leftnav li.L1ncsel a{margin:0 0 0 0px; padding:0 0 0 40px; font-weight:bold}

ul#leftnav li.L2hc{background:url('../../../../images/icon_arrow.gif') no-repeat 40px 0.5em; clear:both}
ul#leftnav li.L2nc{background:url('../../../../images/icon_arrow.gif') no-repeat 40px 0.5em; clear:both}
ul#leftnav li.L2hcsel{background:url('../../../../images/icon_arrow.gif') no-repeat 40px 0.5em; clear:both}
ul#leftnav li.L2ncsel{background:url('../../../../images/icon_arrow.gif') no-repeat 40px 0.5em; clear:both}
ul#leftnav li.L2hc a{margin:0 0 0 0px; padding:0 0 0 60px}
ul#leftnav li.L2nc a{margin:0 0 0 0px; padding:0 0 0 60px}
ul#leftnav li.L2hcsel a{margin:0 0 0 0px; padding:0 0 0 60px; font-weight:bold}
ul#leftnav li.L2ncsel a{margin:0 0 0 0px; padding:0 0 0 60px; font-weight:bold}

#middle a, #wide-left a, .boxtext h2 a, 
#equal-right a{color:#347235; text-decoration:none; border-bottom:1px dotted #666}

#middle a:hover, #wide-left a:hover, .boxtext h2:hover a, 
#equal-right a:hover{color:#347235; text-decoration:none; border-bottom:1px solid #347235}

.boxtext h2{line-height:1.4em; font-size:1.14em; font-weight:normal; margin-bottom:5px;}

UL.ArticleIndex .ArticleBody a{overflow:hidden;  height:35px; display:block}
.ArticleBody a{color:#565051 !important}
.ArticleBody a{text-decoration:none; border:none !important}
.ArticleBody a:hover{text-decoration:none; border-bottom:1px solid #347235 !important}
.ArticleBody b{color:#565051; font-weight:normal}
.ArticleDate{color:#808080; padding-bottom:1px; font-size:70%}
.ArticleTitle{padding-bottom:5px}

#pageMetaData{clear:both; text-align:right; margin-top:60px; margin-bottom:10px}
#pageMetaData p{color:#707070; font-size:100%}

.Vacancy tbody tr td{padding:11px; border-bottom:1px solid #CCC; line-height:1.4em; vertical-align:text-top}

.highlightbox{background-color:#E2E2E2; margin-left:22px; margin-right:10px; magin-top:4px; margin-bottom:4px; padding:12px; float:left}


#superFooter {
	float:left;
	margin-top:11px;
	width:100%;
	padding:10px 0;
	overflow:hidden;
	background-image: url(http://www.regents.ac.uk/images/footerlinks_bg.jpg);
	background-repeat: repeat-x;
	padding-top: 24px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 10px;
}
#superFooter ul {
	float:left;
	width:172px;
	padding-left:5px;
}
#superFooter ul h2 {
	color:#333;
	font-size:12px;
	margin-top:0px;
	margin-bottom:2px;
}

#superFooter a, a:visited {
	color:#666;

}
#superFooter a:hover {
	color:#666;
	text-decoration:underline;
}

#superFooter li {
	list-style-type: none;
}

.lessIndent
{
list-style-type: none;
}