/*  Information
------------------------------------------------------------------------------------------------------------------*/
/*  Styles for Institute of Education
    General styles for all browsers
    Created 1st August 2007, Revised 25th July 2008, January 2010
------------------------------------------------------------------------------------------------------------------*/

body {background-color: #fff; font: 75% Arial, Verdana, Helvetica, sans-serif; text-align: left; position: relative; margin: 0; padding: 0 380px; color: #333; line-height: 1.5em}

/*  General layout specific
------------------------------------------------------------------------------------------------------------------*/
#sizer {width: 87%; position: relative; max-width: 230px; margin: 0 auto; padding: 0;}
#expander {min-width: 760px; margin: 0 -380px; /*background: url(/images/layout/bgBorderRight.png) top right no-repeat;*/ padding-right: 20px;}
#wrapper {width: 100%; position: relative; /*background: url(/images/layout/bgBorderLeft.png) top left no-repeat;*/ padding-left: 10px;}
#header {float: left; margin: 0px; padding: 20px 0 0 0; width: 100%;}
#topLeftLogo {float: left; padding: 0 0 0 10px; width:50%;}
#topLeftLogo img.ioe {border: none; margin: 0 0 0 20px;}
#topLeftLogo img {border: none; margin: 0 0 0 0px;}
#topLeftLogo ul#logos li  {display: inline; list-style-type: none; }
#topLefttxt  {float: left; padding: 0 0 0 10px; font-weight:bold; width: 100%; color:#07408E;}  
#content {clear: both; float:left; width:100%;}
#container {}
#columnLeft {float: left; width: 25%;}
#columnRight {float: right; width: 25%;}
#columnMiddle {min-height: 300px;}
#columnLeft2colLayout {float: left; width: 49.5%;}
#columnRight2colLayout {float: right; width: 49.5%;}
.withLeftWithRightColumns {margin-left: 25%; margin-right: 25%;}
.withLeftColumn {margin-left: 25%}
.withRightColumn {margin-right: 25%;}
.columnContent {margin: 0 0 0 0; padding: 0 0 0 0;}
#contentColumnLeft {float: left; width: 46%; margin: 0 30px 0 0;}
#contentColumnRight {float: left; width: 46%;}
#containerMiddle {position: relative; padding: 30px 20px 10px 20px;}
#containerRight {position: relative; margin-top: 10px; margin-right: 10px; padding-top:  10px;}
#containerLeft {position: relative; margin-top: 20px; padding: 10px;}
#columnMiddle.withRightColumn #containerMiddle {padding-left: 10px;}
#containerRight.landingPage {margin-top: 53px;}
#containerRight.homePage {margin-top: 30px;}
#columnLeft2colLayout #containerLeft {position: relative; margin: 20px 0px 10px 0px;}
#columnRight2colLayout #containerRight {position: relative; margin: 10px 10px 10px 0px; padding-right: 0px}

/*  Access specific
------------------------------------------------------------------------------------------------------------------*/
#accessBox {float: right; margin: 0px 10px 0 0; text-align: right; font-size: 90%; color: #666; position: relative; width: 40%;}
#accessBox a {text-decoration: none;}
#accessBox ul#ioeTools {position: relative; margin: 0 0 13px 0; background-color: #07408e; padding: 3px 0; float: right}
#accessBox ul#ioeTools li {display: inline; padding: 5px 2px; border-right: 1px solid #fff;}
#accessBox ul#ioeTools li a {color: #fff; background-color: #07408e; padding: 0px 6px;}
#accessBox ul#ioeTools li a:hover {background-color: #000}
#accessBox ul#ioeTools li.first {}
#accessBox ul#ioeTools li.last {border-right: none;}
#accessBox ul#siteTools {position: relative; margin: 0 0 8px 0; float: right; clear: both}
#accessBox ul#siteTools li {display: inline; border-right: 1px solid #666; padding: 0 4px}
#accessBox ul#siteTools li a {}
#accessBox ul#siteTools li a:hover {color: #000;}
#accessBox ul#siteTools li.first {}
#accessBox ul#siteTools li.last {border-right: none;}
#accessBox form {position: relative; float: right; clear: both;}
form .button {border: none;}

/*  InfoBox / LandingBox specific
------------------------------------------------------------------------------------------------------------------*/
#blockStaff, .infoBox, #blockLinks {border: 1px solid #8ac2e6; padding: 10px 10px 1px 10px; margin: 0 0 10px 0; line-height: 1.3em; font-size: 90%}
.infoBox img {float: left; margin: -10px 10px 0px -10px;}
.infoBox p {padding: 0 0 15px; margin: 0px;} /* Added 15px to bottom DF 20100129 */
#staff {padding-bottom: 11px;}
#staff .infoBox img {float: left; margin: 0px 0px 0px 0px;}
.infoBox {}
.infoBox ul {list-style: none; padding-bottom: 10px}
.infoBox li a {text-decoration: none; color: #074395; font-weight: bold;}
.lightGreen.infoBox li a {color: #0d6007}
.infoBox li a:hover {color: #000}
.infoBox li .name {display:block; clear:both;}

.infoBox h4 {padding: 0 0 10px 0; font-size: 120%;}
.dropInTime {font-weight: bold; padding: 0 10px 0 0;}
.infoBox.links li {padding: 0 0 3px 0;}
.infoBox.links li a {background: url(/images/layout/linkArrowLeftWhiteLarge.png) 0% 4px no-repeat; padding: 0 0 0 10px; text-decoration: underline; font-size: 110%;}
.infoBox.links li a:hover {color: #fff !important; text-decoration: none !important;}
.infoBox.links.lightBlue li a {background-image: url(/images/layout/linkArrowLeftBlueLarge.png)}
.infoBox.links.alt li {border-bottom: 1px solid #fff;}
.infoBox.links.alt li.last {border-bottom: none;}
.infoBox.links.alt li a {padding: 3px 0 3px 12px; display: block; background-position: 0% 7px; text-decoration: none;}
.infoBox.links.alt.lightBlue li a:hover {color: #fff !important; text-decoration: none !important;}
.infoBox li .email a, #issues.infoBox li a {background-image: none;}

.infoBox.rss li {padding: 0 0 3px 0}
.infoBox.rss li a {background: url(/images/layout/rssIcon.gif) 0% 4px no-repeat; padding: 4px 0 0 20px; text-decoration: underline; font-size: 120%;}
.infoBox.rss li a:hover {color: #fff !important; text-decoration: none !important;}
.infoBox.rss.lightBlue li a {background-image: url(/images/layout/rssIcon.gif)}
.infoBox.rss.alt li {border-bottom: 1px solid #fff;}
.infoBox.rss.alt li.last {border-bottom: none;}
.infoBox.rss.alt li a {padding: 3px 0 3px 12px; display: block; background-position: 0% 7px; text-decoration: none;}
.infoBox.rss.alt.lightBlue li a:hover {color: #fff !important; text-decoration: none !important;}

.outline {border: 1px solid #8ac2e6;}

/* RR colours */
.coloured.darkOrange {background-color: #fcb853;}
.coloured.lightOrange  {background-color: #fbcb8e;}
.coloured.lightPink   {background-color: #f7b7d0;}
.coloured.darkPink  {background-color: #e37ead; color: #fff;}
.coloured.darkPink  a:hover {color: #d797bf;}
.coloured.darkPink a {color: #fff !important; font-weight: bold; text-decoration: underline;}

.coloured {border: none;}
.coloured.lightBlue {background-color: #bfcce8;}
.coloured.lightBlue a {color: #07408e !important}
.coloured.lightPurple {background-color: #d797bf;}
.coloured.lightPurple a {color: #6e1873 !important}
.coloured.lightGreen {background-color: #a6cfa3}
.coloured.darkBlue {background-color: #07408e; color: #fff;}
.coloured.darkPurple {background-color: #6e1873; color: #fff;}
.coloured.darkGreen {background-color: #118e07; color: #fff;}
.coloured.darkGreen a {color: #fff;}
.coloured.darkGreen a:hover {color: #000;}
.coloured.darkBlue a, .coloured.darkPurple a {color: #fff !important; font-weight: bold; text-decoration: underline;}
.coloured.darkBlue a:hover {color: #000;}
.coloured.darkPurple a:hover {color: #d797bf;}
.button {border: double; padding: 10px}
.button a {font-weight: normal !important; text-decoration: none !important;}
.button a:hover {text-decoration: underline !important; color: #fff !important;}
.infoBox li span.title {width: 100px; font-weight: bold; float: left}
#facts.infoBox li span a {background: none;}
.infoBox.photo {height: 200px;}
.infoBox.photo img{border: none;}
.infoBox.photoDescription {margin-top: -11px; padding: 10px;}

/*  Landing page specific
------------------------------------------------------------------------------------------------------------------*/
#landingPage {padding: 0px; margin: 0px;}
#landingPage h2 {font-size: 120%; padding: 0 0 5px 0;}
#landingPage h3 {font-size: 110%; padding: 0 0 5px 0;}
#landingPage #titleBlock {min-height: 158px; float: left; width: 100%;}
#landingPage .landingBox {float: left;}
#landingPage .landingBox .container {padding: 10px;}
#landingPage .landingBox.last {margin-right: 0px !important;}
#landingPage #titleBlock .landingBox .container {padding: 10px 15px;}
#landingPage #titleBlock .landingBox.photo {padding: 0px; width: 36%; min-height: 13.2em;}
#landingPage #pageName {width: 32%;}
#landingPage .landingBox p {padding: 0px; margin: 0px;}
#landingPage #pageQuote {width: 31%;}
#landingPage #pageQuote blockquote {color: #07408e; margin: 0px; padding: 15px 0 0 20px; background: url(/images/layout/bgQuoteTL.gif) top left no-repeat;}
#landingPage #pageQuote blockquote span {background: url(/images/layout/bgQuoteBR.gif) bottom right no-repeat; padding: 0 22px 15px 0; display: block; margin-bottom: -8px}
#landingPage #pageQuote cite {display: block; font-weight: bold;}

#landingPage #mainBlock {float: left; margin: 10px 0 0 0; padding: 0 0 10px 0; width: 100%;}
#landingPage #mainBlock .landingBox {}
#landingPage #mainBlock .landingBox.last {margin: 0px !important;}
#landingPage .photoBlock {width: 31.6%;}
#landingPage .photoBlock .photo {min-height: 179px; border-bottom: 1px solid #8ac2e6; background-position: 0px 0}
#landingPage .photoBlock .photoDescription {padding: 10px;} 
#landingPage #mainBlock .textBlock {width: 66.4%; float: right; margin-bottom: 10px; min-height: 130px}
#titleBlock .landingBox {height: 150px !important;}

/*  Breadcrumb specific
------------------------------------------------------------------------------------------------------------------*/
#breadcrumbs {border-bottom: 1px solid #eaeaea; margin: -12px 0 15px 0;}
#breadcrumbs ul {font-size: 95%;}
#breadcrumbs ul li {display: inline; background: url(/images/layout/iconBreadcrumbArrow.png) 0px 12px no-repeat; padding:  8px; }
#breadcrumbs ul li a {text-decoration: none; }
#breadcrumbs ul li.title {background-image: none; padding-left: 0px; font-weight: bold;}
#breadcrumbs ul li.last {padding-right: 0px;}

/*  News and event pages specific
------------------------------------------------------------------------------------------------------------------*/
ul.newsEvents {padding: 10px 0;}
ul.newsEvents li {list-style: none; border-top: 1px solid #8ac2e6;}
ul.newsEvents li.last {border-bottom: 1px solid #8ac2e6;}

/* TO BE REVIEWED */
ul.newsEvents li a {color: #333; display: block; padding: 10px 0; }
ul.newsEvents li .description a {color: #333; display: inline;}


ul.newsEvents li a:hover {background-color: #eee;}
ul.newsEvents li .title {font-weight: bold; color: #084aa5;}
ul.newsEvents li .description {}
ul.newsEvents li .date {font-weight: bold; color: #000; font-size: 90%;}
ul#eventsList {margin: 5px 0 20px 0;}
ul#eventsList li {list-style: none; border-top: 1px solid #eaeaea; padding: 10px 0;}
ul#eventsList li.last {border-bottom: 1px solid #eaeaea;}
ul#eventsList li.even {background-color: #f9f9f9}
ul#eventsList li .title {font-weight: bold;}

/*  Staff listings and details specific
------------------------------------------------------------------------------------------------------------------*/
ul.staffAlphaListing {margin: 10px 0 10px 0; padding: 0 0 10px 0; font-weight: bold; border-bottom: 1px solid #8ac2e6;}
ul.staffAlphaListing li {display: inline;}
ul.staffAlphaListing li a {}
ul.staffAlphaListing li a:hover {}
.alphaListBlock {padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #8ac2e6; vertical-align: top;}
.alphaListBlock h3 {color: }
.alphaListBlock table {border-collapse: collapse;}
.alphaListBlock table {width: 100%;}
.alphaListBlock table .alphaList .alCol1 {width: 40%;}
.alphaListBlock table .alphaList .alCol2 {width: 10%;}
.alphaListBlock table .alphaList .alCol3 {width: 25%;}
.alphaListBlock table .alphaList .alCol4 {width: 25%;}
.alphaListBlock table th {}
.alphaListBlock table tr {}
.alphaListBlock table tr.odd {}
.alphaListBlock table tr.even {background-color: #efefef}
.alphaListBlock table td {vertical-align: top;}
.alphaListBlock table .name {color: #000; font}
.alphaListBlock table .officeNo {}
.alphaListBlock table .phoneNo {}
.alphaListBlock table .email {}
.alphaListBlock table .info {font-style: italic; font-size: 90%; line-height: 1.1em !important; display: block; padding: 5px 10px 10px 0;}
.subList {color:#000;}
#staffDetails {}
#staffDetails #personal {float: left; width: 40%;}
#staffDetails #personal .infoBox li span.title {width: 50px; font-weight: bold; float: left}
#staffDetails #photo {float: left; width: 100%; padding: 10px 0 0 10px}
#staffDetails #photo img {padding: 0 12px 0 0; background-color: #fff;}
#staffDetails #contact {float: left; width: 100%; padding: 10px 0 0 10px; min-height: 81px;}
#staffDetails #featuredWork {float: right; width: 50%; min-height: 180px;}
#staffPublications {clear: both; margin: 00px 0 20px 0; float: left; border-top: 1px solid #8ac2e6; width: 100%; padding: 10px 0 0 0;} 
#staffPublications ul {border-top: 1px solid #eaeaea; margin: 10px 0 0 0;}
#staffPublications ul li {list-style: none; border-bottom: 1px solid #eaeaea; padding: 10px 0 10px 0;}
#staffPublications ul li.odd {}
#staffPublications ul li.even {background-color: #fff3fb;}
#staffPublications ul li.last {}
#staffPublications ul li a {}
#staffPublications ul li a:hover {}
#staffPublications ul li .author {}
#staffPublications ul li .title {font-weight: bold;}
#staffPublications ul li .docID {}
#staffPublications ul li .date {}
#staffPublications ul li .download {font-weight: bold;}
#staffPublications ul li .download a {background: url(/images/layout/iconDownload.png) 100% 50% no-repeat; padding: 0 12px 0 0;}
#staffPublications ul li .download a:hover {background-image: url(/images/layout/iconDownloadDarkGrey.png); color: #000;}
ul#aboutStaff {margin: 10px 0 0 0;}
ul#aboutStaff li {list-style: none; padding: 0 0 5px 0;}
ul#aboutStaff li ul {padding: 0 0 0 15px;}
ul#aboutStaff li ul li {font-weight: normal; padding: 0px}
ul#aboutStaff li.title {font-weight: bold; margin: 5px 0 0 0;}

/*  Homepage specific
------------------------------------------------------------------------------------------------------------------*/
#landingPage.homePage #titleBlock {min-height: 168px;}
#landingPage.homePage #pageName p {line-height: 1.5em;}
#landingPage.homePage #titleBlock .landingBox.photo {min-height: 14em;}
#landingPage.homePage #features {width: 31.6%; min-height: 204px}
#landingPage.homePage #features.lightBlue {background-color: #8ac2e6}
#landingPage.homePage #mainBlock .textBlock {min-height: 95px}
#landingPage.homePage ul li {list-style: none; clear: left;}
#landingPage.homePage #events , #landingPage.homePage #news {}
#landingPage.homePage #features li {margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #fff}
#landingPage.homePage #features li.last {border-bottom: none; margin-bottom: 0px; padding-bottom: 0px}
#landingPage.homePage .landingBox .title {font-weight: bold;}
#landingPage.homePage .landingBox .date {padding: 0 10px 0 0;}
#features .link a, #news .more a, #events .more a {font-size: 90%; background: url(/images/layout/linkArrowLeft.png) right 50% no-repeat !important; padding: 0 10px 0 0; }
#news ul li a, #events ul li a { background: url(/images/layout/linkArrowLeft.png) right 50% no-repeat !important; padding: 0 10px 0 0;}
#news ul li .date, #events ul li .date {float: left; width: 60px; clear: left;}
#news ul li .description, #events ul li .description {float: left; width: 350px; margin: 0 0 5px 0;}
#news .more a, #events .more a {float: right; margin: 6px 0 4px 0;}
#welcomeSplash {}
#welcomeSplash #left {height: 170px; width: 33%; float: left; margin: 0 0 20px 0}
#welcomeSplash #rightTop {height: 111px; width: 66%; float: right;}
#welcomeSplash #rightBottom {height: 55px; width: 66%; float: right; background-color: #bfcce8; margin: 4px 0 20px 0;}
#welcomeSplash p {color: #223b6e;; padding: 8px 0 0 10px; margin: 0px;}
#welcomeSplash .name {font-weight: bold;}
#welcomeSplash .position {font-weight: normal; font-size: 90%}
#welcomeSplash .link {font-weight: normal; font-size: 90%;}
#welcomeSplash .link a {color: #074395; background: url(/images/layout/linkArrowLeftWhite.png) right 50% no-repeat !important; padding: 0 10px 0 0;}
#welcomeSplash .link a:hover {color: #000}
.homeRightBlock {/*background: url(/images/layout/homeRightBlockBG.png) bottom right no-repeat;*/ margin-bottom: 10px; clear: right; padding: 10px; min-height: 58px; background-color: #}
/* RR Home  colours */
.darkOrange {background-color: #fcb853;}
.lightOrange  {background-color: #fbcb8e;}
.lightPink   {background-color: #f7b7d0;}
.darkPink  {background-color: #e37ead; color: #fff;}
.darkPink a {color: #fff !important; font-weight: bold; text-decoration: underline;}
.darkPink a:hover {color: #000;}
/* Old Home  colours */
.darkOrange {background-color: #fcb853}
.lightOrange  {background-color: #fcb853}
.lightPink   {background-color: #f7b7d0}
.darkPink  {background-color: #e37ead color: #fff;}
.darkPink a {color: #fff !important; font-weight: bold; text-decoration: underline;}
.darkPink a:hover {color: #000;}
.lightPurple {background-color: #d797bf}
.darkPurple {background-color: #6e1873; color: #fff;}
.darkPurple a {color: #fff;}
.lightBlue {background-color: #bfcce8;}
.lightBlue a {color: #07408e !important}
.lightGreen {background-color: #a6cfa3}
.darkGreen {background-color: #118e07; /*color: #fff;*/}
.darkGreen a {color: #fff;}
.darkGreen a:hover {color: #000;}
.darkBlue {background-color: #07408e; color: #fff;}
.darkBlue a {color: #fff !important; font-weight: bold; text-decoration: underline;}
.darkBlue a:hover {color: #000;}

#openAfternoon {min-height: 101px;}
.homeRightBlock img {margin: -10px -10px 0 0; position: relative; float: right; background-color: #fff; border-left: 0px solid #8ac2e6;}
.homeRightBlock h3 {font-size: 100%;}
.homeRightBlock h3 a {color: #000;}
.homeRightBlock h3 a:hover {color: #6e1873;}
#becomeTeacher h3 {margin: 0 0 39px 0;}
#masterDiploma h3 {margin: 0 0 20px 0;}
#takeDoctorate h3 {margin: 0 0 39px 0;}
#becomeTeacher h3 a:hover, #masterDiploma h3 a:hover, #takeDoctorate h3 a:hover {color: #6e1873}
#openAfternoon p {font-size: 90%;}
#openAfternoon a {color: #fff; background: url(/images/layout/linkArrowLeftWhite.png) right 50% no-repeat !important; padding: 0 10px 0 0; text-decoration: underline;}
#openAfternoon a:hover {color: #d797bf}
#homeWelcomeBlock {margin: 0 0 18px 0; border: 1px solid #d4d4d4; padding: 10px 10px 0 10px}
#homeWelcomeBlock h2 {font-size: 120%}
.languageSelection {font-size: 95%;}
.languageSelection a {text-decoration: underline;}
.languageSelection a:hover {color: #000 !important}
.featuresNewsEventsBlock {/*background: url(/images/layout/featuresNewsEvents_BlockBG.png) left top no-repeat;*/  min-height: 185px}
.featuresNewsEventsBlock h3 {/*background: url(/images/layout/featuresNewsEvents_TitleBG.png) left bottom repeat-x;*/  padding: 5px 0 2px 10px; font-size: 120%; background-color: #bfcce8}
.featuresNewsEventsBlock ul {padding: 10px;}
.featuresNewsEventsBlock li {margin: 0 0 15px 0; list-style-position: outside; list-style-type: none;}
.featuresNewsEventsBlock .title {font-weight: bold;}
#events .title {color: #074395;}
.featuresNewsEventsBlock .desc {font-size: 90%;}
.featuresNewsEventsBlock .type {font-size: 90%; color: #666;}
.featuresNewsEventsBlock .date {font-size: 110%; font-weight: bold;}
.featuresNewsEventsBlock .link {font-size: 90%;}
.featuresNewsEventsBlock .link a {color: #074395; background: url(/images/layout/linkArrowLeft.png) right 50% no-repeat !important; padding: 0 10px 0 0; text-decoration: underline;}
.featuresNewsEventsBlock .link a:hover {color: #000;}
#features {}
#events {}
#news {}

/*  General typography specific
------------------------------------------------------------------------------------------------------------------*/
#topLeftLogo h1 {display: none;}
a {color: #074395; text-decoration: none;}
a:hover {color: #000; text-decoration: underline !important;  white-space: }
#containerMiddle a {text-decoration: underline;}
h1, h2, h3, h4, h5, h6 {margin: 0px; padding: 0px;}
h1 {}
h2 {color: #333333; font-size: 150%; letter-spacing: .01em;}
h3 {}
h4 {}
h5 {}
h3.courseNumber {font-weight: normal; font-size: 100%;}
ul {margin: 0px; padding: 0px;}
li {margin: 0px; padding: 0px;}
td.jobLabel {white-space: nowrap}
 
#containerMiddle .featuresNewsEventsBlock ul {list-style: inside; list-style-type: none !important; background: none !important;}
#containerMiddle .pageList ul {padding: 0px; list-style: inside; list-style-type: none;}
#containerMiddle .pageList li {background: url(/images/layout/listBlock.png) left 50% no-repeat; padding: 0 0 0 15px; list-style: none;}
#sField {background:transparent url(/images/layout/textareaField.gif) no-repeat scroll left top; border: 1px solid #666; padding: 1px; width: 200px; margin: 0 7px 0 0;}
.sLabel {display: none;}

/*  Navigation specific
------------------------------------------------------------------------------------------------------------------*/
#top-nav {/*background: url(/images/layout/navBG.png) #229bd3 repeat-x 50% bottom;*/ background-color: #229bd3; postion: relative; float: left;line-height: normal; width: 97.9%; margin-left: 10px; margin-top: 20px;}
#top-nav ul {padding-right: 10px; padding-left: 8px; padding-bottom: 0px; margin: 0px; padding-top: 10px; list-style-type: none;}
#top-nav li {padding-left: 1px; float: left; margin: 0px; padding-top: 0px}
#top-nav a {padding-right: 15px; display: block; padding-left: 15px; font-weight: bold; float: left; padding-bottom: 4px; color: #fff; padding-top: 5px; text-decoration: none; whitespace: no-wrap;}
#top-nav li a:hover {background-color: #8ac2e6; color: #07408e; text-decoration: underline;}
#top-nav .current {/*background: url(/images/layout/navTabL.png) top left no-repeat;*/;}
#top-nav .current a {/*background: url(/images/layout/navTabR.png) top right no-repeat;*/ background-color: #8ac2e6; padding-bottom: 5px; color: #07408e; padding-right: 20px}

#subTop-nav {/*background: url(/images/layout/navBG.png) #07408e repeat-x 50% bottom;*/ background-color: #8ac2e6; postion: relative; float: left; line-height: normal; width: 97.9%; margin-left: 10px; font-size: 95%;}
#subTop-nav ul {padding-right: 10px; padding-left: 8px; padding-bottom: 0px; margin: 0px; padding-top: 5px; list-style-type: none;}
#subTop-nav li {padding-left: 1px; float: left; margin: 0px; padding-top: 0px;}
#subTop-nav a {padding-right: 8px; display: block; padding-left: 8px; font-weight: bold; float: left; padding-bottom: 4px; color: #07408e; padding-top: 5px; text-decoration: none; whitespace: no-wrap;}
#subTop-nav li a:hover {background-color: #fff; color: #07408e; text-decoration: underline;}
#subTop-nav .current {/*background: url(/images/layout/navTabL.png) top left no-repeat;*/;}
#subTop-nav .current a {/*background: url(/images/layout/navTabR.png) top right no-repeat;*/ background-color: #fff; padding-bottom: 5px; color: #07408e; padding-right: 8px}

/*.top-nav_tl {background: url(/images/layout/navCornerTL.png) left top no-repeat; position: relative; width: 100%; margin-top: 0px}
.top-nav_tr {background: url(/images/layout/navCornerTR.png) right top no-repeat; position: relative; width: 100%; margin-top: 0px}*/
#sideNavContainer {margin: 20px 0 20px 10px;}
ul#sideNav {}
ul#sideNav li {list-style: none; border-top: 1px solid #eee;  background-color: #8ac2e6}
ul#sideNav li a {display: block; padding: 4px 10px; background-color: #8ac2e6}
ul#sideNav li a:hover {background-color: #229bd3 ; color: #fff; text-decoration: underline;}
ul#sideNav li span {}
ul#sideNav li.current {}
ul#sideNav li.current span {padding: 4px 10px; display: block; border-top: 1px solid #3a73c4; border-right: 6px solid #3a73c4;}
ul#sideNav li.last {border-bottom: 1px solid #eee}
ul#sideNav li#parent {}
ul#sideNav li#parent a {color: #fff; font-weight: bold; background: url(/images/layout/iconArrowSubnavParent.png) 95% 50% no-repeat #08408e; padding-right: 20px;}
ul#sideNav li#parent a:hover {background-color: #229bd3 ;}
ul#sideNav li#selectedLevel {font-weight: bold;}
ul#sideNav li#selectedLevel ul li.current {}
ul#sideNav li#selectedLevel a:hover {}
ul#sideNav li ul {0 0 0 10px}
ul#sideNav li ul li {font-weight: normal;}
ul#sideNav li ul li a {background: url(/images/layout/subnavArrowLeft.png) 15px 50% no-repeat #e5e8ef; padding-left: 25px}
ul#sideNav li ul li.current span {background: url(/images/layout/subnavArrowLeft.png) 15px 50% no-repeat #e5e8ef; padding-left: 25px; font-weight: bold; border-top: 1px solid #3a73c4; border-right: 6px solid #3a73c4; color: #000; background-color: #d9dfed}

/*  Sitemap specific
------------------------------------------------------------------------------------------------------------------*/
#sitemap {float: left; display: block; width: 100%; padding: 0 0 30px 0}
#sitemap li {list-style: none !important; line-height: 1.6em; width: 100%;}
#sitemap li a {display: block; color: #074395;}
#sitemap li a:hover {background-color: #eee; border-right: 2px solid #074395; color: #333}
#sitemap ul li {background: url(/images/layout/sitemap_arrow1.png) 0px 8px no-repeat; padding: 0 0 0 15px;}
#sitemap ul li a {margin-right: 15px}
#sitemap ul ul li {background: url(/images/layout/sitemap_arrow2.png) 0px 8px no-repeat; padding: 0 0 0 15px;}
#sitemap ul ul li a {margin-right: 30px;}
#sitemap ul ul ul li {background: url(/images/layout/sitemap_arrow3.png) 0px 8px no-repeat; padding: 0 0 0 15px;}
#sitemap ul ul ul li a {margin-right: 45px;}
#sitemap ul ul ul ul li {background: url(/images/layout/sitemap_arrow4.png) 0px 8px no-repeat; padding: 0 0 0 15px;}
#sitemap ul ul ul ul li a {margin-right: 60px;}
.topLevel {font-weight: bold;}

/*  Contact form specific
------------------------------------------------------------------------------------------------------------------*/
#form {border: 1px solid #c4c4c4; background-color: #f6f6f6; padding: 15px 25px 15px 15px; margin: 15px 0 30px 0; color: #444}
#form input.inp, #form textarea.inp, #se_form input.inp {border: 1px solid #3880e2; font: 100% Verdana, Arial, Helvetica, sans-serif; width: 99%; background: #fff; color: #555; padding: 3px; margin-bottom: 10px; outline: none;}
#form input.inp:focus, #form textarea.inp:focus, #se_form input.inp:focus, .ddl:focus {background-color: #e9f2ff!important;}
#form input.inp:hover, #form textarea.inp:hover, #se_form input.inp:hover, .ddl:hover {border: 1px solid #f60;}
#form p {margin-bottom: 3px; font-weight: normal;}
#form .req {color: #f60; font-weight: normal}
#form .title {font-weight: bold;}
#form .ddl {border: 1px solid #3880e2; color: #555; width: 300px; padding: 1px;}
#form .ddl:hover {border: 1px solid #f60;}
#form .radio {margin: 0 5px 0 5px}
#form .chkbx { margin: 6px 8px 0px 6px;}
#form .btn {padding: 5px; margin: 10px 10px 0 0; width: 160px;}

/*  System Status Table specific
------------------------------------------------------------------------------------------------------------------*/
table.systemStatus {margin-top:0} 
table.systemStatus table {text-align:justify; margin:0; padding:0; width:100%} 
table.systemStatus tr {vertical-align:middle} 
table.systemStatus td {padding:0.7em 0.5em} 
table.systemStatus th                 {text-align:justify; background-color: #bfcce8; border-top: 3px solid #FFFFFF; }
table.systemStatus td#Affected        {text-align:justify; background-color: #FFCC00; border-top: 3px solid #FFFFFF; }
table.systemStatus td#Down            {text-align:justify; background-color: #CC0000; border-top: 3px solid #FFFFFF; font-weight: bold; color: #FFFFFF;}
table.systemStatus td#Maintenance     {text-align:justify; background-color: #BFCCE8; border-top: 3px solid #FFFFFF; }
table.systemStatus td#OK              {text-align:justify; background-color: #009900; border-top: 3px solid #FFFFFF; font-weight: bold; color: #FFFFFF;}
table.systemStatus td#Service         {text-align:justify; background-color: #bfcce8; border-top: 3px solid #FFFFFF; }

/*  Footer specific
------------------------------------------------------------------------------------------------------------------*/
#footerColumnLeft {float: left; width: 25%;}
#footerColumnRight {float: right; width: 25%;}
#footer {clear:both; padding: 0 0 30px 0; float: left; width: 97.9%;}
#footer li {list-style-type: none;}
#footerContainer {position: relative; margin: 0 10px; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; padding: 10px 0; float: left; width: 100%;}
#footer ul#footerLinks {padding: 0 0 0 15px; position: relative;}
#footer ul#footerLinks li {display: inline; padding: 0 5px 0 0; border-right: 1px solid #666;}
#footer ul#footerLinks li a {padding: 0 0 0 5px;}
#footer ul#footerLinks li a:hover {}
#footer ul#footerLinks li.copyInfo {display: block; padding: 15px 0 0 0; border-right: none;}
#footer ul#footerLinks li.first a {padding-left: 0px;}
#footer ul#footerLinks li.last {border-right: none}
#footer ul#location {width: 97%}
#footer ul#location li {display: inline; float: left;}
#footer ul#location li a {}
#footer ul#location li a:hover {}
#footer ul#location li a span {}
#footer ul#location li.map {width: 68%; float: left;}
#footer ul#location li.map a {width: 100%; background: url(/images/layout/RRGoogle.png) top left no-repeat;  height: 85px; float: left}
/*#footer ul#location li.map a:hover {border-color: #666;}*/
#footer ul#location li.map a span {display: none;}
#footer ul#location li.directions {width: 30%; float: right;}
#footer ul#location li.directions a {width: 100%; background: url(/images/layout/bgDirections.png) top left no-repeat; border: 1px solid #c0cde8; float: left; height: 85px;}
#footer ul#location li.directions a:hover {border-color: #3b5996;}
#footer ul#location li.directions a span {display: none;}
#footer ul#pageTools {margin: 0 0 0 15px; float: left; border-left: 1px solid #eaeaea; padding: 0 0 0 15px}
#footer ul#pageTools li {display: inline; float: left; padding-right: 20px; padding-bottom: 9px;}
#footer ul#pageTools li a {}
#footer ul#pageTools li a:hover {}
#footer ul#pageTools li.tools {background-position: ; background-repeat: no-repeat; padding-left: 23px}
#footer ul#pageTools li.clearLeft {clear: both; display:}
#footer ul#pageTools li.firstCol {width: 50px}
#footer ul#pageTools li.delicious {background-image: url(/images/layout/iconDelicious.png);}
#footer ul#pageTools li.slashDot {background-image: url(/images/layout/iconSlashdot.png);}
#footer ul#pageTools li.facebook {background-image: url(/images/layout/iconFacebook.png);}
#footer ul#pageTools li.twitter  {background-image: url(/images/layout/iconTwitter.png);}
#footer ul#pageTools li.reddit {background-image: url(/images/layout/iconReddit.png);}
#footer ul#pageTools li.digg {background-image: url(/images/layout/iconDigg.png);}
#footer ul#pageTools li.print {background-image: url(/images/layout/iconPrint.png);}
/* Advanced Search
------------------------------------------------------------------------------------------------------------------*/
.advSearchBlock {
float: left;
padding: 0;
margin: 0 0 3px 0;
width: 90px !important;
width: 89px;
}
.advSearchBlock input {width:100px;}
/* Centre two column list of links
------------------------------------------------------------------------------------------------------------------*/
.colLeft ul, .colRight ul {list-style:none;}
.colLeft {float:left; width:48%;}
.colRight {float:right; width:48%;}
.title {color:#084AA5; font-weight:bold;}

/* Department Lists
------------------------------------------------------------------------------------------------------------------*/
.hightlightTitle {background-color: #BFCCE8; height:20px; padding:3px;}
.hightlightTitle a .title{text-decoration:none; padding-left:3px}
.hightlightTitle a:hover .title {text-decoration:underline;}
.bulletTitle {list-style:disc!important; list-image:none; padding-left:20px;}

.clear {clear: both;}