/* CSS Document */

/*RED colour style sheet for the 100% width 2 column template - CSS written by david wickins of the LTS Univeristy of Leicester dw75@le.ac.uk">*/

/*This sets the colour of the bar that runs across the very top of the website*/
.topBar {background: #d7d2b4; border-bottom: solid 1px #FFFFFF; }


/*This sets the colour of the bar containing the bottom navigation */
.bottomNav {background: #666666;}
/*This sets the colour of the five boxes*/
.bottomNav a {background: #666666; border: 1px solid #FFFFFF;}
/*This sets the colour of the text within the five boxes*/
.bottomNav a:link, .bottomNav a:visited, .bottomNav a:active {color: #FFFFFF;}
/*This sets the colour of the five boxes and text within, when the mouse is rolled over*/
.bottomNav a:hover {color: #333333;	background: #FFFFFF;}


/************************ Styles used by the templates to add the grey box background behind the bottom navigation **************************/

.bottomNav {margin: 0;}
.bottomNav ul {width: 100%;}
.bottomNav a {margin: 6px 2.2% 6px 2.2%;}
.maintainer {margin: 0;}

/********************************************************************************************************************************************/


/*This sets the colour for the bar underneath the bottom navigation*/
.maintainer {background: #cccccc; color: #333333;}
/*This sets the colour of the text for the updated date*/
.maintainerLeft {color: #333333;}
/*This sets the colour of the text for the maintainer text*/
.maintainerRight a:link, .maintainerRight a:visited, .maintainerRight a:active {color: #333333;}
/*This sets the colour of the text for the maintainer text, when the mouse is rolled over*/
.maintainerRight a:hover {color: #CF0026;}
/*This sets the colour of the approved text at the very bottom of the screen*/
.approved {color:#333333;}


/*This sets the background colour for the main navigation on the left hand side*/
.leftMenu {BACKGROUND:   url("../../images/2column/left_dkblue.gif") transparent 10% 0 repeat-y;}
/*This is required to make the shadow in columnTwo look as though it runs all the way across the screen,*/
.extraShadow {BACKGROUND:  url("../../images/2column/shadow.gif") repeat-x;}
/*This sets the background colour for the main navigation bars*/
.columnOne li {background: #000066;}
/*This sets the text colour for the main navigation bars*/
.columnOne a:link, .columnOne a:visited, .columnOne a:active {color: #ffffff; border-bottom: 1px solid #ffffff;}
/*This sets the background colour and text colour for the rollover state, and also to show what section you are in*/
.columnOne a:hover, a.current {color: #000066; background: #d7d2b4;}
/*This sets the text colour for the main page content area, adds the shadow underneath the top bar*/
.columnTwo {COLOR: #333333; background:  url("../../images/2column/shadow.gif") #ffffff repeat-x; border-left: 1px solid #9999CC;}
/*This sets the text colour for all text links for the main page content area*/
.columnTwo a, .columnTwo a:link, .columnTwo a:visited, .columnTwo a:active {color: #3333CC;}
/*This sets the text colour for all text links for the main page content area when the mouse is rolled over*/
.columnTwo a:hover {color: #3333CC;}
/*This sets the bullet image for the main page content area*/
.columnTwo ul li {list-style-image:   url("../../images/2column/bullet_dkblue.gif");}
/*This is for mozilla only, and is used so the background graphics for the menus shows up*/
.important {background: #ffffff;}
/*This sets the colour for the h1 text, main heading top right hand corner*/
h1 {color: #000066;}
/*This sets the colour for the h2 text, main heading of the page content area*/
h2 {color: #333333; border-bottom: 5px solid #3333cc;}
/*This sets the colour for the h3 text for the main page content area*/
h3 {color: #333333; border-top: 1px solid #CCCCCC;}
/*This sets the colour for the border arounds images*/
.photo {background: #d7d2b4;}
/*This sets the highlight box colour*/
.highlight {background: #d7d2b4;}
/*This sets the cell border colour for tables*/
td {border: 1px solid #000099;}
/*This sets the table heading colour*/
th {background: #000099; color:ffffff}
/*sets the background colour for all odd rows in a table*/
.odd {background: #d7d2b4;}
/*sets the background colour for all even rows in a table*/
.even {background: #ffffff;}
/*sets the style for blockquotes when used with a div*/
blockquote {background:  url("../../images/quoteleft.gif") left top no-repeat;}
/*a div needs to be added to the blockquote to add the quote graphic on the right hand side*/
blockquote div {background:  url("../../images/quoteright.gif") no-repeat right bottom;}

/*These styles control the latest news panel on the home page*/
.latest {width: 294px; height: auto; border: 1px solid #ccc; padding: 5px; margin: 0 0 15px 0;}
.latest-width {width: 300px; padding:5px}

/*These styles control the menu on the right of the home page*/
.columnThree  ul {margin: 5px  0 0 20px; padding: 0; font-size: 70%; font-weight: normal; line-height: 140%;}
.columnThree  ul li {margin: 0; padding: 0 5px 2px 0; text-align: left;}
.columnThree {width: 200px; padding: 0 10px 0 10px; margin: 5px 0 0 0; text-align: center;}
.columnThree P {padding: 0; margin: 0 0 5px 0; font-size: 70%; line-height: 140%; }

/*These styles control the quick links panel on the home page*/
.quick-links-header {font-weight: bold; text-align: center; list-style-type: none;}
.quick-links {width: 35%; padding: 0; margin: 0 7px 10px 20px;}
.quick-links ul {margin: 0; padding: 0;}
.quick-links ul li {margin: 0 ; padding: 2px; display: block;}
.quick {padding: 5px; margin: 3px 0 3px 0;}
.quick-header {padding: 3px; font-size: 80%; font-weight: bold;}
.quick-width {width: 194px;}
/*These styles control the colours of the menu on the right side of the home page*/
.quick {border: 1px solid #ccc;}
.quick-header {background: #3333cc; color: #fff;}


/*Controls the colours of the  breadcrumbs*/
.breadcrumbs {color: #2473D5;}
.breadcrumbs a {color: #2473D5 !important;}
.breadcrumbs a:hover {color: #2473D5 !important;}

/*All of the styles below are used for the home page only*/
.leftsection {background: #fff;}
.rightsection {background: #fff;}

.spotlight {background: #d7d2b4;}
.spotlight-image {background: #fff;}

.latestnews {background: #BDD6EE;}
.quicklinks {background: #BDD6EE;}

.spotlight a:hover, .latestnews a:hover, .quicklinks a:hover {color: #6699CC;}

.photo-caption {background: #d7d2b4;}
.profile-quote {background: #d7d2b4;}