/* Cascading Style Sheet */
/* global.css for EBSL site */

#referenceline {
  color: #fff;
  font-size: 105%;
  font-variant: normal;
  font-weight: normal;
  height:24px;
  padding-top: 6px;
}

#referenceline div {
  width: 936px;
  margin: 0px auto;
  padding-left: 7px;
  padding-right:7px;

}


#referenceline div.row span.left {
	float: left;
	text-align: left;
	font-weight: normal;
	color: #fff;
	width: 25%;
	padding-left:10px;
}
#referenceline div.row span.right {
	float: right;
	text-align: right;
	font-weight: normal;
	color: #fff;
	width: 70%;
	padding-right:10px;
}


/* ----- Container----- */

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

#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 CODE ----- */

#menu-container {
  background: url('../../../../images/bg_menuradiant.gif') no-repeat right bottom;
}

#menu-container a {
  background: url('../../../../images/tab_left_blue.gif') no-repeat left top;
}

#menu-container a span {
  line-height: 2.5em;
  padding: 0px 1.8em 0px 1.0em;
  background: url('../../../../images/tab_right_blue.gif') no-repeat right top;
  color: #20347b;
}

#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;
}
/* ----- SUB MENU CODE ----- */

#submenu-container {
  min-height: 2.5em;
  color: #ffffff;
  background: url('../../../../images/bg_submenu_blue.gif') no-repeat;
  background-color: #21337B;
  clear: both;
}

#submenu-container a span {
  line-height: 2.5em;
}

#submenu-container a {
  color: #fff;
  text-decoration: none;
}

#submenu-container a:hover {
  text-decoration: underline;
}

#submenu-container ul {
  margin: 0;
  padding-left: 1em;
}

#submenu-container li {
  display: inline;
  padding: 0 1em 0 1em;
  border-right: 1px solid #fff;
}

#submenu-container p {
  padding: 0 0 0 2em;
  margin: 0;
  line-height: 2.5em;
}

#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: 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;
}

#contentAreaMain h1{
  margin: 0px;
  padding: 0px;
}

.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;
  color: #333333;
}

#content-container ol li {
color:#333333;
}


#content-container ol {
  list-style: decimal;
}
/* ----- COLUMNS & BOXES ----- */

#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;
}

#nav-left a {
  text-decoration: none;
}

#nav-left a:hover {
  text-decoration: underline;
}

#toolbar {
  float: left;
  width: 490px;
  margin-top: 2px;
}

#middle {
  float: left;
  width: 490px;
  font-weight: 120%;
}

#middle{
  margin-top: 0px;
  padding-top: 0px;
}

#middle-wide {
  width: 680px;
}

#middle h1, #middle h2, #middle h3,#middle h4, #middle h5{
  margin-top: 0px;
  margin-bottom: 10px;
  padding-top: 5px;
}

#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;
}

.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;
}
/* ----- 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;
  font-size: 1.1em;
  font-weight: bold;
}
/* ----- ContentArea Print menu ----- */

ul#tools {
  float: left;
  margin: 0;
  padding-top: 2px;
  padding-bottom: 7px;
}

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;
}

#footer a {
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}
/* ----- LINKS ----- */

a, a:visited, a:focus {
  color: #676767;
  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;
}

#advancedSearchArea table{
  border: 1px solid #E7E7E7;
  background: url('../../../../images/bg_greyradiant.gif') repeat-x;
}
/* ----- Course Finder----- */

.coursesubmit {
  width: 45px;
  margin-left: 150px;
  margin-top: 10px;
  width: 44px;
  height: 20px;
  display: block;
}

#coursefindersimple span{
  font-weight: bolder;
  margin-top: 3px;
}

#coursefindersimple input{
  margin-bottom:5px !important;
}

#coursefindersimple{}
/* ----- News Articles----- */

UL.ArticleIndex .ArticleBody a{
  overflow: hidden;
  height: 35px;
  display: block;
}

UL.ArticleIndex .ArticleTitle {
  font-weight: bold;
  font-size: 110%;
margin-bottom:3px;
}

UL.ArticleIndex {
  list-style: none;
  margin: 0px;
}

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;
}

select.coursefinder {
  width: 197px !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;
}
/***** INCREASING fONT SIZE oF CONTENT AREA *****/

#equal-right #contentAreaMain p, #equal-right #contentAreaMain li, #equal-right #contentAreaMain a, #equal-right #contentAreaMain div {}

#equal-right #contentAreaMain {
  font-size: 1.2em;
}

#equal-right #contentAreaMain h1 {
  font-size: 1.45em;
}

#middle p, #middle li, #middle a, #middle div {}

#middle {
  font-size: 1.2em;
}
/*
#middle h1 {font-size: 1.45em;}
*/

#contentAreaMain #toolbar ul li a, #middle #toolbar ul li a{}

#equal-right h1, #equal-right h2, #equal-right h3, #equal-right h4, #equal-right #contentAreaMain h2, #equal-right #contentAreaMain h3, #equal-right #contentAreaMain h4, #equal-ContentArea h1, #equal-ContentArea h2, #equal-ContentArea h3, #equal-ContentArea h4, #middle h2, #middle h3, #middle h4 {
  padding-bottom: 10px;
  margin-bottom: 0px;
}

.homebox h2{
  padding-bottom: 4px;
  margin-bottom: 0px;
}

#equal-right #contentAreaMain img, #equal-ContentArea img, .homebox img, #middle img{
  padding-bottom: 10px;
}
/* ------ CUSTOM CONTROLS - POLEMARK ------ */

#Template_CourseFinder_lblSubject {
  line-height: 1.8em;
}

#Template_CourseFinder_ddlSubject {
  font-size: 1em;
  width: 197px;
}

#Template_CourseFinder_lblCourse {
  line-height: 1.8em;
}

#Template_CourseFinder_ddlCourse {
  font-size: 1em;
  width: 197px;
}

.coursesubmit {
  margin-bottom: 20px;
  margin-top: 10px;
  margin-right: 3px;
  width: 44px;
  height: 16px;
  display: block;
}
/* ----- Adjust line height on small text requested by JP 17/09/07 ----- */

.boxtext {
  padding: 1em 1.0em;
  line-height: 1.2em;
}
/* ----- Adjusted line height of .boxtext h2 from 1.8em to 1em to fix box text header on 25-10-2007 */
/* .boxtext h2 { line-height:1.8em; font-size:1.2em;} */

.boxtext p {
  padding-bottom: 0.6em;
  color: #666666;
}

.boxtext ul {
  line-height: 1.5em;
}

.homebox {
  line-height: 1.2em;
}
/*Leftnav Selection Styles */
/* All Level Styles*/

ul#leftnav {
  margin-bottom: 10px;
  list-style: none;
}

ul#leftnav a {
  background-repeat: no-repeat;
  text-decoration: none;
}

ul#leftnav a:hover {
  text-decoration: underline;
}

ul#leftnav li {
  line-height: 20px;
  margin: 0px;
  padding: 0px;
  background: none;
  clear: left;
}

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; 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;
}/* defines level 0 bullet for children */

ul#leftnav li.L0nc a {
  margin: 0 0 0 0px;
  padding: 0 0 0 20px;
}/* defines level 0 bullet for no children */

ul#leftnav li.L0hcsel a {
  margin: 0 0 0 0px;
  padding: 0 0 0 20px;
  font-weight: bold;
}/* defines level 0 bullet for children if selected page */

ul#leftnav li.L0ncsel a {
  margin: 0 0 0 0px;
  padding: 0 0 0 20px;
  font-weight: bold;
}/* defines level 0 bullet for no children if selected page*/
/* Level 1 Styles */

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;
}

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;
}
/* Level 2 Styles */

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;
}
/* ----- 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;}*/
/* -- Fixes added to make up for non-standard CSS between sites!! -- */
/* -- October 16th 2007 JP                                        -- */
/* ------------------------------------------------------------------*/

#middle a, #wide-left a, #wide-right a, #equal-right a {
  color: #20347b;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}

#middle a:hover, #wide-left a:hover, #wide-right a:hover, #equal-right a:hover {
  color: #20347b;
  text-decoration: none;
  border-bottom: 1px solid #20347b;
}

.boxtext h2 {
  line-height: 1.4em;
  font-size: 1.2em;
  font-weight: normal;
  padding-bottom: 2px;
}

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 #20347b !important;
}

.ArticleBody b {
  color: #565051;
  font-weight: normal;
}

.ArticleDate {
  font-weight: normal;
  font-size: x-small;
  color: #20347B;
}
/* -- PageData DIV, meta-data about page -- */
/* -- April 8th 2008 JP ------------------- */

#pageMetaData {
  text-align: right;
  margin-top: 80px;
}

#pageMetaData p {
  text-align: right;
  color: #707070;
  font-size: 0.9em;
}
/* Module Plug-in Style Sheets */
/* JP September 2007 */

.moduleDisplayTable tbody tr {}

.moduleDisplayTable tbody tr td {
  border: 0px;
  padding: 9px;
  margin: 5px;
  border-bottom: 1px dotted #CCC;
}

.moduleData {
  vertical-align: top;
}

.moduleField {
  font-weight: bold;
  color: #333333;
  width: 120px;
  white-space: nowrap;
  vertical-align: top;
}

.partnersList {
  list-style-position: outside;
  list-style-type: none;
}

.partnersList li {
  padding-top: 3px;
  padding-bottom: 3px;
  list-style-position: outside;
  list-style-image: none;
  list-style-type: none;
  background-image: none;
}

.fieldDisplayList li {
  list-style-position: outside;
  list-style-image: none;
  list-style-type: none;
  background-image: none;
}

.fieldName {
  color: #21337B;
  font-weight: bold;
  width: 200px;
  float: left;
  border-bottom: 1px dotted #999999;
  display: block;
  font-size: small;
  list-style-type: none;
}

.displayField {
  margin-top: 8px;
  padding-top: 6px;
  margin-bottom: 14px;
  display: block;
  clear: left;
  font-size: small;
  width: 95%;
}
/* Video */
/* JP August 2008 */

.movieBox {
  float: none;
  padding-right: 30px;
  margin-top: 10px;
  margin-bottom: 10px;
  border: none;
  margin-left: 20px;
}