/* BODY AND CONTAINER */

body {background: url(../images/body_background.jpg) repeat-x #A86483 top left fixed; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif;}

#container {width: 760px; margin: 20px auto; background-color: #fff; border: 4px solid #652341;}
		
/* GENERAL STYLES */
		
h1 {font-weight: bold; font-size: 130%; color: #6B91D7; margin: 35px 0 0 0; padding: 0; float: left; line-height: 1em;}
h2 {color: #8B3059; font-size: 110%; margin: 10px 0 10px 0; padding: 0;}
h3 {color: #6B91D7; font-size: 85%; border-top: 1px solid #E4EBF8; margin: 0 0 5px 0; padding: 10px 0 0 0;}
h4 {color: #8B3059; font-size: 80%; margin: 0 0 5px 0; padding: 10px 0 0 0;}
		
.font-normal {font-weight: normal;}

/* IMAGES */		
		
		a img {
	  		border: none;
	  	}

		img.left,img.center,img.right {
	  		padding: 4px;
	  		border: 1px dashed #D1C9BE;
	  		margin: 0px;
	  	}

		img.left {
	  		float: left;
	  		margin: 0 12px 5px 0;
	  	}

		img.center {
			display: block;
	  		margin: 0 auto 5px auto;
	  	}
	
		img.right {
	  		float: right;
	  		margin: 0 0 5px 12px;
	  	}

.biobator-logo {float:right; }
				
/* HEADER */

#header {padding: 10px 10px 0 10px; margin: 0; background:  #fff; height: 85px;}

/* NAVIGATION */

#navigation_Main {height: 30px; width: 96%; border-top: solid #5F8BD1 1px; margin: 0 0 0 15px;}
#navigation_Main ul {margin: 5px 0 0 0; padding: 0;}
#navigation_Main li {list-style-type: none; display: inline; font-size: 72%; font-weight: bold; background: url(../images/dot.gif) transparent no-repeat top right; padding: 7px 17px 7px 0;}
#navigation_Main a:link, #navigation_Main a:visited, #navigation_Main a:active {color: #6B91D7; text-decoration: none;}
#navigation_Main a:hover {color: #A66080; text-decoration: none;}
#special {padding: 7px 0 7px 0 !important; background: none !important;}

.colheader {padding: 5px 5px 0 5px; margin: 0; background:  #fff; height: 32px;}
.firstcol  {width: 150px; margin: 0 10px 0 10px; background-color: #fff; border: 1px solid #652341; float: left}
.secondcol {width: 150px; margin: 0 10px 0 10px; background-color: #fff; border: 1px solid #652341; float: left}
.thirdcol  {width: 150px; margin: 0 10px 0 10px; background-color: #fff; border: 1px solid #652341; float: left}
.fourthcol {width: 150px; margin: 0 10px 0 10px; background-color: #fff; border: 1px solid #652341; float: left}

.centre {width: 700px; margin: 0 auto;}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
/* .mainmenu {
	width: 150px;
	}

.mainmenu li {font-size: 72%; color: #323232;}
	
.mainmenu li a {
  	border: 1px solid #D0D0D0;
	height: 25px;
	text-decoration: none;
	}	
	
.mainmenu li a:link, .mainmenu li a:visited {
	color: #777;
	display: block;
	background: url(http://www.le.ac.uk/biobator/images/mainmenu.gif);
	padding: 8px 0px 0 0px;
	text-align: center;
	}
	
.mainmenu li a:hover {
	color: #ff0000 !important;
	background: url(http://www.le.ac.uk/biobator/images/mainmenu.gif) 0 -33px;
	padding: 8px 0px 0 0px;
	text-align: center;
	}

.mainmenu li a:active {
	color: #fff;
	background: url(http://www.le.ac.uk/biobator/images/mainmenu.gif) 0 -64px;
	padding: 8px 0px 0 0px;
	text-align: center;
	}
*/

#menu1 {width: 150px; margin: 10px 10px 10px 13px; _margin: 10px 10px 10px 7px; float: left; font-size: 72%; border-top: 1px solid #E4EBF8; border-bottom: 1px solid #E4EBF8;}
#menu1 li a {height: 22px;}
#menu1 li a:link, #menu1 li a:visited, #menu1 li a:active {color: #6B91D7; display: block; background: url("../images/menu1.gif");   padding: 10px 0 0 10px;}
#menu1 li a:hover, #menu1 li a#current {color: #6B91D7; background:   url("../images/menu1.gif") 0 -32px;}	


#menu2 {width: 150px; margin: 0px 0px 3px 0px; _margin: 0px 0px 3px 0px; float: left; font-size: 60%; border-top: 1px solid #E4EBF8; border-bottom: 1px solid #E4EBF8;}
#menu2 li a {height: 11px;}
#menu2 li a:link, #menu2 li a:visited, #menu2 li a:active {color: #6B91D7; display: block; background: url("../images/menu1.gif");   padding: 10px 0 0 0px;}
#menu2 li a:hover, #menu2 li a#current {color: #6B91D7; background:   url("../images/menu1.gif") 0 -32px;}	

ul {list-style: none; margin: 0; padding: 0;}
img {border: none;} 
		
/* CONTENT AREA*/

#content {width: 410px; margin-left: 180px;}
#content p {padding: 0 0 10px 0; font-size: 75%; margin: 0; line-height: 140%; color: #333;}
#content a:link, #content a:visited, #content a:active {text-decoration: underline; color: #333;}
#content a:hover {color: #06CFF2;}

/* RIGHT HAND SIDEBAR */

#sidebar {float: right; width: 150px;}
#sidebar p {padding-bottom: 10px; margin-right: 10px; border-bottom: 1px solid #E4EBF8; font-size: 72%; line-height: 140%;}
#sidebar a:link, #sidebar a:visited, #sidebar a:active {color: #66749A; text-decoration: underline;}
#sidebar a:hover {color: #06CFF2; text-decoration: underline;}

/* FOOTER */

#footer {margin: 20px 0 0 0; clear: both; background: #E0C9D3; padding: 5px; _padding: 2px 5px 5px 5px; text-align: center;}
#footer p {color: #8B3059; padding: 0 5px 0 5px; font-size: 70%; margin: 0; line-height: 140%;}
#footer a:link, #footer a:visited, #footer a:active  {color: #8B3059;}
#footer a:hover {color: #FFFFFF;}
		
/* ID  */

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


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

.left {float: left;}

form {float:right; margin-top: -45px; padding-right: 10px;}
input {background-color: #D1C9BE; color: #000000; border: 1px solid #000000; font-size: 140%; padding: 3px; }
.button {padding: 2px;}