/* CSS Document */

body {
	width:100%; 
	min-width: 770px;
	background:white;
	text-align:left; 
	margin:0;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height:145%;
	color:#222;
	font-style: normal;
	font-weight: normal; 
	letter-spacing:0.2px; 
	font: 13px/20px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-variant: normal;
	}
td {
	color:#333;
	font-style:normal;
	font-weight:normal; 
	letter-spacing:0.2px; 
	font: 13px/20px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	}

h2 {font-size:180%;}
h3 {font-size:125%; font-weight:bold; line-height:125%;}
h4 {
	font-size:125%; 
	font-weight:normal; 
	line-height:150%;
	margin: 0 0 10px;
	}

img.right {float:right;margin:2px 10px 2px 2px;}
img.jacketResults {width:130px; margin:5px 0 25px 0;}
img.jacketDisplay {width:130px;margin:10px 0 0 0;}
.bold {font-weight:bold;}
a span{display:none;}
.red {color:#707070; font-style:italic;}
.black {color:#000;}
.indexfont {font-size:120%;}


/* links */
a:link, a:visited, a:active {color:#000; text-decoration:none;}
a:hover {/*color:#4F696C;*/ text-decoration:underline;}
a.box:link, a.box:visited, a.box:active {font-weight:bold; padding:1px; margin:0 1px 0px 1px;text-decoration:none; border:1px solid #C1D3D9; line-height:180%;}
a.box:hover {background:#91ABAE; border-color:#4F696C; color:#fff;}
a.basket {clear:both; background: url("../images/basket_results.png") no-repeat; height:20px; width:118px; display:block; margin-right:15px; float:right;}
a.basket:hover, a.basketDisplay:hover, a.pdf:hover {background-position:0 -20px;}
a.basketDisplay {background: url("../images/basket_results.png") no-repeat; height:20px; width:118px; display:block; margin-right:15px; float:left;}
a.pdf {background: url("../images/pdf.png") no-repeat; height:20px; width:118px; display:block; margin:5px 15px 10px 0; float:left;}

/* layouts */
#wrapper{margin:0 auto;padding:0;border:0;text-align:left; width:100%;}
#header {position: relative;  height:115px; background:url("../images/header_bg.gif") no-repeat #1E0242 top left; margin:0; padding:0;} 
html>body #header {height:115px;}
#page {clear:both; background:url("../images/page_bg.gif") repeat-y top left; float:left; margin:0; padding:0;}
#leftcol {width:180px; float:left;margin:0;padding:0;}
html>body #leftcol {width:180px;}
#content {margin:0 0 0 181px; padding:10px 0 20px 10px; color:#000;width:800px;}
/* #results {margin:0 0 0 181px; padding:20px 0 20px 10px; color:#000;} */
#display {margin:0 0 0 181px; padding:20px 0 20px 10px; color:#000;width:800px;}
* html #display{width:90%;}


#header h1 {float:right; margin: 0;padding:0; width:202px;height:95px; margin:12px 4px 7px 0;}
#header h1 a {display:block; background: url("../images/header_logo.gif") no-repeat; width:202px; height:95px;}
#header h1 a span {display:none;}
#header ul {height:24px; width: 455px; position: absolute; display:block; margin: 91px 2px 0 118px; padding: 0;list-style: none;}
#header li {float: left;padding:0;margin:0;}
#header ul li a {float: left;padding: 0;height:24px; border:0; padding:0; margin:0;}
#header ul li a.home{background: url("../images/nav_home.gif") no-repeat; width:62px;}
#header ul li a.home:hover {background-position:-62px 0;}
#header ul li a.about{background: url("../images/nav_about.gif") no-repeat; width:80px;}
#header ul li a.about:hover {background-position:-80px 0;}
#header ul li a.publications{background: url("../images/nav_publications.gif") no-repeat; width:98px;}
#header ul li a.publications:hover {background-position:-98px 0;}
#header ul li a.search{background: url("../images/nav_search.gif") no-repeat; width:125px;}
#header ul li a.search:hover {background-position:-125px 0;}
#header ul li a.contact{background: url("../images/nav_contact.gif") no-repeat; width:90px;}
#header ul li a.contact:hover {background-position:-90px 0;}
#header ul li a span{display:none;}

#leftcol ul {margin:0; padding:0; vertical-align:top; width:180px;padding:0 0 20px 0;border-bottom:1px solid #849fa3;background:#B2C7CF;}
#leftcol ul li{height:24px;list-style:none;float:left;background-repeat:no-repeat;}
#leftcol ul li a {height:24px;background-repeat:no-repeat;background-position:top left;display:block;}
#leftcol ul li a.title {background:url("../images/lnav_title.gif") no-repeat; width:179px;}
#leftcol ul li a.cartography {background:url("../images/lnav_cartography.gif");width:179px;}
#leftcol ul li a.history {background: url("../images/lnav_history.gif");width:179px;}
#leftcol ul li a.oxford {background: url("../images/lnav_oxford.gif");width:179px;}
#leftcol ul li a.cookery {background: url("../images/lnav_cookery.gif");width:179px;}
#leftcol ul li a.facsimilies {background: url("../images/lnav_facsimilies.gif");width:179px;}
#leftcol ul li a.cd {background: url("../images/lnav_cd.gif");width:179px;}
#leftcol ul li a.exhibition {background: url("../images/lnav_exhibition.gif");width:179px;}
#leftcol ul li a.library {background: url("../images/lnav_library.gif");width:179px;}
#leftcol ul li a.picture {background: url("../images/lnav_picture.gif");width:179px;}
#leftcol ul li a.treasure {background: url("../images/lnav_treasures.gif");width:179px;border-bottom:1px soild #000;}
#leftcol ul li a:hover {background-position:-180px 0;}
#leftcol span{display:none;}
#leftcol .indexLnav {float:left;background:url("../images/lnav_index.jpg") no-repeat top left; display:block; height:589px; width:180px;}
#leftcol .indexLnav1 {float:left;background:url("../images/1.jpg") no-repeat top left; display:block; height:589px; width:180px;}
#leftcol .indexLnav2 {float:left;background:url("../images/2.jpg") no-repeat top left; display:block; height:589px; width:180px;}
#leftcol .indexLnav3 {float:left;background:url("../images/3.jpg") no-repeat top left; display:block; height:589px; width:180px;}
#leftcol .indexLnav4 {float:left;background:url("../images/4.jpg") no-repeat top left; display:block; height:589px; width:180px;}
#leftcol .indexLnav5 {float:left;background:url("../images/5.jpg") no-repeat top left; display:block; height:589px; width:180px;}

.hptitle {font-size:125%; font-weight:bold;color:black;line-height:125%;}

.hp-feature {
	overflow: hidden;
	float: left;
	width: 100%;
	}
.hp-title {
	width:370px; 
	float:left; 
	margin:0 15px 20px 0; 
	min-height: 280px;
	}
.hp-title .hp-img {
	float: left;
	margin: 0 10px 10px 0;
	}
.hp-title .hp-img a img{
	border: 1px solid #CCCCCC;
	}
h4 a,
h4 a:visited {font-weight:bold; display: block;}
h4 span {display: block; font-weight:bold; font-size: 80%; line-height: 130%;}
.subtitle {font-style:italic;}
.title {}
.author, subtitle {}
.biblio {font-size:95%; line-height:120%; font-weight: normal;}

#content .column50 {float: left; width:50%; border:0;padding-top:2px;}
#content .column50r {margin: 0 0 0 50%; border:0;padding:2px 10px 0 0; text-align:right;}
#content .column30 {float: left; width:30%; border:0;padding-top:2px;}
#content .column70r {margin: 0 0 0 30%; border:0;padding:2px 10px 0 0; text-align:right;}
#content .column50, #content .column50r, #content .column70r, #content .column30 {line-height:160%;}
#content .results {float: left; width:100%; border:0;padding-top:5px;}

#content .columnImg {float:left; width:140px; border:0;margin-top:5px;}
#content .columnText {font-size:100%;margin: 0 0 10px 150px; border:0;padding-top:0px; color: #000;}
.lineSm {clear:right; height:1px; background:#4F696C; margin:5px 10px 5px 0; padding:0;}
.line {clear:right; height:1px; background:#4F696C; margin:10px 10px 10px 0; padding:0;}
hr {clear:right; height:1px; background:#4F696C; margin:5px 10px 5px 0; padding:0;}
#content .resultsNav {border-top:1px #4F696C solid;border-bottom:1px #4F696C solid;color: #000; padding:2px 0 2px 0;}

#display .breadcrumb {border-top:1px #4F696C solid;border-bottom:1px #4F696C solid;color: #000; padding:2px 0 2px 0;}
#display .columnImg {float: left; border:0;margin-top:15px;display:block;}
#display .columnImg {width:175px;float:left;border:1px solid #D0D0D0;padding:0px;}
/*#display .columnImg img {float: left; margin-right:10px;}*/
#display .buttons {float: left; width:140px; vertical-align:bottom; margin:15px 0 0 10px; height:100%;display:block;}
#display .columnText {float:left; width:100%;margin: 0; border:0; padding-top:12px; text-align:left;}

#footer {color:#000; clear:both; border-top:1px solid #66888C; margin:0; padding:5px 0 20px 190px;line-height:160%;}

.header {font-size:120%;weight:600;}
.smallheader {font-size:110%;weight:600;}