/* CSS Document */



/*additional stuff */

/* NB This file is edited */

.tagline {background: #D8D6E7; color: #333333;}



/*BLUE colour style sheet for the 100% width 3 column template*/



/*This sets the colour of the bar that runs across the very top of the website*/

.topBar {background: #806A61; border-bottom: solid 1px #FFFFFF;}





/*This sets the colour of the bar containing the bottom navigation */

.bottomNav {background: #806A61;}

/*This sets the colour of the five boxes*/

.bottomNav a {background: #806A61; 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 !important; border-top: 1px solid #fff;}
.bottomNav ul {width: 100% !important;}
.bottomNav a {margin: 6px 2.2% 6px 2.2% !important;}
.maintainer {margin: 0 !important;}




/*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 image for the main navigation on the left hand side*/

.leftMenu {BACKGROUND:   url("/ec/images/3column/left_blue.gif") transparent 10% 0 repeat-y;}

/*This sets the background image for right hand side navigation, the percentage for rightMenu needs to be the same as columnOne and columnTwo added together*/

.rightMenu {BACKGROUND:   url("/ec/images/3column/right_blue.gif") 80% 0 repeat-y;}

.homeMenu {BACKGROUND:   url("/ec/images/3column/right_home.jpg") #fff 80% 0 no-repeat;}

/*This sets the background colour for the main navigation bars*/

.columnOne li {background: #57527E;}

/*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, .columnOne a#current {color: #333333; background: #ffffff;}

/*This sets the text colour and background colour for the main content area and also adds the top shadow*/

.columnTwo {COLOR: #333333; background:  url("/ec/images/3column/shadow.gif") #ffffff repeat-x; border-right: 1px solid #cccccc;}

.home-column {border: 0 solid #fff;}

/*This sets the colour for all links in the main page content area*/

.columnTwo a, .columnTwo a:link, .columnTwo a:visited, .columnTwo a:active {color: #333333;}	

/*This sets the colour for all links in the main page content area when the mouse is rolled over*/

.columnTwo a:hover {color: #9999CC;}

/*This sets the image used for bullets in the main page content area*/

.columnTwo ul li {list-style-image:   url("/ec/images/3column/bullet_blue.gif");}

/*This sets the background colour for the sub navigation*/

.columnThree {background: #D8D6E7;}

/*This sets the image used for bullets in the sub navigation*/

.columnThree li {background:  url("/ec/images/3column/doughnut2.gif") no-repeat left top; /* hide from IE mac \*/_background:  url("/ec/images/3column/doughnut.gif") no-repeat 0 0;	/*stop hide*/ border-bottom: 1px dotted #999999;}

/*This sets the text colour for the options in the sub navigation*/

.columnThree a, .columnThree a:link, .columnThree a:visited, .columnThree a:active {text-decoration: underline; color: #333333;}

/*This sets the text colour for the options in the sub navigation when the mouse is rolled over*/

.columnThree a:hover, #current {color: #ffffff;}

/*This is for mozilla only, so the background graphics for the menus shows up*/

.important {background: #ffffff;}

/*This sets the text colour for the h1 text, main heading top right hand corner*/

h1 {color: #FFFFFF;}

/*This sets the style for the page heading in the main content area*/

h2 {color: #333333; border-bottom: 5px solid #9999CC;}

/*This sets the style for sub-headings in the main content area*/

h3 {color: #333333; border-top: 1px solid #CCCCCC;}

/*This sets the colour for the border arounds images*/

.photo {background: #D8D6E7;}

/*This sets the highlight box colour*/

.highlight {background: #D8D6E7;}

/*This sets the cell border colour for tables*/

td {border: 1px solid #D8D6E7;}

/*This sets the table heading colour*/

th {background: #D8D6E7;}

/*sets the background colour for all odd rows in a table*/

.odd {background: #D8D6E7;}

/*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("/ec/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("/ec/images/quoteright.gif") no-repeat right bottom;}



/*Controls the colours of the  breadcrumbs*/

.breadcrumbs {color: #57527E;}

.breadcrumbs a {color: #57527E !important;}

.breadcrumbs a:hover {color: #0059B3 !important;}



/*Controls the coulours for the student profile*/

.photo-caption {background: #D8D6E7;}

.profile-quote {background: #D8D6E7;}

.wordhighlight {color: #6CA742;}