/* CSS Document */

/* Sets the colour and image for the bar that runs across the very top of the website*/


.topBar {
	margin-top: 10px;
	background: #006000; 
	background-image:url('../images/snape/banner2.jpg');
	background-repeat:no-repeat;
	background-position:right; 
	
}


/*Sets the colour of the bar containing the bottom navigation */
.bottomNav {background: #82c0ff;}		
/*Sets the colour of the five boxes*/
.bottomNav a {background: #666666; border: 1px solid #FFFFFF;}
/*Sets the colour of the text within the five boxes*/
.bottomNav a:link, .bottomNav a:visited, .bottomNav a:active {color: #FFFFFF;}
/*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 box background behind the bottom navigation **************************/

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

.maintainer {margin: auto ; width: 740px; padding: 0; } 

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


/*Sets the colour for the bar underneath the bottom navigation*/
.maintainer {background: #006000; color: #333333;}
/*Sets the colour of the text for the updated date*/
.maintainerLeft {color: #333333;}
/*Sets the colour of the text for the maintainer text*/
.maintainerRight a:link, .maintainerRight a:visited, .maintainerRight a:active {color: #99ff00;}
/*Sets the colour of the text for the maintainer text, when the mouse is rolled over*/
.maintainerRight a:hover {color: #CF0026;}
/*Sets the colour of the approved text at the very bottom of the screen*/
.approved {color:#333333;}
/*Sets the colour for the  main background colour*/
body {background: #FFFFFF;}
body {background: #FFFFFF url('../images/theme/a1.gif') repeat-x;} 
/*Sets the background image for coloured menu on the left*/
.menu {background: url("../images/theme/menus_green.gif") repeat-y 0 0;}
/*Sets the right border colour of the main page content area*/
.container {border-right: solid 1px #cccccc;}
/*Sets the colour of menu boxes for the main navigation on the left*/
.columnOne li {background: #006000;}
/*Sets the colour for the text in the main navigation*/
.columnOne a:link, .columnOne a:visited, .columnOne a:active {color: #ffffff; border-bottom: 1px solid #ffffff;}
/*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: #33FF00;}
/*Sets the text colour for main page content area and also adds the shadow underneath the top main bar*/
.columnTwo {color: #505050 ; background:  url("../images/theme/shadow.gif") #E0E0E0 repeat-x;}
/*Sets the text colour for all links in the main page content area*/
.columnTwo a, .columnTwo a:link, .columnTwo a:visited, .columnTwo a:active {color: #333333;}	
/*Sets the text colour for all links in the main page content area when the mouse is rolled over*/
.columnTwo a:hover {color: #FF3300;}
/*Sets the image used for bullets in the main page content area*/
.columnTwo ul li {list-style-image:   url("../images/theme/bullet_green.gif");}
/*This is for the bottom of the screen, so that the background image for the menu shows up*/
.bottom {background: #006000;}
/*Sets the colour for the h1 text, main heading top right hand corner*/
h1 {color: #99ff00;}
/*Sets the colour for the h2 text, main heading of the page content area*/
h2 {color: #006000; border-bottom: 5px solid #006000;}
/*Sets the colour for the h3 text in the main page content area*/
h3 {color: #333333; border-top: 1px solid #E0E0E0;}
/*Sets the colour for the border arounds images*/
.photo {background: #E0E0E0;}
/*Sets the highlight box colour*/
.highlight {
	background: #adb79e;
	border: 1px solid  #006000;
	}
/*Sets the cell border colour for tables*/
td {border: 1px solid #ADB79E;}
/*Sets the table heading colour*/
th {background: #ADB79E;}
/*sets the background colour for all odd rows in a table*/
.odd {background: #ADB79E;}
/*sets the background colour for all even rows in a table*/
.even {background: #E0E0E0;}
/*sets the style for blockquotes when used with a div*/
blockquote { font-size: 72%;  background:  url("../images/theme/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 { padding: 0 48px;  background:  url("../images/theme/quoteright.gif") no-repeat right bottom;}

/*Controls the colours of the  breadcrumbs*/
.breadcrumbs {color: #3A570F;}
.breadcrumbs a {color: #3A570F !important;}
.breadcrumbs a:hover {color: #FFFFFF !important; background: #006000;}

/*These styles control the colours of the menu on the right side of the home page*/
.quick {border: 1px solid #ccc;}
.quick-header {background: #DDEEFF; color: #666;}

/*Controls the colours for the personal profile*/
.photo-caption {background: #ADB79E;}
.profile-quote {background: #ADB79E;}