/* Import generic styles */
@import url(/sitetech/generic.css);

/* Layout */
body {margin: 12px auto; padding: 0 10px; background-color: #fff;}
body#www-quaternary-group-cam-ac-uk {background-color: #8191D7;}
#container {border: 2px solid silver; min-width: 740px; background: url(/images/furniture/sidebar.png) repeat-y #fff; margin: 0 auto; width: 85%; padding: 10px 25px;}
#header {clear: both; margin-bottom: 25px; padding-top: 10px;}
* html #header {margin-bottom: 15px;} /* Win/IE only sees this line */
#menu {clear: left; float: left; width: 150px; margin: 0 0 10px 0; padding: 0; line-height: 1.3em;}
#content {min-height: 381px; margin: 0 0 20px 170px; /*border-left: 1px solid #f0f0f0;*/ padding: 8px 0 20px 15px;}
#sidebar {float: right; width: 20%; margin: 1.2em 0 10px 22px; padding: 0 0 25px 20px; border-left: 1px solid #f0f0f0;}
#footer {clear: both; padding: 10px 0; border-top: 1px solid #f0f0f0; text-align: center; margin-left: 186px;}

/* Fonts - see www.thenoodleincident.com/tutorials/typography/ */
body, input, select, textarea {font-family: 'trebuchet MS', verdana, tahoma, arial, helvetica, sans-serif;}
body {font-size: 81%; color: #333; line-height: 1.45em;}
body, p {text-align: justify;}
p, table {font-size: 1em; color: #222;}
pre, tt {font-size: 0.9em;}
textarea {font-size: 1em;}
#header, #menu, #sidebar.smaller, #footer, p.locationline {font-size: 0.88em;}

/* Header */
#header a {border-bottom: 0;}
#header a:hover {background-color: transparent; text-decoration: underline;}
#header ul.widgets {clear: right; float: right; margin: 0 10px 8px; text-align: right;}
#header ul.widgets li, #header ul.widgets li form {display: inline; padding-left: 6px;}
#header ul.widgets li label {display: none;}
#header ul.widgets li.first {border-right: 1px solid white; padding-right: 3px;}
#header select, #header input {font-size: 1em; color: #606060;}
#header img {float: left; border: 0; margin: 0 0 18px 10px;}
#header img.link {border: 0;}
#headerbar {height: 20px; clear: both; background-color: #eee;}
#headerbar p.locationline {display: block; margin-left: 180px; border-bottom: 0; text-align: left;/* line-height: 1.4em;*/}

/* Menu */
#menu ul {list-style: none; width: 150px; margin: 0; padding: 0; text-align: left;}
#menu li {font-family: 'Lucida Grande', 'trebuchet MS', verdana, tahoma, arial, helvetica, sans-serif; margin: 0 0 4px; list-style-type: none;}
#menu li a {font-weight: bold; text-decoration: none; display: block; padding: 6px 0 6px 10px; background-color: #F0F9FE; border-left: 4px solid #aaa;}
/* #menu li a {color: #505050;} */
#menu li a {width: 136px;}	/* Hack: restatement of width necessary to stop Win/IE6 adding margin between blocks - see http://lists.evolt.org/archive/Week-of-Mon-20050117/168008.html */
#menu li.indent a {padding-left: 17px;}
#menu li.indent a {width: 129px;}	/* Hack: restatement of width necessary to stop Win/IE6 adding margin between blocks - see http://lists.evolt.org/archive/Week-of-Mon-20050117/168008.html */
#menu li a:hover, #menu li.selected a:hover {background-color: #fff; border-left: 4px solid #286ea0;}
#menu li.selected a {background-color: #fff;}

/* Submenus */
#menu ul ul {margin-bottom: 10px;}
#menu li li {margin: 0;}
#menu li li a {font-weight: normal; padding: 2px 0 2px 10px;}
#menu li li a:hover {border-left-color: #666699;}
/* #!# Ideally make this so that #menu li li is gray but on hover is the section's colour */
#menu li.selected li a {background-color: #F0F9FE;}

/* Footer */
#footer, #footer a {color: #808080; text-decoration: none;}
#footer #toolbar {text-align: left; float: left;}
#footer p, #footer a {color: #808080;}
#footer ul {margin: 0; padding: 0;}
#footer li {display: inline;}
#footer a {font-weight: normal; border-bottom: 0; padding: 0 5px 0 3px; border-right: 1px solid #eee;}
#footer a:hover {text-decoration: underline; background-color: transparent;}
#footer #toolbar li:first-child a {padding-left: 0;}
#footer #toolbar li:last-child a {border-right: 0;}
#footer #spamtrap {display: none;}
#footer #colophon p {margin: 0 0 5px; text-align: right;}

/* Headings */
h1, h2, h3, h4, h5, h6 {color: #039/*#9a4951*/; font-weight: normal; line-height: 1.3em; text-align: left;}
h1 {font-size: 2.2em; margin-top: 0;}
h2 {font-size: 1.5em; margin-top: 1.75em;}
h3 {font-size: 1.1em; font-weight: bold;}
h4 {font-size: 1em; font-weight: bold; font-style: italic;}

/* Links */
a {text-decoration: none; color: #039; border-bottom: 1px solid #ddd;}
.imagelinks a, a.imagelinks {border: 0; padding: 0;}
a:hover {border-bottom-color: #bbb; background-color: #f7f7f7;}

/* Lists */
ul li {list-style-type: square; margin-top: 4px;}
dt {margin-top: 2em; font-weight: bold;}
dd {margin-top: 0.5em;}
dl.ap dt {margin-top: 1em; font-weight: normal; font-style: italic; color: #603;}

/* Other */
th {color: #777;}
blockquote {font-style: italic;}

optgroup {color: gray; font-weight: normal;}


/* Miscellaneous styles */
ol.small li, ul.small li {font-family: verdana, arial, helvetica, sans-serif;}

/* Print layout overrides */
@media print {
	body {margin: 0 auto; padding: 0; background-color: #fff; color: #000;}
	#header, #menu, #footer {display: none;}
	#container {border: 0;}
	#content {margin: 0; border: 0;}
	body.people #sidebar span.address, body.people #sidebar address {display: inline;}
	body.people #sidebar a.address, body.people #sidebar span.addressvisible, body.people #sidebar .jumpto {display: none;}
	/* #!# Known bug: Win/IE6 inserts a clear to the left of the sidebar */
}