/* CSS Document */

/*Colour style sheet for the 100% width 2 column template with horizontal top menu - 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 {}


/*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 right hand side*/
.rightMenu {background-color: #EEF5E4;}

/*This controls the colour of the top menu bar*/
.horizontal-menu {background-color: #cccc99;}
/*This controls the colour of the separator between each menu option*/
.horizontal-menu a {border-left: 3px solid #cccc99;}
/*This controls the colour of each menu box option*/
.navigation:link, .navigation:visited, .navigation:active {background: #889EDB; color: #FFF;}
/*This controls the colour of the rollover state and current state of the menu box options*/
.navigation:hover, .navigation-current, .navhome:hover, .navnews:hover, .navresources:hover, .navstudy:hover {background: #fff; color: #d36d12;}
/*This sets the background colour for the main navigation bars*/
.submenu li {background: transparent;}
/*This sets the text colour for the main navigation bars*/
.submenu a:link, .submenu a:visited, .submenu a:active {color: #d36d12; border-bottom: 1px solid #fff;}
/*This sets the background colour and text colour for the rollover state, and also to show what section you are in*/
.submenu a:hover, .submenu a#current {color: #d36d12; background: #ffffff;}

/*This sets the text colour for the main page content area, adds the shadow underneath the top bar*/
.columnTwo {COLOR: #333333; background:   url(../../images/css/shadow.gif) #ffffff repeat-x;}
/*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: #333333;}
/*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: #d36d12; background: #eef5e4;}
/*This sets the bullet image for the main page content area*/
.columnTwo ul li {list-style-image:    url(../../images/css/bullet_news.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: #ffffff; background-color: #d36d12;  border-bottom: 3px solid #cccc99;}
/*This sets the colour for the h2 text, main heading of the page content area*/
h2 {color: #333333; border-bottom: 5px solid #d36d12;}
/*This sets the colour for the border arounds ../images*/
.photo {background: #ffffff;}
/*This sets the highlight box colour*/
.highlight {background-color: #eef5e4;}
/*This sets the cell border colour for tables*/
td {border: 1px solid #FFFFFF;}
/*This sets the table heading colour*/
th {background:#eef5e4;}
/*sets the background colour for all odd rows in a table*/
.odd {background: #eef5e4;}
/*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;}

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

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

.latest-news {background: #E4F5DE;}
.quick-links {background: #E4F5DE;}
.latest-news ul li {list-style-image: url(../../images/css/bullet_news.gif)!important;}
.quick-links ul li {list-style-image: url(../../images/css/bullet_news.gif)!important;}
.quick-links a:hover, .latest-news a:hover {color: #58B436 !important;}
/*These styles control the colours of the menu on the right side of the home page*/
.quick {border: 1px solid #ccc;}
.quick-header {background: #CCCC99; color: #FFF;}