/* CSS Document */
* {margin:0;padding:0}
html {font:small/1.4 Georgia, "Times New Roman", Times, serif;color:#464646;}
body {font-size:100%;padding:18px 0 0 30px;}
a {outline:none;text-decoration:none;color:#50617a;}
a:hover {color:#ef3b24;}
select { min-width:1.5em; }
ul {list-style:none;}
img{outline:none;border:none;}
h2 { /* for all page headers */
font-weight:normal;
font-size:18px;
color:#000;
}
h3 { /* for all page subheaders */
font-weight:normal;
font-size:15px;
color:#464646;
}
cite {

}
/*____________________________
CSS FOR LAYOUT
ญญญญญญญญญญญญญญญญญญญญญญญญญญญญญ*/
/* OVERALL CONTAINER */
div#container {
position:relative;
width:958px;
padding:0;
}
.morewidth div#container {
width:1062px;
}
/* HEADER CSS */
div#header {
position:relative;
height:50px;
width:100%;
margin:0;
padding:0;
}
div#logo {
position:absolute;
width:678px;
height:40px;
top:0;
left:15px;
padding:0;
}
div#logo h1 {
position:relative;
width:678px;
height:40px;
overflow:hidden;
font-size:1.55em;
}
div#logo h1 a {
position:absolute;
left:0;
top:0;
width:678px;
height:40px;
text-indent:-5000em;
display:block;
background:url(../images/logo.gif) no-repeat 0 0;
}
div#logo h1 a:hover {
width:678px;
height:40px;;
background:url(../images/logo.gif) no-repeat 0 -40px;
}
/*
_____CONTENT CSS
*/
div#contentwrapper {
position:relative;
width:956px;
margin:0 0 22px 0;
padding:0;
}
.morewidth div#contentwrapper {
width:1060px;
}
div#menu {
position:relative;
float:left;
width:210px;
height:752px;
margin:0;
background:url(../images/left_tile.gif);
}
div#content {
position:relative;
float:right;
width:734px;
min-height:752px;
height:auto !important;
height:752px;
background:#dee1e8 url(../images/right_corner.gif) no-repeat bottom left;
}
.morewidth div#content {
background:#dee1e8 url(../images/btcorners-838.gif) no-repeat bottom left;
width:838px;
}
/* HOME PAGE CSS */
#home {
padding:20px 56px 40px 50px;
}
#home h2 {
color:#50617a;
font-size:1.6em;
margin-top:-5px;
margin-bottom:10px;
}
#home img {
margin-top:20px;
}
#hometop {
height:auto;
width:100%;
margin-bottom:80px;
}
#hometop img.imgleft {
margin-top:0;
float:left;
width:231;;
height:349;
}
#homeright {
float:right;
width:364px;
}
#homeright blockquote {
position:relative;
width:100%;
margin-bottom:8px;
padding:0;
font-size:13px;
line-height:1.5em;
text-align:justify;
}
#homeright blockquote cite {
display:block;
font-style:normal;
margin-top:6px;
}
.spacer {
height:4px;
}
#homeright h4 {
margin-top:10px;
}
#homeright p {
width:354px;
text-align:justify;
}
#homeright em {
margin-bottom:40px;
display:block;
text-align:right;
width:300px;
height:19px;
font-style:normal;
font-size:1.4em;
}
#homeright h2 {
margin-bottom:28px;
height:20px;
text-indent:-5000em;
background:url(../images/home-anovel.gif) no-repeat top left;
}
#homeright h3 {
width:364px;
height:14px;
margin-bottom:26px;
background:url(../images/home-available.gif) no-repeat 0px 0px;
}
#homeright h3 a {
display:block;
width:364px;
height:14px;
text-indent:-5000px;
font-weight:normal;
font-size:17.5px;
}
#homeright h3 a:hover {
width:364px;
height:14px;
background:url(../images/home-available.gif) no-repeat 0px -14.15px;
}
#home ul li {
display:inline;
margin-right:22px;
width:152px;
height:230px;
}
#home #bottombooks {
position:relative;
margin-top:10px;
width:600px;
}
#home #bottombooks .bottombook {
margin:0 22px 0 0;
float:left;
width:160px;
height:260px;
}
#home #bottombooks .bottombook img, #home #bottombooks .bottombook a {
margin:0 !important;
padding:0 !important;
}
/* ABOUT PAGE CSS */
#about {
width:619px;
min-height:610px;
background:#d2d2e0 url(../images/about_corners.gif) no-repeat bottom left;
margin:25px 32px;
padding:23px 26px 49px 23px;
}
#about img {
float:left;
width:239px;
width:239px;
padding:0 25px 5px 0;
}
#about h2 {
/*background:url(../images/about_header.gif) no-repeat;
width:147px;
height:16px;
text-indent:-5000em;*/
margin:4px 0 20px 214px;
font-weight:normal;
font-size:18px;
color:#000;
}
#about ul {
margin:6px 0 0 16px;
list-style-type:disc;
}
#about p {
margin-bottom:26px;
line-height:1.6em;
font-size:1em;
}
/* BIBLIO PAGE CSS */
#biblio {
position:relative;
padding:48px 49px 40px 55px;
height:100%;
}
#biblio h2 {
/*width:108px;
height:22px;
background:url(../images/biblio_header.gif) no-repeat;
text-indent:-5000em;*/
margin-bottom:10px;
}
#biblio h3 {
margin-bottom:10px;
}
#biblio ul {
margin-top:20px;
}
#biblio ul li {
list-style-type:none;
margin-bottom:20px;
font-style:italic;
}
.entry {
width:100%;
margin-bottom:34px;
}
.entry img {
float:left;
width:154px;
}
.entryright {
margin-left:192px;
width:auto;
}
.entryright h2 {
font-size:1.2em !important;
background:none !important;
text-indent:0px !important;
width:auto !important;
font-style:italic;
color:#464646 !important;
}
.entryright h3 {
font-size:1em !important;
}
.entryright p {
margin-bottom:12px;
}
.entryright h4 {
margin-bottom:10px;
}
#book {
padding:31px 75px 20px 55px;
}
#bookimg {
float:right;
text-align:right;
width:175px;
margin-left:10px;
}
#bookimg h4 {
text-align:right;
font-weight:normal;
font-size:.95em;
}
#bookimg h4 a.tight {
word-spacing:-.1em;
}
#book h2 {
margin:17px 0 24px 0;
}
#book h2 em {
font-size:16px;
}
/*#book h2.shorthistory {
background:url(../images/bkheader_shorthistory.gif) no-repeat;
}
#book h2.ourkind {
background:url(../images/bkheaders_ourkind.gif) no-repeat;
}
#book h2.gardens {
background:url(../images/bkheader_gardens.gif) no-repeat;
}
#book h2.whereshewent {
background:url(../images/bkheader_whereshewent.gif) no-repeat;
}
#book h2 a {
display:block;
width:340px;
height:20px;
text-indent:-5000em;
}*/
#book h3 {
margin-bottom:26px;
}
#book h5 {
font-size:13px;
font-weight:normal;
margin-bottom:38px;
}
#book blockquote {
margin-bottom:34px;
}
#book blockquote cite span {
font-style:normal;
}
#book blockquote cite strong {
font-style:normal;
font-weight:bold;
}
#book p {
margin-bottom:34px;
line-height:1.5em;
}
#book p.justify {
text-align:justify;
word-spacing:-.1em;
}
#book ul {
margin-bottom:34px;
}
#book ul li {
margin-bottom:14px;
}
#buy {
padding:48px 55px;
}
#buy img {
float:left;
}
#buy h2, #buy h3, #buy ul {
margin:0 0 0 200px;
}
#buy h2 {
margin-bottom:8px;
/*background:url(../images/bkheaders_wheretobuy.gif) no-repeat;*/
}
#buy h2 a {
font-weight:normal;
font-size:18px;
width:340px;
height:20px;
}
#buy h2 em {
color:#000;
font-size:16px;
}
#buy h3 {
font-size:14px;
font-weight:normal;
margin-bottom:18px;
}
#buy ul li {
margin-bottom:10px;
}
/****************
 TIMLINE PAGE CSS
*****************/
div#timelinepage {
position:relative;
width:834px;
margin:37px 0 30px 0;
min-height:1980px;
}
div#timelineheader {
position:absolute;
top:0;
left:0;
margin-left:16px;
}
div#timelineheader h2 {
margin:17px 0 24px 0;
font-weight:normal;
background:url(../images/bkheader_shorthistory.gif) no-repeat;
}
div#timelineheader h2 a {
display:block;
width:340px;
height:20px;
text-indent:-5000em;
}
div#timelineheader h3 {
width:405px;
height:17px;
text-indent:-5000em;
font-weight:normal;
background:url(../images/timeline_subhead.gif) no-repeat;
}
/********************************************************/
div#lefttimeline {
position:absolute;
top:457px;
left:6px;
width:266px;
height:1703px;
}
/********************************************************/
div#timeline {
position:absolute;
top:120px;
left:220px;
background:url(../images/border_blk.gif) repeat-y 66px 0;
padding-bottom:30px;
width:360px;
}
#topborder {
position:absolute;
top:0;
left:44px;
width:44px;
height:1px;
background:#000;
}
#bottomborder {
position:absolute;
bottom:0;
left:44px;
width:44px;
height:1px;
background:#000;
}
div#timeline ul {
margin:20px 0 0 0;
}
div#timeline ul li {
padding-left:80px;
margin-bottom:18px;
}
div#timeline ul li.nightengale {
background:url(../images/tl_images/nightengale.gif) no-repeat 26px 2px;
}
div#timeline ul li.darwin {
padding-top:12px;
padding-bottom:12px;
background:url(../images/tl_images/darwin.gif) no-repeat 0px 0px;
}
div#timeline ul li.girton {
background:url(../images/tl_images/girton.gif) no-repeat 26px 0px;
}
div#timeline ul li.tree {
padding-top:12px;
padding-bottom:12px;
background:url(../images/tl_images/tree.gif) no-repeat 28px 0px;
}
div#timeline ul li.bob {
background:url(../images/tl_images/bob.gif) no-repeat 26px 0px;
}
div#timeline ul li.peace {
background:url(../images/tl_images/peace.gif) no-repeat 26px 0px;
}
div#timeline ul li.cap {
padding-bottom:2px;
background:url(../images/tl_images/cap.gif) no-repeat 8px 0px;
}
div#timeline ul li.lock {
background:url(../images/tl_images/lock.gif) no-repeat 26px 0px;
}
div#timeline ul li h6 {
float:left;
width:40px;
font-size:12.5px;
font-weight:normal;
color:#f23210;
text-align:center;
}
div#timeline ul li p {
width:240px;
margin-left:44px;
font-size:12.5px;
line-height:1.25em;
}
/********************************************************/
div#timelinequotes {
position:absolute;
top:142px;
right:10px;
width:223px;
height:auto;
text-align:right;
}
div#timelinebuybook {
position:relative;
margin:210px auto 0 auto;
width:168px;
}
div#timelinebuybook img {
margin-bottom:10px;
}
div#timelinebuybook h4 {
font-weight:normal;
font-size:13px;
margin-bottom:3px
}
div#timelinequotes blockquote {
position:relative;
width:auto;
height:auto;
line-height:1.2em;
font-size:11.5px;
font-weight:bold;
text-align:left;
}
.quotetwo {
margin-top:492px;
}
.quotethree {
margin-top:340px;
}
.quotefour {
margin-top:420px;
}
/* NEWS PAGE CSS */
#newswrapper {
width:619px;
min-height:610px;
background:#d2d2e0 url(../images/about_corners.gif) no-repeat bottom left;
margin:25px 32px;
padding:23px 26px 49px 23px;
}
#newswrapper h2 {
/*text-indent:-5000em;
width:50px;
height:16px;*/
margin-bottom:24px;
}
/*
#newswrapper h2.newsbkgd {
background:url(../images/news_header.gif) no-repeat;
}
#newswrapper h2.mediabkgd {
background:url(../images/media_header.gif) no-repeat;
}*/
#newswrapper h3 {
margin-top:24px;
}
#newswrapper ul {
margin-top:22px;
}
#newswrapper ul li {
margin-bottom:16px;
}
#news {
margin-bottom:56px;
}
#news p {
width:400px;
margin-bottom:8px;
}
#news h3 {
margin:0 0 8px 0;
font-size:14px;
font-weight:bold;
}
#news h4 {
font-weight:normal;
font-size:14px;
}
.newscontainer {
margin-bottom:24px;
}
.newspost {
postion:relative;
width:390px;
margin-bottom:8px;
}
.newsleft {
position:relative;
float:left;
width:150px;
}
.newsright {
position:relative;
float:right;
width:150px;
text-align:right;
}
/* CONTACT PAGE CSS */
#contact {
width:619px;
min-height:610px;
background:#d2d2e0 url(../images/about_corners.gif) no-repeat bottom left;
margin:25px 32px;
padding:23px 26px 49px 23px;
}
#contact h2 {
/*width:108px;
height:22px;
background:url(../images/contact_header.gif) no-repeat;
text-indent:-5000em;
font-weight:normal;
font-size:18px;
color:#000;
*/
margin-bottom:20px;
}
#contact ul li {
margin-bottom:22px;
}
/* FOOTER CSS */
div#footer {
position:relative;
clear:both;
width:900px;
text-align:right;
margin:0 0 10px 0;
padding:0;
font-size:.85em;
}

/* MISCELLANEOUS */
.arrow {
padding-left:13px;
width:auto;
height:auto;
background:url(../images/arrow.gif) no-repeat 0 center;
font-weight:normal;
font-size:1.1em;
}
.tighten {
word-spacing:-.1em;
}
.loosen {
word-spacing:.1em;
}
.justify {
text-align:justify;
}
.redlink {
color:#ef3b24;
}
p#emailicon {
width:auto;
height:auto;
margin:0 0 20px 0;
padding:0 0 0 40px !important;
background: url(../images/flapper.png) no-repeat 0 5px;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*################################################ NAV CSS ###############################################*/
#nav {
position:absolute;
top:46px;
left:12px;
width:180px;
height:200px;
padding:0;
}
#nav li {
margin: 0 0 20px 16px;
padding: 0;
list-style:url(../images/disc.png);
}

#nav a {
text-decoration:none;
color:#4f607a;
font-size:16px;
}
#nav a.active {
color:#f23210;
}
#nav a:hover {
color:#f23210;
}
#nav_corner {
position:absolute;
right:0;
bottom:0;
width:67px;
height:66px;
}