/* CSS Document */

/*Style sheet for the 2 column static template*/

/*This style effects virtually everything within page, as all the page content sits within the body tag*/
BODY {PADDING: 0; MARGIN: 0; font-family: Verdana, Arial, Helvetica, sans-serif; 
background-image: url(http://www.le.ac.uk/ch/chembiol/siteimages/fc_gradient.jpg);
	background-repeat: repeat-x; 
	background-color:#Cccccc;}

.menu {background:#ffffff;
background-image:    url(http://www.le.ac.uk/ch/chembiol/siteimages/bg.gif);
	background-repeat: repeat-y;}
	.menuindex {background:#ffffff;}

/*This box contains the main navigation and main page content*/
.container {margin: 0 auto; width: 742px; padding: 0; }

.headgraphic{background-image:  url(http://www.le.ac.uk/ch/chembiol/siteimages/fc_headerbiology.jpg);
background-repeat: no-repeat;
width: 742px;
height: 129px;
margin: 0;
padding: 0;}



.mainimg{margin:0px 0px 15px 5px;}




/*The widths of columnOne and columnTwo should add up to 740px , column one is for the main navigation*/
.columnOne {FLOAT: left; WIDTH: 193px; PADDING: 15px 0px 0px 0px; margin:0px 10px 0px 5px; font-weight: bold; background: #ffffFF;}
/*This sets the padding and margin for the main navigation bars to zero*/
.columnOne ul {margin: 0; padding: 0; list-style: none; line-height: 100%;}
/*This sets font size, and text alignment*/
.columnOne li {font-size: 72%; border-bottom: 1px solid #ffffff; background: #ffffff; color: #E68729;}
/*This sets the style for the  main navigation bars, the height can be altered by adjusting the top and bottom padding, which is currently set to 5px*/
.columnOne a {display: block; text-decoration: none; padding: 5px 0px 5px 20px;  color:#666666;
background-image:     url(http://www.le.ac.uk/ch/chembiol/siteimages/arrowso.gif); background-repeat:no-repeat; margin:0px;}
.columnOne a:hover {color: #E68729; background: #ffffff; background-image:     url(http://www.le.ac.uk/ch/chembiol/siteimages/arrows.gif); background-repeat:no-repeat;}
/*This is the style sheet for the main navigation*/
a.current {color: #E68729; background: #ffffff; background-image:     url(http://www.le.ac.uk/ch/chembiol/siteimages/arrows.gif); background-repeat:no-repeat; }

.sub { PADDING: 0; margin: 0px; font-weight:normal; border-top: 1px solid #ffffff;}
.sub ul {padding: 0px 10px 0px 10px; margin: 0px;  list-style: none; line-height: 100%; }
.sub li {font-size: 70%; list-style: none; text-align: left; background: #ffffff; border-bottom: 1px solid #ffffff;}
.sub a {display: block; text-decoration: none; padding: 5px 0 5px 26px;  color: #666666; border-top: 1px solid #ffffff;
background-image:     url(http://www.le.ac.uk/ch/chembiol/siteimages/subarrows.gif); background-repeat:no-repeat; background-position:8px 2px;}
.sub a:hover {color: #E68729; background: #ffffff; background-image:     url(http://www.le.ac.uk/ch/chembiol/siteimages/subarrowso.gif); background-repeat:no-repeat; background-position:8px 2px; }
a.subcurrent {font-weight:bold;color: #E68729; background: #ffffff; background-image:     url(http://www.le.ac.uk/ch/chembiol/siteimages/subarrowsc.gif); background-repeat:no-repeat; background-position:8px 2px;}

.subsub { PADDING: 0; margin: 0px; font-weight:normal; border-top: 1px solid #ffffff;}
.subsub ul {padding: 0px 10px 0px 10px; margin: 0px;  list-style: none; line-height: 100%; }
.subsub li {font-size: 70%; list-style: none; text-align: left; background: #ffffff;}
.subsub a {display: block; text-decoration: none; padding: 5px 0 5px 26px;  color: #666666;; border-top: 1px solid #ffffff;
background-image:none; background-repeat:no-repeat; background-position:8px 2px;}
.subsub a:hover, a.subsubcurrent {color: #E68729; background: #ffffff; background-image:none; background-repeat:no-repeat; background-position:8px 2px;}


/*The widths of columnOne and columnTwo should add up to 740px , column two is for the main page contents*/
.columnTwo {  float: left; WIDTH: 520px; PADDING: 0px 0px 5px 5px; margin:0px; COLOR: #333333; }
.columnTwo hr {
	border: none 0;
	border-top: 1px solid #bcbec0; /* the border */
	width: 100%;
	height: 1px; /* total width of the border-top and border-bottom equal */
	text-align: centre; /* alignment for IE */
	margin: 4px 10px 0px 10px; /* alignment for Mozilla */
	padding:0px;
	}
/*This is the style for all links in the main page content*/
.columnTwo a, .columnTwo a:link, .columnTwo a:visited, .columnTwo a:active {text-decoration: underline; color:#666666;}
.columnTwo a:hover {text-decoration: underline; color:#E68729;}	


/*This sets the indent for a bulleted list and also its font size*/
.columnTwo ul {margin: 0px 0px 20px 20px; padding: 0; font-size: 70%; list-style: none;}

/*This sets the indent for a numbered list and also its font size*/
.columnTwo ol {margin: 0px 0px 20px 40px; padding: 0; font-size: 70%;}

/*This sets the indent for a definition list and also its font size*/
.columnTwo dl {margin: 0 0 0 29px; padding: 0; font-size: 72%;}

/*This provides a margin around the text in a numbered list*/
.columnTwo ol li {margin: 0; padding: 0px 15px 10px 10px; line-height:160%; list-style-type: decimal;}

/*This provides a margin around the text in a bulleted list*/
.columnTwo ul li {margin: 0; padding: 0px 0px 10px 20px; line-height:170%; background-image:     url(http://www.le.ac.uk/ch/chembiol/siteimages/bullet.jpg); background-repeat:no-repeat; background-position:5px 6px;}

/*This sets the indent for the first option in your definition list*/
.columnTwo dl dt {margin: 5px 0 0 0; padding: 0; font-weight: bold;}

/*This sets the indent for the second option in your definition list*/
.columnTwo dl dd {margin: 0 0 0 20px; padding: 0;}

.columnTwo img{border: 1px solid #cccccc; padding:3px; clear:both; margin:5px 5px 5px 5px;}
.columnTwo ul li img{border: 1px solid #ffffff; padding:0px; margin:0px;}



/*----------------------breadcrumb menu and strippy bar------------------------------------------*/
#breadtrail {
	background-color: #ffffff;
	margin:0px 18px 0px 18px;
	padding:14px 0px 0px 0px; 
	height:20px; 
background-image:   url(http://www.le.ac.uk/ch/chembiol/siteimages/fc_seperator2.gif);
	background-repeat:repeat-x;
	width:705px;
	clear:both;

}


.breadlinks{width:610px; float:left; font-family:Verdana, Arial, sans-serif;
	font-size:70%;
	color:#666666;
	line-height:140%}

.breadlinks a:link, .breadlinks a:visited {
	text-decoration:none;
	color:#666666;
	padding:2px;
}
.breadlinks a:hover {
	color:#666666;
	text-decoration:underline;}


.backtotop{float:left;
 text-align:right; font-family:Verdana, Arial, sans-serif;
	font-size:70%;
	color:#666666;
	line-height:140%}

.backtotop a:link, .backtotop a:visited {
	text-decoration:none;
	color:#666666;
	padding:2px;
}

.backtotop a:hover {
	color:#666666;
	text-decoration:underline;}
/*-------------------------------------------------------------------------------------*/


#alphabet{
width:400px;
padding:12px 0px 0px 10px;
font-size: 85%;
margin:5px 0px 0px 0px;
background-color: #ffffff;}

#alphabet ul {
	margin:0px;
	padding:0px;
	display: inline;} 

#alphabet ul li {
	margin: 0px 5px 0px 0px;
	padding:0px;
list-style: none;
	display: inline;
font-weight:bold;
	line-height:270%;}
	
#alphabet ul li a:link, #alphabet ul li a:visited {
text-decoration: none;
padding:4px 8px 4px 8px;
color:  #417295;
background-color:#ffffff;
border:1px solid #cccccc;}

#alphabet ul li a:hover {text-decoration: none; padding:4px 8px 4px 8px;
color: #ffffff;
background-color:#E68729;}

#alphabettwo{
width:400px;
padding:0px 0px 25px 10px;
font-size: 85%;
margin:4px 0px 0px 0px;
background-color: #ffffff;}

#alphabettwo ul {
	margin:0px;
	padding:0px;
	display: inline;} 

#alphabettwo ul li {
	margin: 0px 5px 0px 0px;
	padding:0px;
list-style: none;
	display: inline;
font-weight:bold;
	line-height:270%;}
	
#alphabettwo ul li a:link, #alphabettwo ul li a:visited {
text-decoration: none;
padding:4px 8px 4px 8px;
color:  #417295;
background-color:#ffffff;
border:1px solid #cccccc;}

#alphabettwo ul li a:hover {text-decoration: none; padding:4px 8px 4px 8px;
color: #ffffff;
background-color:#E68729;}



/*this is for the bottom of the screen, so that the background image for the menu shows up*/
.bottom {clear: both; overflow: hidden; width: 100%; height: 23px;  background-image:   url(http://www.le.ac.uk/ch/chembiol/siteimages/fc_footer.gif);
}

/*sets the text size for the h1 text, main heading top right hand corner*/
h1 {font-size: 120%; text-align: right; font-weight: bold; padding: 32px 5px 0 0; margin: 0; color: #FFFFFF; display: none;}

/*sets the style for the page heading*/
h2 {font-size: 100%; font-weight: bold; padding: 10px 10px 3px 0; margin: 15px 10px 10px 10px;}

/*sets the style for sub-headings*/
h3 {
	font-size: 85%;
	font-weight: bold;
	padding: 10px 0px 5px 0px;
	margin: 10px 10px 5px 10px;
	border-bottom:1px solid #cccccc;
	color: #E68729;
}

.heading a:link, .heading a:visited{text-decoration:none;}
/*sets the style for sub-headings*/
h4 {
	font-size: 80%;
	font-weight: bold;
	padding: 8px 0px 5px 0px;
	margin: 5px 10px 5px 10px;
color: #666666;
line-height:150%;
}
h5 {
	font-size: 75%;
	font-weight: bold;
	padding: 8px 0px 5px 0px;
	margin: 10px 10px 5px 10px;
color: #999999;
}
.superscript{vertical-align:super; font-size: 82%;}
.subscript{vertical-align:sub; font-size: 82%;}

/*sets the style for paragraph text*/
P {padding: 0; margin: 7px 10px 13px 10px; font-size: 70%; line-height: 150%; }

.quotes{ font-weight:bold;
line-height:175%; font-size:50%; color:#666666; padding:15px 45px 10px 45px;}

.qmarks{font-size:150%; color:#666666; background-image:     url(http://www.le.ac.uk/ch/chembiol/siteimages/quote_markstop.gif); background-repeat:no-repeat; background-position:10px 0px; }
.qmarkslast{ background-image:     url(http://www.le.ac.uk/ch/chembiol/siteimages/quote_marksbot.gif); background-repeat:no-repeat; background-position:bottom right;}

.newslist{ clear:both; font-weight:bold; }
hr {
	border: none 0;
	border-top: 1px solid #bcbec0; /* the border */
	width: 100%;
	height: 1px; /* total width of the border-top and border-bottom equal */
	text-align: centre; /* alignment for IE */
	margin: 4px 0px 0px 0px; /* alignment for Mozilla */
	}
	

	.dotted{
	border: none 0;
	border-top: 1px dashed #bcbec0; /* the border */
	width: 100%;
	height: 1px; /* total width of the border-top and border-bottom equal */
	text-align: centre; /* alignment for IE */
	margin: 4px 0px 0px 0px; /* alignment for Mozilla */
	}

/*sets a border of zero for all images*/
img {border: 0;}

/*sets the font style to bold*/
.bold {font-weight: bold;}

/*sets a div to clear any divs above it*/
.clear {CLEAR: both;}

/*floats the div to the right*/
.right {float: right; padding:5px;}

/*floats the div to the left*/
.left {float: left;}
.center{text-align:center;}


.grey {color:#666666;}

/*sets the form margins to zero*/
/*------------------All form elements--------------------------------------*/
form {margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif;}

/*sets the style for tables*/
form table, .noborder {border: 0; margin: 10px; padding: 0; border-collapse: collapse; font-size: 100%; width: 95%; line-height:150%;}
/*sets the style for cells within a table*/
form td, .noborder td {padding: 5px 5px 5px 0px; border: 1px solid #ffffff; vertical-align:top;  }
.noborder p,{font-size: 70%;}
.noborder h4{margin: 5px 10px 5px 0px;}

.formelements{
text-align:right;
padding: 97px 6px 0px 0px;
font-size:70%;
color:#333333;
font-weight:bold;
}

.tsearch {
padding: 0px 3px 0px 0px;
margin:0px;
}

input{font-size:85%; margin:0px; padding:0px;}
select{font-size:85%; margin:0px; padding:0px;}

.intxt{width:180px;}


/*-----------------------------------------------------------------------------------------*/


/*sets the height of a break*/
.br {height: 20px;}

/*style used for placing photos when used with a div*/
.photo {margin: 0 10px 10px 10px; /* hide from IE mac \*/ _margin: 0 5px 10px 5px; /*End hide*/ padding: 5px; width: auto; height: auto; background: #ffffff; border:1px solid #cccccc;}

/*style used to highlight text when used with a paragraph*/
.highlight { background-color:#CFDFEB; border:1px solid #A2C1D9; background-image:     url(http://www.le.ac.uk/ch/chembiol/siteimages/info.gif); background-repeat:no-repeat; padding:8px 5px 5px 50px; 
margin:25px 5px 5px 10px;}
.highlight p{padding: 0px 0px 10px 5px; margin:0px;  }

/*sets the style for tables*/
table {border: 0; margin: 10px; padding: 0; border-collapse: collapse; font-size: 70%; width: 95%; }
table p{ padding: 0; margin: 7px 10px 13px 0px;}

/*sets the style for table headings*/
th {padding: 5px; font-weight: bold; background: #666666; text-align:left; color:#ffffff;border: 1px solid #666666;}

/*sets the style for cells within a table*/
td {padding: 5px; border: 1px solid #666666; vertical-align:top;}
.odd {background: #CFDFEB;}
/*sets the background colour for all even rows in a table*/
.even {background: #ffffff;}

.news {border: 0; margin: 10px; padding: 0; border-collapse: collapse; font-size: 100%; width: 95%; line-height:150%;}
/*sets the style for cells within a table*/
.news td {padding: 5px 5px 5px 0px; border-bottom: 1px solid #cccccc; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; border-left: 1px solid #ffffff; vertical-align:top;  }
.news p{font-size: 70%;}
.news h4{margin: 5px 10px 5px 0px;}
.news a{font-weight:bold;}

.articleimage{clear:both;}

/*sets the style for blockquotes*/
blockquote { font-size: 72%;  background:  url(http://file:///X|/Computer%20Centre/LTS/michelle/chemistry/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 { padding: 0 48px; background:  url(http://file:///X|/Computer%20Centre/LTS/michelle/chemistry/images/quoteright.gif) no-repeat right bottom;}