@charset "utf-8";
/*
Design by Shepline Creative
http://creative.shepline.com
All rights reserved.
*/

* { margin: 0; padding: 0; }
html { min-height: 100.2%; }
body { font-size: 62.5%; margin-top: 20px; background: #330000 url('/includes/img01.gif') repeat-x; color: #330000; }
.clear { clear: both; height: 0; }

/* Navigation Strip ------------------------------------------------------------ */
#navStripWrapper { text-align: center; padding: 0px; height: 30px; border-bottom: #f6e6d7 solid 1px; background-image: url('/includes/navbar-bgrnd.png'); }
#nav { vertical-align: middle; line-height: 1.5em; background-color: transparent; font-family: "Century Gothic", arial, verdana, sans-serif; font-size: 1.1em; font-weight: bold; text-transform: uppercase ;  letter-spacing: 1px; border-left: #877258 solid 1px; border-top: #f6e6d7 solid 1px; }
#nav ul { margin-left: 0; font-family: "Century Gothic", arial, verdana, sans-serif; }
#nav li { list-style: none; display: block; float: left; background-color: transparent; width: 117px; height: 30px; border-right: #f6e6d7 solid 1px; }
#nav li a { color: #330000; display: block; width: 117px; height: 30px; text-decoration: none; margin: 0; }
#nav li a span { color: #330000; display: block; width: 117px; height: 30px;  }
#nav li a:hover { color: #f6e6d7; background-color: #330000; display: block; }
#nav li a.focus { color: #f6e6d7; background-color: #330000; display: block; }
#nav li a.focus span { color: #ccc; display: block; }

/* Publications Menu ----------------------------------------------------------- */
.last { margin-right: 0; }
.dept { display: block; height: 160px; margin: 10px 10px 0 0; background: #fff; float: left; }
.bookmenu { display: block; float: left; margin: 10px 30px 0 0; }
#oxsciwalk h3 {
    background: url("/books/images/oxsciwalk.jpg") no-repeat scroll 0 0 transparent;
    font-size: 0; font-weight: normal; width: 117px; height: 227px; margin: 0; padding: 0; text-indent: -9000px; }
#oxsciwalk h3 a {
    background: url("/books/images/oxsciwalk.jpg") no-repeat scroll 0 0 transparent;
    display: block; width: 117px; height: 227px; margin: 0; padding: 0; text-decoration: none; }
#oxtrees h3 {
    background: url("/books/images/oxtrees.jpg") no-repeat scroll 0 0 transparent;
    font-size: 0; font-weight: normal; width: 150px; height: 227px; margin: 0; padding: 0; text-indent: -9000px; }
#oxtrees h3 a {
    background: url("/books/images/oxtrees.jpg") no-repeat scroll 0 0 transparent;
    display: block; width: 150px; height: 227px; margin: 0; padding: 0; text-decoration: none; }
#darwin h3 {
    background: url("/books/images/darwin.jpg") no-repeat scroll 0 0 transparent;
    font-size: 0; font-weight: normal; height: 227px; margin: 0; padding: 0; text-indent: -9000px; width: 150px; }
#darwin h3 a {
    background: url("/books/images/darwin.jpg") no-repeat scroll 0 0 transparent;
    display: block; height: 227px; margin: 0; padding: 0; text-decoration: none; width: 150px; }
#penicillin h3 {
    background: url("/books/images/penicillin.jpg") no-repeat scroll 0 0 transparent;
    font-size: 0; font-weight: normal; height: 227px; margin: 0; padding: 0; text-indent: -9000px; width: 150px; }
#penicillin h3 a {
    background: url("/books/images/penicillin.jpg") no-repeat scroll 0 0 transparent;
    display: block; height: 227px; margin: 0; padding: 0; text-decoration: none; width: 150px; }
#gill h3 {
    background: url("/books/images/gill.jpg") no-repeat scroll 0 0 transparent;
    font-size: 0; font-weight: normal; width: 212px; height: 150px; margin: 0; padding: 0; text-indent: -9000px; }
#gill h3 a {
    background: url("/books/images/gill.jpg") no-repeat scroll 0 0 transparent;
    display: block; width: 212px; height: 150px; margin: 0; padding: 0; text-decoration: none; }
#aristotle h3 {
    background: url("/books/images/aristotle.jpg") no-repeat scroll 0 0 transparent;
    font-size: 0; font-weight: normal; height: 227px; margin: 0; padding: 0; text-indent: -9000px; width: 150px; }
#aristotle h3 a {
    background: url("/books/images/aristotle.jpg") no-repeat scroll 0 0 transparent;
    display: block; height: 227px; margin: 0; padding: 0; text-decoration: none; width: 150px; }
#forbidden-fruit h3 {
    background: url("/books/images/forbidden-fruit.jpg") no-repeat scroll 0 0 transparent;
    font-size: 0; font-weight: normal; height: 227px; margin: 0; padding: 0; text-indent: -9000px; width: 150px; }
#forbidden-fruit h3 a {
    background: url("/books/images/forbidden-fruit.jpg") no-repeat scroll 0 0 transparent;
    display: block; height: 227px; margin: 0; padding: 0; text-decoration: none; width: 150px;}

/* Main Font Styles ------------------------------------------------------------ */
h1 { font-family: Georgia, Garamond, "Times New Roman", serif; margin-bottom: 1em; color: #330000; font-size: 4 em; }
h2 { font-family: Georgia, Garamond, "Times New Roman", serif; margin-bottom: 1em; color: #330000; font-size: 3.5 em; }
h3 { font-family: Georgia, Garamond, "Times New Roman", serif; margin-bottom: 1em; color: #330000; font-size: 2.5 em; }
h4 { font-family: Georgia, Garamond, "Times New Roman", serif; margin-bottom: 1em; color: #330000; font-size: 4 em; font-variant: small-caps; }
p { font-family: Georgia, Garamond, "Times New Roman", serif; font-size: 13pt; margin-bottom: 1em; text-align: inherit; line-height: 16pt; }
blockquote, ul, ol { font-family: Georgia, Garamond, "Times New Roman", serif; font-size: 1.2em; margin-bottom: 1.5em; text-align: inherit; line-height: 1.8em; }
blockquote, ul, ol { margin-left: 3em; }
blockquote { margin-right: 3em; }
a { color: #330000; }
a:hover { text-decoration: none; color: #FFFFFF; background-color: #330000; }
img { border: none; }
img.left { float: left; margin: 0 15px 15px 0; }
img.right { float: right; margin: 0 15px 0 15px; }
hr { width: 1ox; margin-top: 10px; margin-bottom: 10px; color: #330000; }

/* Boxed */
.boxed { }
.boxed .title { margin: 0; padding: 5px 15px; background: url(img08.gif) no-repeat left center; text-transform: uppercase; font-size: small; }
.boxed .content { padding: 10px; background: url(img09.gif) repeat-x; }
.boxed ol, .boxed ul { margin-left: 0; list-style-position: inside; }

/* Logo */
#logo { width: 760px; height: 200px; margin: 0 auto; background: #000000 url(img02.jpg) no-repeat; border-bottom: solid #f6e6d7 1px; }
#logo h1 { float: left; width: 600px; margin: 0; padding: 164px 0 0 0; text-align: right; letter-spacing: 5px; font-size: 18px; }
#logo h2 { float: right; margin: 0; padding: 170px 20px 0 0; font-size: 11px; }
#logo a { text-decoration: none; color: #FFFFFF; }

/* Page */
#page { width: 760px; margin: 0 auto; background: #f6e6d7; }

/* Content */
#content { float: left; width: 480px; padding: 20px; background: url('/includes/img03.jpg') no-repeat; }
#content-bookpage { float: left; width: 720px; padding: 20px; background: url('/includes/img03a.jpg') no-repeat; }
#welcome { padding-bottom: 20px; }
#olist { clear: left; float: left; width: 230px; }
#ulist { float: left; width: 230px; padding-left: 20px; }

/* Sidebar */
#sidebar { float: right; width: 200px; padding: 20px; background: url('/includes/img04.jpg') no-repeat; min-height: 250px; }
#sidebar blockquote { margin-left: 0; margin-right: 0; }
#sidebar p { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.2em; margin-top: 0px; margin-bottom: 0.7em; }
.hsplogo { background-image: url('HuxleyScientificPress.png'); background-repeat: no-repeat; height: 117px; width: 450px; }
div span {display:none;}

/* Menu */
#menu { margin-bottom: 19px; }
#menu h2 { display: none; }
#menu ul { margin: 0; padding: 0; list-style: none; line-height: normal; }
#menu li { display: block; padding-top: 1px; background: url('/includes/img07.gif') repeat-x; }
#menu li.first { background: none; }
#menu a {
	display: block;
	width: 165px;
	padding: 7px 10px 7px 25px;
	text-transform: uppercase;
	background: url(img08.gif) no-repeat 10px 50%;
	text-decoration: none;
	letter-spacing: 1px;
	font-size: x-small;
	font-weight: bold;
}
#menu a:hover { background-color: #f6e6d7; }

/* Footer */
#footer { width: 760px; margin: 0 auto; padding: 20px 0; background: url(img05.gif) repeat-x; }
#footer p { margin: 0; text-align: center; font-size: x-small; color: #ffffff; }
#footer a { color: #ffffff; }
#footer a:hover { background-color: #f6e6d7; color: #330000; }