@font-face {
    font-family: 'BevanRegular';
    src: url('../webfonts/Bevan-webfont.eot');
    src: url('../webfonts/Bevan-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/Bevan-webfont.woff') format('woff'),
         url('../webfonts/Bevan-webfont.ttf') format('truetype'),
         url('../webfonts/Bevan-webfont.svg#BevanRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html {
	font: 10pt/normal Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	/*color: rgb(255, 255, 255);*/
	background:	url("../images/bg_body.jpg");	
	font-size-adjust: none;
	font-stretch: normal;
}

body {
background:	url("../images/bg_body.jpg")
	font: 10pt/normal Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	color: rgb(255, 255, 255);
	font-size-adjust: none;
	font-stretch: normal;
	
}

form {
	font: 10pt/normal Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	color: rgb(255, 255, 255);
	font-size-adjust: none;
	font-stretch: normal;
}

fieldset {
	font: 10pt/normal Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	color: rgb(255, 255, 255);
	font-size-adjust: none;
	font-stretch: normal;
}

h1 {
	font: 32px/38px 'BevanRegular', Arial, sans-serif;letter-spacing: 0;
	margin: 0px 0px 15px;
	padding: 0px;
}

h2 {
	margin: 0px 0px 15px;
	padding: 0px;
}

h3 {
	margin: 0px 0px 15px;
	padding: 0px;
}

h4 {
	margin: 0px 0px 15px;
	padding: 0px;
}

h5 {
	margin: 0px 0px 15px;
	padding: 0px;
}

h6 {
	margin: 0px 0px 15px;
	padding: 0px;
}

p {
	margin: 0px 0px 15px;
	padding: 0px;
}

pre {
	margin: 0px 0px 15px;
	padding: 0px;
}

blockquote {
	margin: 0px 0px 15px;
	padding: 0px;
}

ul {
	margin: 0px 0px 15px;
	padding: 0px;
}

ol {
	margin: 0px 0px 15px;
	padding: 0px;
}

dl {
	margin: 0px 0px 15px;
	padding: 0px;
}

address {
	margin: 0px 0px 15px;
	padding: 0px;
}

li {
	margin-left: 10px;
}

dd {
	margin-left: 10px;
}

blockquote {
	color: rgb(226, 223, 223);
	line-height: 13pt;
	margin-left: 15px;
}

p.section_quote {
	text-align: center;
	font-size: 11pt;
	margin-bottom: 10px;
}

p.section_quote_att {
	text-align: center;
	padding-top: 0px;
}

img {
	border: 0px currentColor;
}

body {
}

body.homepage {
}

a {
	
}

.clear {
	clear: both;
}

#banner {
	/*background:black;*/
	background: url(../images/bg_parchment.jpg) repeat-x;	
	height: 74px;
	text-align: center;
}

#banner a {
	/*background:black;*/
	background: url(../images/banner_800.jpg) no-repeat !important;
	margin: 0px auto;
	width: 800px;
	height: 65px;
	color: white;/*rgb(51, 51, 51);*/
	text-decoration: none;
	display: block;
	padding-top:20px;
}


#banner a span {
	color: white;/*rgb(255, 255, 255);*/
	font-size: 20px;
	font-weight: normal;
	display: block;
}

#navigationBar {
	margin: 0px;
	padding: 0px;
	height: 109px;
	color:white;
	background: url(../images/bg_menu.png) repeat-x;
	background-color: transparent;
}


#navigation {
	list-style: none;
	margin: -2px auto 5px;
	padding: 4px 0px 0px;
	width: 760px;
	height: 69px;
	color:white;
	font-size: 6pt;
	padding-top:5px;
}

body.homepage #navigation {
	background: url("../images/bg_parchment.jpg") repeat-y top center;
	height: 80px;
	padding: 10px 0 0;
	margin: 0 auto;
	width: 800px;
}

body.homepage #navigation li a {	
	color: #333;
	font: 11px 'BevanRegular', Arial, sans-serif;
	text-transform: uppercase;
	padding: 2px 8px;
	text-shadow: none;
}

body.homepage #navigation li a:hover {
	background-color: #242220;
	color: #fff;
}

body.homepage #navigation {
	padding-left:20px;
	padding-bottom:5px;
}

#navigation {
	padding-left:20px;
	padding-bottom:5px;
	padding-top: 21px;
}

#navigation li {
	margin: 0px 0px 2px;
	float: left;
	display: inline;
}

body.homepage #navigation li#nav-introduction {
	margin-left: 70px;
}

#navigation li#nav-introduction {
	margin-left: 49px;
}

body.homepage #navigation li#nav-compromise {
	margin-left: 60px;
}

#navigation li#nav-compromise {
	margin-left: 39px;
}

body.homepage #navigation li#nav-woman {
	margin-left: 58px;
}

#navigation li#nav-woman {
	margin-left: 39px;
}

#navigation li a {
	font: 11px/20px 'BevanRegular', Arial, sans-serif;
	height: 17px;
	text-align: center;
	color: white;/*rgb(255, 255, 255);*/
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: 1px 1px 1px #000;
	display: block;
	padding-top:3px;
	padding-left:6px;
	padding-right:6px;
}


#navigation li a:hover {
	color: white;
	background: #242220;
	border-radius: 12px;
}

#singleview_text p {
	padding-left:15px;
	text-align:justify;
}

div.pagenav {
	margin: 20px 0px;
	width: 156px;
	clear: both;
	float: right;
}

div.pagenav li {
	margin: 0px;
	float: right;
	display: inline;
}

div.pagenav li a {
	height: 16px;
	text-align: left;
	display: block;
	color:white;
	font: 10px 'BevanRegular', Arial, sans-serif;
	text-transform: uppercase;
}

div.pagenav li a.navnext {
	/*background:
		url("../libraries/houghton/exhibits/johnson/images/nav_next.gif")
		no-repeat;*/
	width: 48px;
	color:white;
	text-align:right;
}

div.pagenav li a.navprev {
	/*background:
		url("../libraries/houghton/exhibits/johnson/images/nav_previous.gif")
		no-repeat;*/
	width: 92px;
	text-align:right;
}

.navfoot {
	padding: 0px;
}

#contentwrapper {
	background:	url("../images/bg_body.jpg");
}

#content {
	margin: 0px auto;
	width: 740px;
	clear: both;
	padding-top:20px;
}

h1 {
	margin-bottom: 0px;
	display: block;
	text-shadow: 1px 1px 1px #000;
}

h1+p {
	margin-top: 15px;
}

h1+h2 {
	margin-top: 15px;
}

h1+div#intropic {
	margin-top: 15px;
}

div#intropic+p {
	margin-top: 15px;
}

h2 {
	margin: 0px;
	padding: 0px 0px 5px;
	font-family: 'BevanRegular', Arial, sans-serif;
	font-size: 14pt;
	font-weight: normal;
}

#highlightbox h3 {
	margin: 5px 0px;
	padding: 0px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13pt;
	font-weight: bold;
}

body.introduction hr {
	margin-bottom: 10px;
}

div.hr {
	background: url("../images/rule.gif")
		no-repeat center;
	height: 60px;
}

div.hr hr {
	display: none;
}

#content p {
	line-height: 16pt;
}

#content p.callnumber {
	line-height: 12pt;
	width:405px;
}


body.homepage #contentwrapper {
	background:
		url("../images/bg_body.jpg");
		/*repeat-x top rgb(29, 20, 15);*/
	margin: 0px;
	padding: 0px;
}

body.homepage #content {
	/*background:	url("../images/homepage.jpg")	no-repeat 50% 0px;*/	
	height: 544px;
	text-align: center;
	width: 800px;
}

body.homepage #content a {
	background:
		url("../images/home_splash.jpg")
		no-repeat 50% 0px;
	margin: 0px auto;
	width: 800px;
	height: 544px;
	color: rgb(255, 255, 255);
	text-decoration: none;
	display: block;
}

body.homepage #content a span {
	display: block;
}

body.homepage #content a span em {
	text-indent: -9999px;
	font-size: 17px;
	display: block;
}

body.homepage #content a span strong {
	text-transform: uppercase;
	line-height: 24px;
	letter-spacing: 10px;
	padding-top: 15px;
	font-size: 16px;
	font-weight: normal;
	display: block;
}

body.homepage #contentwrapper p {
	font: 8pt/12pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin: 0px auto;
	padding: 0px 0px 8px;
	width: 740px;
	color: rgb(204, 204, 204);
	font-size-adjust: none;
	font-stretch: normal;
}


#intropic p {
	margin: 0px;
	padding: 0px 0px 4px;
}

#intropic p a:link {
	color: rgb(224, 192, 191);
	text-decoration: none;
}

#intropic p a:visited {
	color: rgb(224, 192, 191);
	text-decoration: none;
}

#intropic p a:hover {
	color: rgb(224, 192, 191);
	text-decoration: underline;
}

#themeindex img {
	padding: 0px;
	border: 1px solid rgb(255, 255, 255);
	box-shadow: 2px 3px 6px #000000;
}

#singleview img {
	padding: 0px;
	border: 1px solid rgb(255, 255, 255);
}

#doubleview img {
	padding: 0px;
	border: 1px solid rgb(255, 255, 255);
}

#tripleview img {
	padding: 0px;
	border: 1px solid rgb(255, 255, 255);
}

#intropic img {
	padding: 0px;
	border: 1px solid rgb(255, 255, 255);
}

#intropic p.introcaption {
	margin: 6px 0px 6px 1px;
	padding: 0px;
	line-height: 11pt;
}

p.introcaption a:link {
	color: rgb(68, 68, 68);
	text-decoration: none;
}

p.introcaption a:visited {
	color: rgb(68, 68, 68);
	text-decoration: none;
}

p.introcaption a:hover {
	color: rgb(68, 68, 68);
	text-decoration: underline;
}

div#intropic {
	padding: 5px 0px 0px 30px;
	float: right;
}

#intropic img {
	background-image:
		url("../images/libraries/houghton/exhibits/longfellow/hp_shadow.gif");
}

div#highlightbox {
	padding: 20px;
	margin-bottom: 10px;
	background-color: rgb(220, 228, 227);
}

#highlightbox a {
	color: rgb(68, 68, 68);
}

#highlightbox img {
	float: left;
}

#highlightbox a img {
	margin-right: 20px;
}

#highlightbox p {
	margin-bottom: 0px;
}

p+p.moreinfo a {
	margin-bottom: 20px;
}

div#readmore {
	clear: both;
}

#notpictured ul {
	list-style: none;
	margin: 0px auto;
	padding: 4px 0px 0px;
}

table#themeindex td.textcol {
	padding: 0px 15px 0px 0px;
	width: 220px;
	font-size:85%;
}

table#themeindex td.imgcol {
	width: 150px;
}

table#themeindex td.imgcol_left {
	width: 170px;
}

table#themeindex td.imgcol img{
	width: 140px;
	height:84px;
}

table#themeindex td.imgcol_left  img{
	width: 140px;
	height:84px;
}


#themeindex td a {
	color: rgb(255, 248, 229);
}

#themeindex td a:link {
	text-decoration: none;
}

#themeindex td a:visited {
	text-decoration: none;
}

#themeindex td a:hover {
	text-decoration: underline;
}

#themeindex img {
	
}

table#singleview {
	clear: both;
}

table#singleview td {
	margin: 0px;
	padding: 0px;
	width: 400px;
	vertical-align: top;
}

table#doubleview td {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}


td#singleview_image {
	height: 275px;
	width: 400px;
}

td#doubleview_image {
	/*height: 275px;*/
}


#singleview img {
	margin-top: 5px;
	width:400px;
	height:240px; 
}

#doubleview img {
	margin-top: 5px;
	width:360px;
	heigh:216px;
}

#content p.callnumber2 {
	font: 8pt/normal Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size-adjust: none;
	font-stretch: normal;
	padding-top:10px;
	line-height: 12pt;
	width:360px;
}


#tripleview img {
	margin-top: 5px;
}

#highlightbox img {
	margin: 6px 0px 0px;
	border: 1px solid rgb(96, 112, 109);
}

.callnumber {
	font: 8pt/normal Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size-adjust: none;
	font-stretch: normal;
}

.introcaption {
	font: 8pt/normal Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size-adjust: none;
	font-stretch: normal;
}

p.callnumber {
	margin: 0px;
	padding: 0px 0px 4px 1px;
	width: 350px;
	line-height: 11pt;
}

#singleview p {
	margin: 0px 0px 10px;
}

ul.singleview_nav {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 355px;
	float: left;
}

ul.tripleview_nav {
	list-style: none;
	margin: 5px 0px 0px;
	padding: 0px;
	width: 235px;
}

ul.tripleview_nav li {
	margin: 0px;
	padding: 0px 0px 10px;
}

ul.singleview_nav li {
	margin: 0px;
	padding: 0px 0px 12px;
	float: left;
}

ul.singleview_nav li.enlarged {
	width: 200px;
}

ul.singleview_nav li.drs {
	width: 200px;
}

ul.singleview_nav li.catalog {
	width: 150px;
}

ul.singleview_nav li.findingaid {
	width: 150px;
}

ul.singleview_nav {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

ul.doubleview_nav {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

ul.tripleview_nav {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

.highlightbox p {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

td.doubleview_image {
	
}

td.doubleview_text {
	
}

table#tripleview {
	width: 760px;
}

td.doubleview_image {
	vertical-align: top;
}

td.tripleview_image {
	vertical-align: top;
}

td.tripleview_image p.callnumber {
	width: 245px;
}

td.tripleview_text p {
	width: 760px;
}

li.enlarged {
	background:
		url("../images/icons/enlarged.gif")
		no-repeat left 0px;
}

li.drs {
	background:
		url("../images/icons/harvard.gif")
		no-repeat left 0px;
}

li.catalog {
	background:
		url("../images/icons/hollis.gif")
		no-repeat left 0px;
}

li.findingaid {
	background:
		url("../images/icons/finding_aid.gif")
		no-repeat left 0px;
}

.enlarged a {
	padding: 0px 0px 0px 22px;
	color: #eadcc2;
}

.drs a {
	padding: 0px 0px 0px 22px;
	color: #eadcc2;
}

.catalog a {
	padding: 0px 0px 0px 22px;
	color: #eadcc2;
}

.findingaid a {
	padding: 0px 0px 0px 22px;
	color: #eadcc2;
}

form {
	padding: 10px 0px 0px;
}

label {
	width: 80px;
	margin-right: 10px;
	float: left;
	display: block;
}

.submit input {
	margin-left: 94px;
}

input {
	background: rgb(255, 255, 255);
	padding: 2px;
	border: 1px solid rgb(36, 56, 52);
	color: rgb(120, 19, 81);
}

textarea {
	background: rgb(255, 255, 255);
	padding: 2px;
	border: 1px solid rgb(36, 56, 52);
	color: rgb(120, 19, 81);
}

textarea {
	width: 500px;
	height: 150px;
}

.submit input {
	background: rgb(44, 19, 22);
	padding: 2px;
	border: 1px outset rgb(90, 53, 60);
	width: 100px;
	color: rgb(255, 255, 255);
}

table.contactform {
	border: currentColor;
}

table.contactform tr {
	vertical-align: top;
}

table.contactform th {
	width: 110px;
	text-align: left;
}

table.contactform th {
	padding: 4px 4px 4px 0px;
	line-height: 15pt;
}

table.contactform td {
	padding: 4px 4px 4px 0px;
	line-height: 15pt;
}

table.contactform td a {
	color: rgb(224, 192, 191);
}

#footer {
	background:	url("../images/bg_footer.jpg") repeat-x;
	height: 130px;
	padding-top: 80px;
	clear: both;
}

#footer p {
	font: 8pt/normal Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin: 0px auto;
	padding: 0px 0px 10px;
	width: 740px;
	text-align: right;
	color: rgb(255, 255, 255);
	clear: both;
	font-size-adjust: none;
	font-stretch: normal;
}

#footer p a {
	color: rgb(255, 248, 229);
}


#midiv {
    position:fixed;
    top: 50%;
    left: 50%;
    width:30em;
    height:18em;
    margin-top: -9em; /*set to a negative number 1/2 of your height*/
    margin-left: -15em; /*set to a negative number 1/2 of your width*/
    border: 1px solid #ccc;
    background-color: #f3f3f3;
}