/* global.css for RC site */


 /*Colours for the five schools in Regent's College*/
/*!RBS		Grey	#353E4F	*/
/*!RAC		Maroon	#611329	*/
/*!WGSL		Green	#004439	*/
/*!SOSAC	Red	#D0070F	*/
/*!EBSL		Blue	#010C66	*/

/* ----- Referenceline ----- */
#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----- */
#container {
	width: 950px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 0px;
	overflow: hidden;
}

/* ----- Top Container----- */
#top-container {
	margin: 0px;
	display:block;
	height: 80px;
}
#top-right { float: right; text-align:left; margin-top:5px;  padding-top:5px;}
#top-logo { padding-left: 7px; float: left; padding-top:0px;}

/* ----- MENU CODE ----- */
#menu-container {
	background-image: url(../../images/bg_menuradiant.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#menu-container a {
	background-image: url(../../images/tab_left_green.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#menu-container a span {
	line-height: 2.5em;
	padding: 0px 2em 0px 1.2em;
	color: #004437;
	background-image: url(../../images/tab_right_green.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#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;
	font-size: 13px;
}
#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; }

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

/* ----- Search box ----- */
#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; }

/* ----- Header Search  ----- */
#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;}


/* ----- Generic Code WebSite Wide----- */
#contentAreaMain{
	height: 400px;
	overflow:hidden;
	margin-top:4px;
	margin-bottom:15px;
	width: 500px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#content-container {
	padding-top: 2px;
	width: 960px;
}
#content-image { padding-top: 3px; margin:0; width: 670px;}
#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 ol { list-style: decimal; }


/* ----- COLUMNS & BOXES ----- */
#wide-left {
	float: left;
	width: 675px;
}
#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; }
#wide-right { float: right; width: 713px; }
#wide-right { text-align: right; }
#narrow-right {
	float: right;
	width: 280px;
}
#equal-right { float: right; width: 460px; }
#equal-right .vertical-grey .vertical-grey2 { 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; line-height: 150%;}
.narrow-long-quote { background: url('../../images/bg_narrowcolumnbox_bt_quote.gif') no-repeat;}
.narrow-long-quote .boxtext { background: url('../../images/bg_narrowcolumnbox_bt_quote.gif') bottom right no-repeat; line-height: 150%;}
.narrow-long-quote .boxtext p {padding: 1.0em 0.5em; line-height: 150%;}
.narrow-short {
	background: url('../../images/bg_greyradiant.gif') repeat-x top left;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
}
.vertical-grey2 {
	float: left;
	width: 280px;
	height: 275px;
	vertical-align: top;
	background-image: url(../../images/bg_greybox275.jpg);
	background-repeat: no-repeat;
}
.vertical-grey {
	float: left;
	width: 200px;
	height: 300px;
	background: url('../../images/bg_greybox_01.jpg') no-repeat;
	margin: 0em;
	vertical-align: top;
}
.vertical-green {
	float: left;
	width: 200px;
	height: 270px;
	background: url('../../images/bg_greybox_01.jpg') no-repeat;
	margin: 0em;
	top: 0px;
}
.vertical-green2 {
	float: left;
	width: 300px;
	height: 300px;
	background: url('../../images/bg_greenbox_01.jpg') no-repeat;
	margin: 0em;
	top: 0px;
}
.beo {
	width: 310px;
	height: 50px;
	top: 0px;
	font-size: 16px;
	color: #004439;
	background-image: url(../../images/bana.gif);
	background-repeat: repeat;
	background-position: center;
	text-align: center;
	vertical-align: middle;
	border: thin solid #CCCCCC;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
}
.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;
	font-size: 12px;
	line-height: 150%;
}

.boxtext {
	padding: 1em 1.0em;
	font-size: 12px;
	line-height: 150%;
}
.boximage { padding: 0 6px; }
.narrow-short .boxtext,
.equal-short .boxtext { padding: 0.5em 0.5em; 	line-height: 150%;}

.boxtext h2, .boxtext p {
	margin: 0;
	line-height: 150%;
}


/* ----- CLASSES ----- */
.text-grey { color: #353E4F; }
.text-maroon { color: #611329; }
.text-green { color: #0F2A25; }
.text-red { color: #D0070F; }		
.text-blue { color: #010C66; }
.text-black { color: #000000; }		

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


/* ----- ContentArea Print menu ----- */
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; }

/* ----- Breadcrumbs ----- */
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; }

/* ----- Page Footer ----- */
#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;}

/* ----- LINKS ----- */
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; }


/* ----- Link to Colleges  ----- */
#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;}

/* ----- Advanced Search  PAGE----- */
#advancedSearchArea table table table{border:0px solid #E7E7E7; background:none}
#advancedSearchArea table table{border:0px solid #E7E7E7;}


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



/* ----- TABLES ----- */
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; }

/* ----- FORMS ----- */
.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; }


/* ----- Menu Spacer----- */
#toolbarSpacer{height:25px;}



/* ----- Contact Page----- */
#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;}



/* ----- Contact Details ----- */
#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;}


/* ----- Course Finder ----- */
#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;}



/*.ebsl {background-color:#20347D;}
.rbsl {background-color:#6A6A6A;}
.rac {background-color:#650A13;}
.wgsl {background-color:#1E5A4E;}
.spc {background-color:#D90021;}*/


.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:430px; display:block;}
#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;}

.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;}
 
/* ----- Course Finder Key Components ----- */
.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;}




/* ----- PopUpCode ----- */
#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 .vertical-grey2 .boxtext #equal-right, #narrow-right{
	margin-bottom:0px;
	padding-bottom:0px;
	padding-top: 0px;
 line-height: 150%;
 }
#equal-right h1 {margin-top: 0px; margin-bottom: 10px;}
.vertical-grey .boxtext h2 a,
.vertical-grey2 .boxtext h2 a { color:#004439; line-height: 150%;}


/* ----- A HREF Arrows----- 
.courseFinder p a, .vertical-grey a{ display:inline-block; padding-right:10px; background: url('../../images/icon_arrow.gif') no-repeat right bottom; }

.vertical-grey li a{background:none;}*/


/*Vacancies2*/
.VacanciesDarkBg {background-color:#ffffff;}
.VacanciesLightBg1 {background-color:#f3f3f3;}
.VacanciesLightBg2 {background-color:#004439; color:#ffffff;}
.VacanciesLightBg3 {background-color:#f3f3f3;}

/* ----- Adjust line height on small text requested by JP 17/09/07 ----- */
.boxtext {
	padding: 1em 1.0em;
	line-height: 110%;
	font-size: 12px;
	line-height: 150%;}


.boxtext p { padding-bottom: 0.6em; color:#666666  line-height: 150%;}
.boxtext ul {
	line-height:1.2em;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	font-size: 12px;
	letter-spacing: -1px;
 line-height: 150%;}
.boxtext td {
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	font-size: 11pt;
	line-height: 100%;
}


/*Leftnav Selection Styles */
/* All Level Styles*/
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; }
/* Level 0 Styles */
ul#leftnav li.L0hc {background: url('../../images/icon_arrow.gif') no-repeat 0px 0.5em;}
ul#left

/* カレッジＳＥＯリンク
----------------------------------------------- */
.college_link {
	margin: 10px 0 0 0;
	padding: 0;
}
.college_link dl {
	margin: 0;
	padding: 0;
}
.college_link dt {
	margin: 0;
	padding: 0 0 0 15px;
	background-image: url(../../images/icon_arrow.gif);
	background-position:left center;
	background-repeat: no-repeat;
}
.college_link dd {
	margin: 0 0 0 15px;
	padding: 0 0 0 15px;
	background-image: url(../../images/icon_arrow.gif);
	background-position:left center;
	background-repeat: no-repeat;
}

/* add by JW
----------------------------------------------- */