/* BNC November 2010 */

/* main structure */
/* section headings */
body {
    margin: 0;
    padding: 0;
    font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
    background-color: #fff;
}
div.teidiv0 h1, h2 {
    clear: both;
}
h1 {
   font-weight: bold;
   font-size: x-larger;
   line-height: 34pt;
}

h2 {
   font-size: larger;
   line-height: 20pt;
   margin-top: 18pt;
   font-weight: bold;
}

h3 {
   font-size: larger;
   line-height: 18pt;
   color: #C63904;
   font-weight: bold;
   font-style: italic;
}

/* rss */
.homepagesideheading {
    margin-top: 0px;
    margin-bottom: 5px;
    padding: 2pt;
    color: #333;
    background-color: #fff;
    text-align: left;
}
span.rsstitle {
    font-size: 0.9em;
    font-weight: bold;
    background-color: #97ADFF;
    color: #333;
}
span.rsstitle a {
    color: #333;
    padding: 2px;
    background-color: #ffffff;
}
.rssdate {
    display: none;
}
.rsscreationdate {
    display: none;
}
span.rssdescription {
    font-size: 0.8em;
    margin-bottom: 5px;
    padding: 5px;
    padding-left: 6px;
    border-bottom: 5px solid #00236B;
    display: block;
    background-color: #ffffff;
}

/* style links to rss files with an rss icon */
a.rss-subscribe-link
{
background: transparent url("/images/feed-icon.png") no-repeat 0px 0px;
padding: 5px;
padding-left: 30px;
}

/* images */
a img {
    border: none;
}
img.border {
    border: 1px solid black;
}
.pic-wrapped img {
    float: left;
    padding: 5px;
    clear: left;
    margin: 0px 1.25em 0px 0px;
}
.floatimage {
    float: left;
    margin-right: 6px;
    vertical-align: top;
    margin-bottom: 5px;
}
img.sld {
    float: right;
    top: 0;
}
img.wrap {
    float: left;
    margin: 5px;
}
img.centreimage {
    margin-left: auto;
    margin-right: auto;
    display: block;
}
div.centreimage {
    display: inline;
}
/* end images styles */
/* figures */
img.center {
    margin-left: 20pt;
}
.centre {
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: center;
}
span.centre img {
    border: 0;
}
div.pic-right {
    float: right;
    padding: 5px;
}
div.pic-right-clear {
    float: right;
    padding: 5px;
    clear: both;
}
div.pic-left {
    float: left;
    padding: 5px;
    clear: left;
    margin: 0.35em 0px;
}
div#floatright.ab {
    float: right;
    padding: 5px;
    width: 125px;
}
div#floatright150.ab {
    float: right;
    padding: 5px;
    width: 150px;
    border: 1px solid red;
}
div#floatright150 {
    float: right;
    padding: 5px;
    width: 150px;
}
div#pullout.ab {
    background-color: #eee;
    border: 1px solid #BBBBBB;
    color: #555555;
    float: right;
    font-size: 1.2em;
    width: 19em;
}
.spaceimage {
    margin: 10px;
/* used to space images out in lists */    
}
/* tables */
.rules {
    width: 90%;
    padding: 5px;
}
.label {
    background-color: #ccc;
    padding: 5px;
    color: #333;
	 text-align: left;
}
table.annrep {
    width: 40%;
    border-collapse: collapse;
    margin-bottom: 10px;
}
table.hc_annrep {
    width: 80%;
    border-collapse: collapse;
    margin-bottom: 10px;
}
table.annrep td, table.annrep th, table.hc_annrep td, table.hc_annrep th {
    border: 1px solid black;
}
table.fiveyr {
    width: 90%;
    padding: 5px;
}
.grade1 {
/* light faded red */     background-color: #f66 
}
.grade2 {
/* light hard orange */     background-color: #f93 
}
.grade3 {
/* light faded yellow */     background-color: #ff6 
}
.grade4 {
/* light dull spring */     background-color: #9c6 
}
.grade5 {
/* pale dull azure */     background-color: #9cf 
}
.grade6 {
/* greyish */     background-color: #eee 
}
th {
    background-color: #AAAAAA;
    font-weight: bold;
    color: #fff;
}
td {
    padding: 2px;
    font-size: 0.9em;
}
/* Table cell background colours */
.divlabel {
    background-color: #BBBBBB;
    font-size: large;
    font-weight: bold;
    padding: 5px;
    text-align: center;
}
.Label {
    background-color: #DDEEEE;
    color: #000333;
    font-weight: bold;
    padding: 3px;
}
/* --------------------------- */
.clear {
    clear: both;
}
#col-b {
    background-color: #fff;
}
#tbdata h2 {
    color: #000066;
    margin: 0;
}
#info {
    top: 50px;
    position: relative;
    border: solid red 1px;
    margin-bottom: 10px;
}
.sidelist li a: hover {
    border-right: none;
    border-bottom: 1px solid #fff;
    text-decoration: none;
}
#footer {
    border-top: 3px solid #000066;
    text-align: center;
    font-family: arial,sans-serif;
    font-size: 0.8em;
    clear: both;
}

/* Side menu styles */
#menu ul li a {
    color: #000;
    text-decoration: none;
}
#menu ul li {
    margin: 0;
    padding: 2.5px;
    list-style: none;
    display: block;
    border-bottom: 1px solid #eee;
}
#menu ul li a: hover {
    color: #000;
    text-decoration: underline;
    background-color: #fff;
    display: block;
}
#menu ul {
    margin: 0;
    padding: 0;
}
/* ----------------------------------------------- */
#footer img {
    right: 50%;
    padding: 5px;
}
#mainMenu {
    position: relative;
    text-align: center;
/* width: 99%;needed for ie to work properly! see ie sheet */
    background-color: #eee;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    color: #000;
    margin: 0px;
    padding: 2px 0px 2px 10px;
}
#menuList {
    margin: 0px;
    padding: 0px;
}
#menuList ul {
    margin: 0px;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
}
#menuList li {
    display: inline;
    list-style: none;
}
/* New header styles */
div#headerOuter {
    position: relative;
    height: 7.85em;
/* 100px */
    min-height: 100px !important;
    width: 100%;
}
div#upperBarOuter {
    position: relative;
    height: 4.39em;
/* 56px */
    min-height: 56px !important;
    background-color: #dddddd;
    background-image: url(/images/UpperBar.jpg);
    background-position: right bottom;
    background-repeat: repeat-x;
    vertical-align: bottom;
}
div#lowerBarOuter {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2.82em;
/* 36px */
    min-height: 36px !important;
    background-color: #000066;
    background-image: url(/images/LowerCrest-000066.gif);
    background-repeat: no-repeat;
    background-position: right top;
}
div#lowerBarInner {
    padding: 8px 0 0 70px;
    color: #FFFFFF;
}
div#logoOuter {
    position: absolute;
    left: 0;
    top: 1.57em;
    width: 70px;
/* height: 7.85em; /* 100px */
    height: 6.28em;
/* 80px */
    min-height: 80px !important;
    background-image: url(/images/OUCSLogo-000066.gif);
    background-repeat: no-repeat;
    background-position: left;
}
div#globalNavOuter {
    position: absolute;
    top: 0;
    right: 36%;
    color: #000066;
}
div#searchOuter {
    position: absolute;
    top: 0;
    right: 0;
    width: 18em;
/* 230px */
    height: 1.7em;
/* 22px */
    min-height: 22px !important;
    color: #FFFFFF;
    background-image: url(/images/SearchCorner-000066.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
}
div#searchInner {
    font-size: 80%;
    padding-left: 22px;
}
div#searchInner input {
    margin: 0;
    padding: 0;
}
div#upperBarOuter h1 {
    position: absolute;
    left: 0;
    bottom: 2px;
    margin: 0;
    padding: 0;
    padding-left: 70px;
    font-size: 200%;
    color: #ffffff;
}
div#trailOuter {
    color: #999999;
    text-align: left;
    padding-left: 5px;
    font-size: 80%;
}
div#trailOuter a, div#trailOuter a: link, div#trailOuter a: visited {
    color: #999999;
}
/* end of new header styles */
/* additional styles for header to work */
#hdr {
    background-color: #fff;
    height: auto;
    background-image: none;
}
#globalNavOuter a: link, #globalNavOuter a: visited {
    color: #000066;
    font-weight: bold;
}
/* Forms */
div.searchbox legend {
    display: none;
}
div.searchbox fieldset {
    padding: 0;
    width: 20em;
    border: none;
    background-color: transparent;
}
div.searchbox .gobutton {
    background-color: transparent;
    color: #fff;
    border: none;
}
div.searchbox input {
    margin-top: 2px;
}
.form_error {
    color: red;
    font-weight: bold;
}
/* ---------------------- */
/* Forms styles */
form dd {
    margin-top: 5px;
    margin-bottom: 5px
}
form fieldset {
    background-color: #CFDBE6;
    border: 1px solid #000000;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 10px 10px 10px;
    position: relative;
    width: 35em;
 
/*
  position: relative;
  background-color: #cfdbe6;
  padding: 10px;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #000;
 */
}
fieldset legend {
    position: absolute;
    top: -1em;
    left: .2em;
    background-color: #fff;
    color: #000;
    border: 1px solid #781351;
    padding: 2px 6px;
    font-weight: bold;
    /*margin-top: 5px;*/
}


#searchform {
    margin: auto;
}
fieldset fieldset {
    width: auto;
}
.hide {
    left: -8000px;
    position: absolute;
}
/* Three column code */
#col-a {
    float: right;
    width: 100%;
}
#col-a[id] {
/* [2] */
    margin-left: -1px;
}
#col-b {
    float: left;
    margin-left: -12em;
    z-index: 10;
/* [3] */
/* background-color: #DEE7F8; added ian 30/6/04 */
}
#col-b[id] {
/* [2] */
    margin-right: 1px;
}
#col-c {
    float: right;
    margin-right: -12em;
    z-index: 11;
/* [3] */
/* background-color: #DEE7F8;added ian 30/6/04 */
}
#col-c[id] {
/* [2] */
    margin-left: 1px;
}
.show-all #columns {
    padding: 0 12em;
}
/*
  this makes the three columns show up - taking away leaves just the
  central coloumn
 */
.hide-left #columns {
    padding: 0 12em 0 0;
}
.hide-right #columns2 {
    padding: 0 0 0 12em;
}
.cols-wrapper {
    width: 100%;
}
.cols-wrapper[class] {
    padding-bottom: 0.1px;
/* [4] */
}
.float-wrapper {
    float: left;
    width: 100%;
    position: relative;
    z-index: 0;
}
.float-wrapper[class] {
/* [2] */
    margin-right: -1px;
}
.sidecol {
    position: relative;
    width: 12em;
/* decreased from 14em */
    overflow: hidden;
}
.box, .main-content {
    margin: 0 1em;
}

#lh-col-bottom {
	clear: both;
}
/* This next css is used to hide and show text using a javascript function */
.posthidden {
    display: none
}
.postshown {
    display: inline
}
.QandA {
    display: block;
    margin: 15px;
    padding: 15px;
    border: 1px solid gray;
}
.impnote {
    display: block;
    margin: 15px;
    padding: 15px;
    border: 1px solid gray;
    width: 70%;
}
.removebutton {
    list-style: none;
    background-color: #FAFAD2;
    padding-top: 10px;
    padding-bottom: 10px;
}
/* End hide show styles */
#bookmarking {
    float: right;
}
/* A -Z Styles From http: //www.smileycat.com/miaow/archives/000211.php -styling the a to z */
#azindex {
    background-color: #ddd;
    display: block;
    float: left;
    margin: 5px 0 20px 10px;
/*
  padding: 0px 0px 15px 0px;
  width: 390px;
 */
    border: 1px solid #999;
}
#azindex {
    padding: 5px 5px 10px 5px;
    width: 390px;
}
#azindex p {
    color: #fff;
    background-color: #000060;
    padding: 4px;
    display: block;
    margin: 0;
    border-bottom: 1px solid #333;
    font-size: 0.95em;
}
.index {
    font: bold 100% Verdana, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}
.index li {
    float: left;
    height: 1.5em;
    list-style-type: none;
    margin: 0.35em 0.15em;
    padding: 0;
    width: auto;
/* was 1.5em */    
}
.index a: link, .index a: visited {
    background: #fff;
    color: navy;
    display: block;
    height: 1.5em;
    padding: 0.37em 0 0 0.75em;
    text-align: center;
    text-decoration: none;
    width: 1.5em;
    border: 1px solid #999;
}
li.showall a: link, li.showall a: visited {
    width: 5em;
}
/*
  .index li { Not thought to be correct so removed for now
  margin: 0.2em 0.2em;
  }
 */
.index a: hover {
    background: #93D1E4;
    color: #fff;
    text-decoration: underline;
}
#atoz-popular {
    background-color: #ffffce;
    display: block;
    float: left;
    margin: 5px 0 20px 10px;
    padding: 0px 0px 15px 0px;
    width: 150px;
    border: 1px solid #999;
}
#atoz-popular {
    padding: 5px 5px 10px 5px;
    width: 125px;
}
#atoz-popular li {
    list-style-type: none;
    margin: 0;
    padding: 3px;
}
ul.atoz-popular {
    margin: 0;
    padding: 0.37em 0 0 0.75em;
}
#atoz-popular p {
    color: #fff;
    background-color: #000060;
    padding: 4px;
    display: block;
    margin: 0;
    border-bottom: 1px solid #333;
    font-size: 0.95em
}
.atoz {
    list-style: none;
}
/* End of A - Z styles */
/* Sidebar navigation global styles */
#lh-col ul.navbar {
    list-style: none;
/* border: 2px solid #ccc; */
    padding: 5px;
    margin: 10px 0 0 0;
	 clear: both;
	
	
}
#lh-col ul.navbar li {
    /*display: block; - helping to cause the IE white space bug*/
    line-height: 1.5em;
    padding: 0 5px;
}
/* Sidebar Highlighted Section Links */
#lh-col ul.sectionlinks {
    list-style: none;
    border: 2px solid #ccc;
    padding: 5px;
    margin: 10px 0 0 0;
    background-color: #FFFF99;
}
#lh-col ul.sectionlinks li {
    display: block;
    line-height: 1.5em;
    padding: 0 5px;
}
/* End Styles */
#lh-col-bottom h3 {
    font-size: 0.9em;
}
#col-b ul.navbar {
    list-style: none;
    border: 1px solid #ccc;
    padding: 5px;
/* background-color: #eee; */
}
#col-b ul.navbar li {
    display: block;
    line-height: 1.5em;
}
/* navbar */
l.toc {
    list-style: none;
}
a.navbar:link {
    color: #000;
    text-decoration: none;
    font-size: 0.9em;
    font-weight: bold;
}
a.navbar:visited {
    color: #666;
    text-decoration: none;
    font-size: 0.9em;
    font-weight: bold;
}
a.navbar:hover {
    color: #FFFFFF;
    text-decoration: underline;
    font-size: 0.9em;
    font-weight: bold;
}

span.toclist-this {
    color: red;
}

ul.navbar {
    padding: 0px;
    margin: 0px;
    margin-left: 10px;
    display: inline;
}
ul.navbar li {
    display: inline;
    list-style: none;
    margin: 0px;
    padding: 0px;
    padding: 5px;
    font-weight: normal;
}

/* less indentation for nested navbar lists */
ul.navbar ul {
   padding-left: 10px;
   list-style: none;
}

/* end navigation styles */
/* Boxed styles for side areas */
.boxed {
    border: 1px solid #CCCCCC;
    padding: 5px;
    background-color: #EEEFFF;
    font-size: 0.9em;
}
#col-c .boxed {
    margin-right: 5px;
    margin-top: 45px;
}
/* card-like effect of staff pictures on the about pages */
.caption {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    clear: both;
    padding: 0 5px 5px 0;
    font-weight: bold;
/*
  position: relative;
  top: 0;
 */
}
div.floatimage {
    border: 1px solid #666;
    padding: 5px;
    width: 30%;
    margin-right: 20px;
}
.cardlist {
    list-style-position: inside;
}
/* End card like effect */
/* 2 column code */
#lh-col {
    display: inline;
    color: #333;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 19%;
}
#rh-col {
    float: right;
    color: #333;
    margin: 0px;
    padding: 0px;
    width: 78%;
    display: inline;
    position: relative;
    min-height: 500px;
}
/* End two col code */
/* One column code */
#onecol.main-content {
    padding: 1em;
    background-color: #fff;
    left: 0;
}
/* End one column code */
/* empty div above the footer */
#em {
    height: 5px;
}
/* End em style */
dl dt {
    font-weight: bold;
}
.alpha {
    color: #000066;
    font-weight: bold;
    font-size: larger;
    border-bottom: 2px solid #0082EF;
}
/* course booking */
.book {
    color: red;
    font-weight: bold;
}
table.sortable thead {
    background-color: #eee;
    color: #666666;
    font-weight: bold;
    cursor: pointer;
}
/* sections in document */
ul.tocContainer {
    list-style: none;
    font-size: smaller;
}
ul.tocContainer li {
	list-style: none;
}

li.toclist0 {
    font-size: smaller;
    list-style: none;
    margin-bottom: 3pt;
    margin-left: -2em;
    margin-top: 1pt;
    text-indent: -1em;
}
li.toc {
    list-style: none;
}
.toclist1 {
    margin-left: -1em;
    margin-top: 1pt;
    margin-bottom: 2pt;
    text-indent: -1em;
    font-size: smaller;
    font-weight: normal;
}
.toclist2 {
    margin-left: 0em;
    text-indent: -1em;
    font-size: small;
}

a.toclist {
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

a.toclist: hover {
    text-decoration: underline;
}


/* breadcrumb trail */
#breadcrumb {
    padding-top: 5px;
}
ul.breadcrumb {
    display: inline;
    font-size: 0.8em;
    margin-left: 0;
    padding-left: 0;
}
ul.breadcrumb li {
    padding-left: 12px;
    padding-right: 5px;
    display: inline;
    color: #000;
    background: url(/images/rightarrow.gif);
    background-repeat: no-repeat;
    background-position: left;
}
a.breadcrumb: link,a.breadcrumb: link: visited {
    font-family: arial,sans-serif;
    color: #000066;
    font-weight: bold;
    text-decoration: none;
    padding-right: 5px;
}
/* ------------------------------------ */
/* Styles for topics definition list */
dl.topics {
    margin: 5px;
}
dl.topics dt {
    padding: 5px 5px 3px 3px;
    color: #000;
/* width: 14em; */
    border-bottom: 2px solid #0082EF;
    font-weight: bold;
}
dl.topics dd {
    padding: 10px 5px;
    background-color: #fff;
}
dl.topics dd a {
    font-size: 0.9em;
    color: #000;
}
/* ------------------------------ */
/*
   code for the additional menu underneath the main header
  div#mainMenu ul.topnav {
  padding: 5px;
  margin: 0px;
  margin-left: 10px;
  display: inline;
  }
  div#mainMenu ul.topnav li {
  display: inline;
  list-style: none;
  border-right: 1px solid #fff;
  margin: 3px;
  padding-right: 5px;
  text-align: center;
  font-weight: normal;
  }
  div#mainMenu ul.topnav li a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  }
  div#mainMenu ul.topnav li a: hover {
  text-decoration: underline;
  }
  div#mainMenu ul.topnav li a.skiplinks {
  border: none;
  border-right: 1px solid #fff;
  padding-right: 15px;
  color: #ccc;
  font-weight: normal;
  font-style: italic;
  display: inline;
  }
  div#mainMenu ul.topnav lia.skiplinks: hover {
  border: none;
  border-right: 1px solid #fff;
  padding-right: 15px;
  color: #fff;
  font-weight: normal;
  font-style: italic;
  display: inline;
  }
  div#mainMenu {
  background-color: #333;
  border-top: 1px solid #fff;
  }
  #mainMenu {
  position: relative;
  text-align: center;
  background-color: #eee;
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
  color: #000;
  margin: 0px;
  padding: 2px 0px 2px 10px;
  }
  #menuList {
  margin: 0px;
  padding: 0px;
  }
  #menuList ul {
  margin: 0px;
  padding: 0px;
  margin-left: auto;
  margin-right: auto;
  }
  #menuList li {
  display: inline;
  list-style: none;
  }
 */
/* top menu navigation code */
div#mainMenu ul.topnav {
    padding: 5px;
    margin: 0px;
    margin-left: 10px;
    display: inline;
}
div#mainMenu ul.topnav li {
    display: inline;
    list-style: none;
    border-right: 1px solid #fff;
    margin: 3px;
    padding-right: 5px;
    text-align: center;
/* check */    
    font-weight: normal;
}
div#mainMenu ul.topnav li a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}
div#mainMenu ul.topnav li a: hover {
    text-decoration: underline;
}
div#mainMenu ul.topnav li a.skiplinks {
    border: none;
    border-right: 1px solid #fff;
    padding-right: 15px;
    color: #ccc;
    font-weight: normal;
    font-style: italic;
    display: inline;
/* align: left; */
}
div#mainMenu ul.topnav li a.skiplinks: hover {
    border: none;
    border-right: 1px solid #fff;
    padding-right: 15px;
    color: #000;
    font-weight: normal;
    font-style: italic;
    display: inline;
}
div#mainMenu {
    background-color: #EEEFFF;
    border-top: 1px solid #fff;
}
#mainMenu {
    position: relative;
    text-align: center;
/* width: 99%;needed for ie to work properly! see ie sheet */
/* background-color: #eee; */
    background-color: #EEEFFF;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    color: #000;
    margin: 0px;
    padding: 2px 0px 2px 10px;
}
#menuList {
    margin: 0px;
    padding: 0px;
}
#menuList ul {
    margin: 0px;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
}
#menuList li {
    display: inline;
    list-style: none;
}
/* End of top menu code */
/* End of mainMenu styles */
/* Aligning next and back links to the righthand side of page */
p.right {
    text-align: right;
    margin: 0 0 10px 0;
}
/* end */
/* Adding in RSS styles from published stylesheets/oucs.css */
ul.rss {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.rss li {
    margin: 0;
    padding: 2px;
    text-align: left;
}
ul.rss li a {
    display: block;
    color: #000;
    text-decoration: none;
    line-height: 1.5em;
    font-weight: normal;
    border-bottom: 1px solid #eee;
}
.rss li a: hover {
    color: #fff;
    text-decoration: none;
    background-color: #223A9A;
    display: block;
}
/* RSS News Feed Styles */
div.main-content span.summary {
    display: block;
    font-weight: bold;
}
div.main-content span.summary a {
    color: #333;
    padding: 2px;
}
div.main-content span.attendee {
    display: block;
    font-weight: bold;
}
div.main-content span.location {
    display: block;
    margin-bottom: 3px;
}
div.main-content .description {
    margin-bottom: 5px;
}
div.main-content div.rss {
    background-color: #fff;
    border: 0;
}
div.main-content span.rssdescription {
    border-bottom: 0;
    background-color: #fff;
}
div.main-content .rsstitle {
    padding: 2px;
    background-color: #fff;
}
div.rss {
    background-color: #eee;
    padding: 3px;
    border: 1px solid #000066;
    margin-bottom: 3px;
}
span.rsstitle {
    font-size: 0.9em;
    font-weight: bold;
    background-color: #97ADFF;
    color: #333;
}
span.rsstitle a {
    color: #333;
    padding: 2px;
}
span.rsstitle a: hover {
    text-decoration: underline;
}
.rssdate {
    font-size: 0.75em;
}
span.rssdescription {
    font-size: 0.8em;
    margin-bottom: 5px;
    padding: 5px;
    border-bottom: 5px solid #00236B;
    display: block;
    background-color: #CBD6FF;
}
span.google_link_span, span.icalendar_link_span {
    float: right;
    margin: 1.5px;
}
#past span.google_link_span, #past span.icalendar_link_span {
    visibility: hidden;
    display: none;
}
body.past img.google_link_label, body.past img.icalendar_link_label {
    visibility: hidden;
    display: none;
}
div.genlinks span.rsslogo img {
    top: 0;
    right: 0;
}
dd.oxitems_item_dd {
    margin-bottom: 10px;
}
.oxitems_item_content_span {
    display: block;
}
.oxitems_item_published_span {
    display: block;
    font-size: 0.8em;
    font-style: italic;
}
/* end of RSS styles */
/* styling the course links sidebox div */
#col-b .toc {
    border: 1px solid #ccc;
    background-color: #eee; 
}
p.oucslisthead {
    display: block;
/*
  background-color: #000066;
  color: #fff;
 */
    font-weight: bold;
    margin: 0;
    padding: 5px;
}
li.listheading {
    font-weight: bold;
    color: #333;
}
.coursesbox li.listheading {
    color: #fff;
    display: block;
    margin: 0pt;
    padding: 2px;
    font-weight: bold;
    background-color: #000066;
}
.coursesbox {
    border: 1px solid #CCCCCC;
    padding: 5px;
    background-color: #EEEFFF;
}
ul.colouredbox {
    border: 1px solid #CCCCCC;
    background-color: #EEEFFF;
		 
}
p.oucslisthead a {
    color: #fff;
}
/* end of sidebox styles */
/* code variants */
code.Button {
    white-space: nowrap;
    color: Red;
    border: 1px solid #999;
    padding: 0 4px;
    background-color: #eee;
/*
  font-family: monospace;
  white-space: nowrap;
  color: red;
  font-weight: bold;
  background-color: rgb(75%,75%,75%)
 */
}
code.Command {
    font-family: monospace;
    color: blue;
    font-weight: bold;
}
code.Value {
    font-family: monospace;
    color: green;
}
code.Code {
    font-family: monospace;
    color: red;
}
code.Field {
    font-family: monospace;
    white-space: nowrap;
    color: red;
}
code.Filespec {
    font-family: monospace;
    color: red;
}
code.Input {
    font-family: monospace;
    color: green;
}
code.Key {
    font-family: monospace;
    text-decoration: underline;
    color: green;
}
code.Link {
    font-family: monospace;
    white-space: nowrap;
    color: green;
    text-decoration: underline;
}
code.Menu {
    font-family: monospace;
    white-space: nowrap;
    color: red;
}
code.Keyword {
    font-family: monospace;
    color: blue;
}
code.Output {
    font-family: monospace;
    color: red;
}
.Screen {
    display: block;
    white-space: pre;
    background-color: #FFCC99;
}
.Program {
    display: block;
    white-space: pre;
}
code.Icon {
    font-family: monospace;
    white-space: nowrap;
    text-decoration: underline;
}
code.Label {
    font-style: italic;
    white-space: nowrap;
}
span.term {
   font-style: italic;
}
/* End of code variants */
/* colour text */
.green {
    color: green;
}
.red {
    color: red;
}
.yellow {
    color: yellow;
}
/* in tables, the colour is for teh background */
td.green {
    background-color: green;
    color: black;
}
td.red {
    background-color: red;
    color: black;
}
td.yellow {
    background-color: yellow;
    color: black;
}
td.blue {
    background-color: blue;
    color: black;
}
/* Lists */
ol, ul {
    list-style-position: inside;
}

#rh-col ul {
    text-indent: -1em;
} 

/*#rh-col ol {
    list-style-position: outside;    commented out due to weird affect on contact page
} */

.no-bullets {
    list-style-image: none;
    list-style-type: none;
}
.lower-alpha {
    list-style-type: lower-alpha;
}
.upper-roman {
    list-style-type: upper-alpha;
}
.lower-roman {
    list-style-type: lower-roman;
}
.upper-roman {
    list-style-type: upper-roman;
}
.fancy-gold {
    list-style-position: outside;
    list-style-image: url("/images/goldball.gif");
}
.fancy-blue {
    list-style-position: outside;
    list-style-image: url("/images/blueball.gif");
}
.fancy-gold li, .fancy-blue li {
    padding-bottom: 2px;
}

/* remove till fix images */
#footer p {
    margin-left: 25%;
    text-align: left;
}
/* show/hide buttons styles */
.showHideButton {
    font-weight: bold;
    font-style: italic;
    background-color: #eee;
/*
      padding: 2px;
  border-left: 3px solid #aaa;
  border-bottom: 3px solid #aaa;
 */
}
.showHideMore {
    background-color: #ffc;
}
/* for literal XML */
span.element {
    font-weight: bold;
    color: black;
}
span.elementname {
    font-weight: bold;
    color: #222288;
}
span.attribute {
    color: #222288;
}
span.attributevalue {
    color: black;
}
span.comment {
    color: black;
    font-style: italic;
}
span.namespace {
    color: #222288;
}
/* literal code */
li pre {
    text-indent: 0px;
}
div.cdata {
    white-space: pre;
}
div.pre,pre {
    background-color: #FFFFCC;
    font-family: monospace;
    padding: 5px;
    margin: 2px;
    white-space: pre;
}
div.pre_eg,pre.eg {
    padding: 5px;
    margin: 5px;
    font-family: monospace;
    background-color: #DDDDDD;
    white-space: pre;
}
div.blockquote {
     margin: 10px 
}
span.bibl {
    display: block;
     font-style: italic 
}

.important {
    font-weight: bold;
	 color: red;
}
/* notes */
div.noteHeading {
   margin-top: 9pt;
   border: 0;
   border-top: 1pt;
   border-style: solid;
   padding-top: 6pt;
   font-size: larger;
   font-weight: bold;
}
div.noteBody {
  display: inline;
}

div.note {
   margin-left: 1em; 
   margin-bottom: 2pt; 
   text-indent: -1em;
}

/* Tables */

.centretext {
	text-align: center;
}
/*  end Tables */


/* used by JQuery tablesorter */
table.tablesorter thead tr .header {
        padding-right: 15px;
        background-image: url(/images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
}
table.tablesorter thead tr .headerSortUp {
        padding-right: 10px;
        background-image: url(/images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
        padding-right: 10px;
        background-image: url(/images/desc.gif);
}
table.tablesorter thead tr .noSort {
        background: none;
}


#col-a div.teidiv0,#col-b div.teidiv0 {
    border: 1px solid #000;
    background-color: #E7ECFF;
}

.teidiv0 {
    margin: 5px;
    padding: 5px;
}

/* a navigation bar */
#hdr2 {
    display: block;
    color: #000000;
    font-family: arial,sans-serif;
    font-weight: bold;
    background-color: #ccc;
    padding-left: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-right: 5px;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    text-align: center;
}
/* a breadcrumb trail */
#hdr3 {
    width: auto;
    color: #000000;
    background-color: #eee;
    padding-left: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-right: 5px;
    font-family: arial,sans-serif;
    font-weight: bold;
    font-size: smaller;
}
#col-b ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#col-b li a {
    display: block;
    text-decoration: none;
}
#col-b li a:hover {
    display: block;
    color: #fff;
    text-decoration: underline;
    background-color: #999;
}