/* CSS Document */

/*BLUE colour style sheet for the 3 column static with floating menu 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: #666666; 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 colour for the  main background colour*/
BODY {background: #E9E9F3;}
/*sets the colour of main bars on the left and right*/
.menu {BACKGROUND:   url("../../images/menus_purple.gif") repeat-y 0 0;}
/*This sets the background colour for the main navigation bars*/
.columnOne li {background: #9999CC;}
/*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 for the main navigation bars, and also to show what section you are in*/
.columnOne a:hover, .columnOne a#current {color: #333333; background: #ffffff;}
/*This sets the background and text colour in the main content area and also adds the shadow*/
.columnTwo {COLOR: #333333; background:   url("../../images/shadow2_purple.gif") #ffffff no-repeat; border-right: solid 1px #cccccc;}
/*This sets the style for all links in the main page content area*/
.columnTwo a, .columnTwo a:link, .columnTwo a:visited, .columnTwo a:active {color: #0000FF;}
/*This sets the colour for the rollover state of all links in the main page content*/
.columnTwo a:hover {color: #9999CC;}
/*This sets the bullet image for the main page content area*/
.columnTwo ul li {list-style-image:   url("../../images/bullet_purple.gif");}	
/*This sets the background colour for the sub navigation*/
div.columnThree {background: #E1E1F0;}
/*This sets the bullet image used in the sub navigations*/
div.columnThree li {background:  url("../../images/doughnut2.gif") transparent no-repeat 0 4px; /* hide from IE mac \*/ _background:  url("../../images/doughnut.gif") no-repeat left top; 	/*stop hide*/ border-bottom: 1px dotted #999999;}
/*This sets the text colour for the options in the sub navigation*/
div.columnThree a, .columnThree a:link, .columnThree a:visited, .columnThree a:active {color: #333333;}
/*This sets the rollover state and current state for the sub navigation*/	
div.columnThree a:hover, #current {color: #9999CC;}
/*This is for the bottom of the screen, so that the background image for the menu shows up*/
.bottom {background: #F0F7FD;}
/*This sets the text colourfor the h1 text, main heading top right hand corner*/
h1 {color: #FFFFFF;}
/*This sets the style for the page heading in the main page content area*/
h2 {color: #333333;}
/*This sets the style for sub-headings in the main page content area*/
h3 {color: #333333; border-top: 1px solid #CCCCCC;}
/*This sets the colour for the border arounds images*/
.photo {background: #E9E9F3;}
/*This sets the highlight box colour*/
.highlight {background: #E9E9F3;}
/*This sets the cell border colour for tables*/
td {border: 1px solid #E9E9F3;}
/*This sets the table heading colour*/
th {background: #E9E9F3;}
/*sets the background colour for all odd rows in a table*/
.odd {background: #E9E9F3;}
/*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") right bottom no-repeat;}

/*Controls the colours of the  breadcrumbs*/
.breadcrumbs {color: #9999CC;}
.breadcrumbs a {color: #9999CC !important;}
.breadcrumbs a:hover {color: #5959AC !important;}

/*Controls the coulours for the student profile*/
.photo-caption {background: #E9E9F3;}
.profile-quote {background: #E9E9F3;}