/*styles for marketing site */
#mktintro{
	width: 365px;
	float: right;
	padding: 0px 15px;
}

h1.marketing {
	color: #00455A;
	font-size: 1.8em;
	font-weight: bold;
	border-bottom: 1px dashed;
	margin: 0 0 20px 0;
	font-family: Georgia, "Times New Roman", serif;
	width: 740px;
}

#secondarynavmkt{
	/* Float: left used to force container to hold floated menus, overflow: auto
	can't be used in this instance because FFox displays scroll bars */
	width: 731px;
	overflow: auto;
	background: #D5F1F5;
/*	border-bottom: 1px dashed;*/
	padding: 5px 5px;
	margin-top: -20px;
	margin-bottom: 10px;
	}
#secondarynavmkt ul{
	float: left;/* Float left menu left */
	list-style: none;
	margin: 0;
	}
#secondarynavmkt li{
	/* Float menu items left, remove margins and padding */
	float: left;
border-left: 1px solid #000;
	padding: 0 3px;
	margin: 0;
}

#secondarynavmkt li.back {
	border-left: none;
	text-decoration: underline;
	padding: 0px 3px 0px 20px;
	background: url(/images/arrows_back.gif) 0% 75% no-repeat;
}

.demonav {
	float: right;
	margin-top: 4px;
	font-weight: bold;

}
.positionbuttons {
padding-top: 5px;
margin-left: 20px;

}

#athens {
clear: both;
}
/*end styles for marketing site */



/*START the basics */
* {
	margin: 0;
	padding: 0;
}
body { 	
background-color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 75%;
}
a {
	color: #D81B53;
	text-decoration: underline;
}
a:hover {
	color: #D81B53;
}
img {
	border:0px;
}
.small {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
/*color: #000;*/
}
.bold {
	font-weight: bold;
}
ul {
	margin: 0 0 15px 30px;
}
li {
	margin: 10px 0 10px 0;
}
dl {
	margin-bottom: 15px;
}
.floatleft{
	float: left;
	padding: 0;
}
.floatright{
	float: right;
	padding: 0;
}
.popUp1, .popUpMulti{
	background:url(/images/popup.gif) 100% 50% no-repeat;
	padding:5px 20px 5px 0px;
}

/*START accessibility stuff */
#skip a {
 	position: absolute;
 	overflow: hidden;
 	width: 1px;
 	height: 1px; 
 	left:0px;
 	top:-500px;  /* located 500 pixels above the visible part of the page */
}
#skip a:active, #skip a:focus {
	background-color: #FFFFFF;
	border: 2px solid #0099CC;
	color: #FF00FF;
	font-weight: bold;
	height: auto;
	left: 5px;
	overflow: visible;
	padding: 5px;
	position: absolute;
	top: 5px;
	width: auto;
	z-index: 1;  /* give the popup a higher z-index than the other divs on the page to ensure that it always appears on top */
}

/*Juicystudios IE hack to add a tabindex value to all anchors in order to ensure that the tab ring logic is preserved after following an in-page link; rather than returning you to the start of the page or certain other containing elements, the user can tab straight to the link on the page immediately following their current location*/

* html a{
behavior:expression((this.runtimeStyle.behavior="none")&&(this.tabIndex="0"));
}


.hiddentext, #knote div.thphead h4, #knote div.xphead h4, #knote div.tahead h4, #knote div.qhead h4, #knote div.sthead h4, #knote div.cphead h4  {
	height: 1px;
	left: 0px;
	overflow: hidden;
	position: absolute;
	top: -500px;
	width: 1px;
}

/*START all the generic navigation, and footer stuff */
/* container holds everything except the copyright div */
#container{
width:760px;
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
margin: 10px 10px 0 10px;
}
/* header holds the banner and quicksearch divs */
#header{
position:relative;
background: #00455A url(/images/branding/headerbg.gif) no-repeat 576px 0px;
}
#headerImage {
background: #00455A;
position: relative;
overflow: auto;
width: 100%;/* get ie6 to fill width */
}
.hscImage {
	float: left;
}
.logoImage {
	float: right;
	padding-right: 5px;
}
#headermkt{
position:relative;
background: #00455A;
}
#banner img{
	vertical-align: top;
}
#banner .ch_logo{
	margin: 0 0 0 145px;
}
#quicksearch {
border-top: 1px solid black;
width: 570px;
background-color: #86D8E1;
padding: 5px 0 4px 6px;
}
* html #quicksearch {
padding: 3px 0 3px 6px;
}
#quicksearch form, #quicksearchhome form{
	display: inline;
	margin: 0 3px 0 0;
	font-weight: bold;
	float: none;
}
#quicksearch .submit, #quicksearchhome .submit{
	background: #D81B53;
	color: white;
	padding: 0 3px;
	font-weight: bold;
}
#quicksearch a, #quicksearchhome a{
color: #000;
text-decoration: underline;
font: 0.8em Verdana, Arial, Helvetica, sans-serif;
letter-spacing: -0.1em;
}
/* contains the main navigation links */
#mainnav{
background-color: #007E93;
border-top: 1px solid black;
border-bottom: 1px solid black;
width: 576px;
	/* Float: left used to force container to hold floated menus, overflow: auto
	can't be used in this instance because FFox displays scroll bars */
	float: left;
	min-height: 25px;
	}
#mainnavImage{
background-color: #007E93;
border-top: 1px solid black;
border-bottom: 1px solid black;
	min-height: 25px;
width: 100%;/* get ie6 to fill width */
	}
#mainnavmkt{
background-color: #007E93;
border-top: 1px solid black;
border-bottom: 1px solid black;
width: 760px;
	/* Float: left used to force container to hold floated menus, overflow: auto
	can't be used in this instance because FFox displays scroll bars */
	float: left;
	min-height: 25px;
	}
#mainnav ul, #mainnavhome ul, #mainnavhomemkt ul, #mainnavmkt ul, #mainnavImage ul {
	float: left;/* Float left menu left */
	list-style: none;
	margin: 0;
	}
#mainnav li, #mainnavhome li, #mainnavhomemkt li, #mainnavmkt li, #mainnavImage li {
	/* Float menu items left, remove margins and padding */
	float: left;
	border-right: 1px solid #86D8E1;
	margin: 0
}
#mainnav a, #mainnavhome a, #mainnavhomemkt a, #mainnavmkt a, #mainnavImage a {
	/* Use display: block so we get a full display box to manipulate,
	also gives a full hit area for each link (not just text) */
	display: block;
	padding: 6px 7px 5px 7px;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	}
	#mainnav a:hover, #mainnav a:focus, #mainnavhome a:hover, #mainnavImage a:hover, #mainnavhome a:focus, #mainnavhomemkt a:hover, #mainnavhomemkt a:focus, #mainnavmkt a:hover, #mainnavmkt a:focus, #mainnavImage a:focus {
	background: #D81B53;
	}
/* holds the right-hand navigation bar including the search/browse heading */
#rightnav{
width: 184px;
float: right;
background: #FFF;
}

#rightnav p.switch {
	padding: 5px 6px;
	margin: 0;
	float: right;
}
#rightnav h2{
padding: 5px 6px 5px 34px;
margin: 0;
font-size: 1.2em;
background: #86D8E1 url(/images/branding/searchorbrowsebg.gif) no-repeat left bottom;
line-height: 1.2em;
}
#rightnav ul {
	list-style-type:none;
	width:179px;
   padding: 11px 0px 0px 0px;
	background: #00455A url(/images/branding/rightnavbg.gif) no-repeat left top;
	float: right;
	margin: 0;
}
#rightnav ul li{
	padding: 6px 0 0 0;
	background: transparent url(/images/branding/rightnavlibg.gif) no-repeat left top;
	margin: 0;
}
#rightnav ul li a {
	background: #F6DFA4 url(/images/branding/bullet.gif) 6px center no-repeat;
	color: #000;
	font-weight:bold;
	text-decoration: none;
	padding: 7px 0px 7px 28px;
	width:150px;
	display:block;
	border-top : 1px solid #999;
   border-bottom : 1px solid #000;
	border-left: 1px solid #000;
	line-height : 1.2;
}
#rightnav ul li a:hover {
	color: #FFF;
	background: #D81B53 url(/images/branding/bullet_ro.gif) 6px center no-repeat;
	text-decoration: none;
}
/* holds the footer navlinks */
#footer{
clear:both;
background-color: #007E93;
border-top: 1px solid black;
border-bottom: 1px solid black;
width: 760px;
	/* Float: left used to force container to hold floated menus, overflow: auto
	can't be used in this instance because FFox displays scroll bars */
overflow: auto;
	min-height: 25px;
	}
#footer ul {
		margin: 0;
}
#footer .left{
	/* Float left menu left */
	float: left;
	/* Remove margins, padding and list item markers */
	list-style: none;
	}
#footer .left li{
	/* Float menu items left, remove margins and padding */
	float: left;
	border-right: 1px solid #86D8E1;
	margin: 0;
}
#footer a {
	/* Use display: block so we get a full display box to manipulate,
	also gives a full hit area for each link (not just text) */
	display: block;
	padding: 6px 7px 5px 7px;
	text-decoration: none;
	color: #FFF;
/*	font-weight: bold;*/
	}
#footer a:hover, #nav a:focus {
	background: #D81B53;
	}
#endsession {
	/* Float right menu right */
	float: right;
	/* Remove margins, padding and list item markers */
	list-style: none;
/*	background: #000;*/
	}
#endsession li {
	/* Float menu items left, remove margins and padding */
	float: left;
	border-left: 1px solid #86D8E1;
	margin: 0;
	}
#endsession a{
	font-weight: bold;
}

#copyright {
	padding-left: 5px;
	width: 758px;
	margin-left:10px;
}
#copyrightImage {
	padding-left: 5px;
	margin:0 10px 0 0;
}
#pqlogo {
padding:10px 10px 0 0;
	float:left;
}

#copytext {
	float:left;
	padding:18px 5px 0 0;
	font-size:0.8em;
}

.librarybranding{
	float:right;
	padding-top: 5px;
	width:200px;
	text-align:right;
}
/*START main content of the page */
#content{
float:left;
padding: 10px 0 10px 8px;
width:566px
}
#contentImage {
margin: 10px 8px 10px 8px;
padding-bottom: 15px;
border-bottom: 1px solid black;
clear: left;
}
#contentTimeline{
float:left;
padding: 0 0 10px 8px;
}
h1 {
	color: #00455A;
	font-size: 1.8em;
	font-weight: bold;
	border-bottom: 1px dashed;
	margin: 0 0 20px 0;
	font-family: Georgia, "Times New Roman", serif;
}
h2 {
	color: #00455A;
	font-size: 1.5em;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", serif;
	margin: 5px 0 0 0;
	padding: 0 0 10px 0;
	}
h3 {
	color: #00455A;
	font-size: 1.3em;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", serif;
	margin: 5px 0 0 0;
	padding: 0 0 10px 0;
	}
h4 {
	color: #00455A;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.2em;
	font-weight: bold;
	margin: 10px 0 0 0;
	padding: 0 0 10px 0;
	}
p {
	padding: 0 0 10px 0;
}

blockquote {
	margin-left:50px;
	margin-right: 60px;
}


.durable {
	text-align: right;
	margin: -40px 0 28px 0;
	padding: 0;
	font-size: 0.8em;
	/*float: right; this well and truly screwed up some pages*/
}
/* don't think this is in use anymore */
.durableTimeline {
	text-align: right;
	margin: -40px 0 28px 0;
	padding: 2px 0 2px 0;
	font-size: 0.8em;
	width: 565px;
}
/*styling for durable url layer*/
#durableHolder{position:absolute; display:none; border: 1px solid black; background-color: #F0F8CF; width: 400px;  padding: 8px; z-index:100;}
/* Position the close window link/graphic.*/
.closewin { position:absolute; top:12px; right:15px; border:0;}

.clearleft {
	clear: left;
}
#secondarynav{
/* Float: left used to force container to hold floated menus, and to fix problem in ie6 with durable url div pushing down secondary nav bar. Do not touch if you value your sanity */
	background: #D5F1F5;
	overflow: auto;
/*	border-bottom: 1px dashed;*/
	padding: 5px 5px;
	margin-top: -20px;
	margin-bottom: 10px;
	margin-right: 10px;
	}
#secondarynav:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#secondarynav {
	display: inline-block;
}
/* Hide from IE Mac \*/
* html #secondarynav {
	height:1%;
}
#secondarynav {
	display: block;
}
/* End hide from IE Mac */
/* html #secondarynav{
	float: left;
	width: 556px;
	margin-right: 0;
}*/
#secondarynav ul{
	float: left;/* Float left menu left */
	list-style: none;
	margin: 0;
	}
#secondarynav li{
	/* Float menu items left, remove margins and padding */
	float: left;
border-left: 1px solid #000;
	padding: 0 3px;
	margin: 0;
}
#secondarynav li.timelineDurable {
	border-left: none;
	float: right;
}
#secondarynav .noleft, #links .noleft{
	/* Float menu items left, remove margins and padding */
	border-left: none;
}
#secondarynav .prevnext, #links ul{
	float: right;
}
#secondarynav .prevnext li{
	border-left: none;
	margin: 0;
}
#secondarynav li.back {
	border-left: none;
	text-decoration: underline;
	padding: 0px 3px 0px 20px;
	background: url(/images/arrows_back.gif) 0% 75% no-repeat;
}
#secondarynav .prev {
	padding: 0px 3px 0px 10px;
	background: url(/images/arrow_prev.gif) 0% 75% no-repeat;
}
#secondarynav .nxt {
	padding: 0px 10px 0px 3px;
	background: url(/images/arrow_nxt.gif) 100% 75% no-repeat;
}

/*START Forms */
form {
	 float: left;
	 margin: 15px 0 10px 0;
	 /*padding: 0 0 10px 0;*/
}
form div{
	
	margin: 0 0 10px 0;
}
/* first div in form relatively positioned to allow submit button to be absolutely positioned */
form div#formfirstline {
	position: relative;
	width: 509px;

}
.submit {
	background: #D81B53;
	color: white;
	font-weight: bold;
   cursor: pointer;
   padding: 2px 5px;
}

/* Top submit button absolutely positioned */
form div#formfirstline .submit {
	position: absolute;
	right: 0;
	width: 6em;
}
form div#formlastline{
	width: 90%;
	/*float: left;*/
	clear: both;
	overflow: auto;
}
/* Bottom submit button floated right */
form div#formlastline .submit {
	float: right;
	width: 6em;
}

/* Bottom wide submit button floated right */
form div#formlastline .submitwide {
	float: right;
	width: 9em;
	background: #D81B53;
	color: white;
	font-weight: bold;
   	cursor: pointer;
   	padding: 2px 5px;
}

form div#formlastline .clear {
	float: left;
}

fieldset {
	border: 0;
	padding: 0;
	margin-bottom: 8px;
	color: #0000;
	font-weight: bold;
	clear: left;
}
.pubdate {
	margin: 0 0 0 -5px;
	font-weight: bold;
}
/*style for hiding text legends*/
fieldset .textLegend {
	 text-indent: -1000px;
 font-size: 1px;
 padding: 0;
 margin: 0;
}
/*style for multimedia fieldset*/
#multi {
	border: 0;
	 padding: 15px 0;
	 clear: left;
}
/*style for multimedia legend*/
#multi legend {
	width: 9em;
	font-weight: bold;
	color: #000;
	margin: 0 0 -3.5em 0;
}
.field {
	width: 15em;
	margin-right: 10px;
}
.radio {
	font-size: 0.8em;
	padding: 10px 0px;
}
* html legend .multi {
	margin-left: -7px;
}
label span {
    clear: left;
    float: left;
    font-weight: bold;
    width: 12em;
	 cursor: default;
}

legend span {
    clear: left;
    float: left;
    font-weight: bold;
    width: 12em;
	 cursor: default;
}

.dates legend {
	width: 9em;
	font-weight: bold;
	color: #000;
	margin: 0 0 -2em 0;
}
* html .dates legend {
	margin-left: -7px;
}
/* Used to line fieldset elements up with text input fields */
.dates div, div.inset {
	padding-left: 13em;
}
.dates label span {
	float: none;
	clear: none;
	padding-right: 5px;
	display: inline;
	font-weight: normal;
	font-size: 0.8em;
}
.dates input {
	margin-right: 5px;
	vertical-align: baseline;
}
.check label span, .sub_check label span {
	/*width: 10em;*/
}
/* Padding added to right of link to accomodate background image */
.openselectlist a {
	font-size: 0.8em;
	text-decoration: underline;
	padding: 1px 15px 1px 1px;
	background: url(/images/arrows.gif) 100% 75% no-repeat;
}
.all{
	margin: 0 0 10px 0;
	font-weight: bold;
}
.limit{
	margin: 0 0 10px 15em;
	font-size:0.8em;
}
#hideopts, .hideopts {
display: none;
}

#hideopts, #showopts, .hideopts, .showopts {
font-size: 0.8em;
font-weight: normal;
}
.check {
	padding: 0 0 0 1.5em;
   /* padding: 0 0 0 12em;*/
}
.referenceWorks {
	margin-top: 8px;
}
.referenceBook {
	padding: 10px 0 0 1.5em;
	margin: 0 0 8px 0;
}
.checkinline {
   padding: 0 0 0 10em;
}
/*.check ul{
	list-style: none;
}
.check li{
	margin: 0 0 10px 0;
}
.check label {
	padding: 0 15px 0 0;
}*/
.sub_check {
    padding: 0 0 0 3em;
	 margin: 0 0 8px 0;
}

/*START Home page specific styling */
#headerhome{
position:relative;
background: #00455A url(/images/branding/headerbg.gif) no-repeat 556px 0px;
}
#quicksearchhome {
border-top: 1px solid black;
width: 550px;
background-color: #86D8E1;
padding: 5px 0 4px 6px;
}
* html #quicksearchhome {
padding: 3px 0 3px 6px;
}
/* contains the main navigation links */
#mainnavhome{
background-color: #007E93;
border-top: 1px solid black;
border-bottom: 1px solid black;
width: 556px;
	/* Float: left used to force container to hold floated menus, overflow: auto
	can't be used in this instance because FFox displays scroll bars */
	float: left;
	min-height: 25px;
	}
/* holds the right-hand navigation bar including the search/browse heading */
#rightnavhome{
width: 204px;
float: right;
background: #FFF;
margin-bottom: 10px;
}
#rightnavhome h2{
padding: 5px 6px 5px 54px;
margin: 0;
font-size: 1.2em;
background: #86D8E1 url(/images/branding/searchorbrowsebg.gif) no-repeat left top;
}
#rightnavhome ul {
	list-style-type:none;
	width:199px;
   padding: 11px 0px 0px 0px;
	background: #00455A url(/images/branding/rightnavbg.gif) no-repeat left top;
	float: right;
	margin: 0;
}
#rightnavhome ul li{
	padding: 6px 0 0 0;
	background: transparent url(/images/branding/rightnavlibg.gif) no-repeat left top;
	margin: 0;
}
#rightnavhome ul li a {
	background: #F6DFA4 url(/images/branding/bullet.gif) 6px 7px no-repeat;
	color: #000;
	font-weight:bold;
	text-decoration: none;
	padding: 7px 0px 7px 28px;
	width:170px;
	display:block;
	border-top : 1px solid #999;
   border-bottom : 1px solid #000;
	border-left: 1px solid #000;
	line-height : 1.2;
}
#rightnavhome ul li a:hover {
	color: #FFF;
	background: #D81B53 url(/images/branding/bullet_ro.gif) 6px 7px no-repeat;
	text-decoration: none;
}
#rightnavhome .shortdesc{
	font-weight: normal;
	font-size: 0.9em;
	line-height: 1.4em;
	margin-top: 0.2em;
	/*letter-spacing: -0.1em;*/
	margin-right: 3px;
}
#contenthome{
float:left;
padding: 10px 0 10px 4px;
width:546px
}
#introcolumn{
	width: 154px;
	float: right;
	padding: 0px 15px;
}
.homeintro{
	padding: 5px;
	margin-bottom: 5px;
}
.keyEvents {
	padding: 5px;
	background-color: #d5f1f5;
	margin-bottom: 10px;
}
#homemonthlytheme{
	background: url(/images/branding/homemonthlythemebg.gif) repeat-y left top;
	border-bottom: 1px solid black;
}
.thismonth{
		background: url(/images/branding/thismonthbg.gif) no-repeat left top;
		padding: 8px 5px 5px 15px;
		font-weight: bold;
		font-size: 0.8em;
}
#homemonthlytheme img{
	border-left: 1px solid black;
}
#homemonthlytheme h2{
	color: black;
	font-size: 1em;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0 5px 5px 5px;
	margin: 0;
}
.themeintro{
	padding: 5px;
}
#imagecolumn{
	float: left;
}

/*START search page specific styling*/
/*styles for box containing howto information below the rightnav on search pages*/
#howto {
	width: 179px;
	background: url(/images/branding/howtobg.gif) repeat-y left top;
	float: left;
	margin: 10px 0 10px 5px;
}
#howto h2 {
	padding: 5px 0 3px 15px;
margin: 0;
font-size: 1.2em;
border-bottom: 1px dashed;
	background: url(/images/branding/howtoheadbg.gif) no-repeat left top;
}
* html #howto {
	width: 180px;
	margin: 10px 0 0 2px;
}
#howto p {
	padding: 5px 5px 0px 5px;
}
#howto .foot {
	background: url(/images/branding/howtofootbg.gif) no-repeat left top;
	height: 24px;
}
#browse {
float: left;
width: 100%;
/*	margin: 10px 0 10px 0;
	border: 2px solid #D5F1F5;
	padding: 10px 5px 5px 5px;*/
	padding: 10px 0 10px 0;
	margin: 10px 0 0 0;
	border-top: 1px dashed;
	overflow: auto;
}

/*START results page specific styling*/
#searchedfor{
float: left;
clear: left;
width: 566px;
margin: 0 0 20px 0;
}
* html #searchedfor{
	margin: 0 0 10px 0;
}
#searchedfor .yousearched{
float: left;
width: 10em;
}
#searchedfor .searchterms{
	float: left;
	font-weight: bold;
margin: 0;
padding: 0;
}
#somsummary{
	/* Float: left used to force container to hold floated menus, overflow: auto
	can't be used in this instance because FFox displays scroll bars */
	width: 566px;
	float: left;
	padding: 10px 0 0 0;
	margin: 0 0 20px 0;
	}
#somsummary ul{
	float: left;/* Float left menu left */
	list-style: none;
	margin: 0;
	}
#somsummary li{
	/* Float menu items left, remove margins and padding */
	float: left;
	padding: 0 20px 0 0;
	margin: 0;
}
#resort{
	margin: 0 0 10px 0;
	width: 100%;
	float: left;
}
#results {
	width: 566px;
	margin: 0 0 20px 0;
	float: left;
	clear: left;
}
#som {
		margin: 0 0 10px 5px;
		padding: 0;
}
#som ol {
/*		font-size: 0.8em;*/
		line-height: 1.4em;
		padding: 0;
		margin: 0;
		list-style: none;
		clear: both;
		}
#som li {
		margin: 0;
		margin-bottom: 10px;
		padding: 3px;
		float: left;
		}
#som li .number {
		float: left;
		margin: 0;
		width: 30px;
		text-align: left;
}
#som li .icon {
	float: left;
	width: 23px;
}
#som li .details {
	padding: 0 3px 3px 0;
	width: 515px;
	float: left;
}
#som li .detailsIcon {
	padding: 0 3px 3px 0;
	width: 465px;
	float: left;
}
#respagelinks {
	clear: left;
}
.morelink {
font-size: 0.8em;
	padding: 5px 3px 10px 3px;
	float: left;
	clear: left;
}
.toplink {
font-size: 0.8em;
	padding: 5px;
	float: right;
}

/*START image and map full record specific styling for use when item needs to fill full page area and burst out of page area*/
#containerbuster{
	clear: left;
	width:752px;
border-left: 1px solid black;
border-right: 1px solid black;
margin: 0 0 0 10px;
padding: 0 0 20px 8px;
/* Float: left used to force container to hold image, overflow: auto
	can't be used in this instance because FFox displays scroll bars */
float: left;
}
* html #containerbuster{
	margin: 0 0 0 5px;
}
#containerfooter {
width:760px;
border-left: 1px solid black;
border-right: 1px solid black;
margin: 0 0 0 10px;
}

/*START topic page styling*/
.call{
/*clear: both; removed as it forces body text following it below the ToC*/
}
.backtop0 {
	font-size: x-small;
	float: right;
	}
/*fix for problem of page content starting under right navbar in IE6 which seems to be caused by long hyperlinks not wrapping properly*/
#topicpage {
	width: 565px;
}
#topicpageimg {
	margin: 0 0 0.5em 1em;
	background:#D5F1F5;
	border: 1px solid #007E93;
	float:right;
	padding:5px;
	text-align:center;
	font-size: 0.8em;
	width: 150px;
	}
	
#topicpageimg img {
	margin-bottom: 5px;
	border: 0px;
	}
#topicpageimg A:hover{
	background-color: #D5F1F5;
}	
#topicpage ul{
	margin: 0 0 0 15px;
	padding: 0;
}	
#topicpage ul li{
	list-style-type: square;
	color: #000;
	margin: 0 0 10px 0;
	line-height: 1.25em;
}

/* topic image section */
.topicpagethumbs {
	float: left;
	width: 150px;
	height : 170px;
	border: 1px outset #009999;
	margin: 0 0px 15px 15px;
	padding: 5px;
	text-align:center;	
}
.topicpagethumbs img {
	border: 0;
	margin-bottom: 5px;
}
.topicpagethumbs a:hover {
	background-color:#ffffff;
}
.topicpagethumbs p{
	margin: 0;
	padding: 0;
	font-size: 0.8em;
}
/* end image section */
	
#topicpagejump {
	float: left;
	margin: 0 1em 0.5em 0;
	padding: 1px;
	border: 1px solid #007E93;
	width: 178px;
	}
	
#topicpagejump h3 {
	font-size: small;
	font-weight: bold;
	padding: 3px;
	border-bottom: 1px solid #007E93;
	margin: 3px;
	}
	
#topicpagejump ul {
	list-style : none;
	margin: 0;
	padding: 4px;
	}
	
#topicpagejump ul li {
	margin-left: 0px;
	margin-bottom: 4px;
	list-style: none;
	}
	
#topicpagejump p {
	font-size: x-small;
	margin: 5px 4px;
	}
	
#topicpagejump img {
	margin-left: 0;
	}
	
.snavicon {
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	}	
	
#topicpage h3.timeline{
	background: url(/images/icons/ico_timeline.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 10px 0 5px 30px;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #007E93;
	line-height: 1.5em;
}
#topicpage h3.images{
	background: url(/images/icons/ico_images.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 10px 0 5px 30px;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #007E93;
	line-height: 1.5em;
}
#topicpage h3.video{
	background: url(/images/icons/ico_video.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 10px 0 5px 30px;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #007E93;
	line-height: 1.5em;
}
#topicpage h3.web_resources{
	background: url(/images/icons/ico_web_resources.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 10px 0 5px 30px;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #007E93;
	line-height: 1.5em;
}
#topicpage h3.topic_overviews{
	background: url(/images/icons/ico_topic_overviews.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 10px 0 5px 30px;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #007E93;
	line-height: 1.5em;
}
#topicpage h3.document_based_questions{
	background: url(/images/icons/ico_document_based_questions.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 10px 0 5px 30px;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #007E93;
	line-height: 1.5em;
}

#topicpage h3.related_units{
	background: url(/images/icons/ico_related_units.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 10px 0 5px 30px;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #007E93;
	line-height: 1.5em;
}
#topicpage h3.reference{
	background: url(/images/icons/ico_reference.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 10px 0 5px 30px;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #007E93;
	line-height: 1.5em;
}
#topicpage h3.biographies{
	background: url(/images/icons/ico_biographies.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 10px 0 5px 30px;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #007E93;
	line-height: 1.5em;
	}
#topicpage h3.historiography{
	background: url(/images/icons/ico_historiography.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 10px 0 5px 30px;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #007E93;
	line-height: 1.5em;
}
#topicpage h3.maps{
	background: url(/images/icons/ico_maps.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 10px 0 5px 30px;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #007E93;
	line-height: 1.5em;
}
#topicpage h3.primary_sources{
	background: url(/images/icons/ico_primary_sources.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 10px 0 5px 30px;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #007E93;
	line-height: 1.5em;
}
#topicpage h3.secondary_sources{
	background: url(/images/icons/ico_secondary_sources.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 10px 0 5px 30px;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #007E93;
	line-height: 1.5em;
}
#topichighlights {
	clear: right;
	margin: 15px 0;
	padding: 5px;
	border: 2px solid #D5F1F5;
	}
.topichighlights{
	margin: 0.8em 0 0.8em 0;
	padding: 5px;
	border: 2px solid #D5F1F5;
}
.topiclisthighlights{
	border: 2px solid #D5F1F5;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
	
#topichighlights h2 {
	font-weight: bold;
	padding: 3px;
	border-bottom: 1px solid #009999;
	margin: 3px;
	}
	
#topichighlights ul {
	list-style : none;
	margin: 0;
	padding: 4px;
	}
	
#topichighlights ul li {
	margin-left: 0px;
	margin-bottom: 15px;
	list-style: none;
/*	line-height: 1.8em;*/
	}	

/*BROWSE LIST*/
.selectlist {
	list-style: none;
	margin: 0 0 20px 20px;
}
#browsebutton {
	float: right;
	padding-right: 50px;
}

/*START reference work full record page*/
#publisherShell {
width: 100%;
overflow: auto;
margin: 10px 0 15px 0;
clear: left;
}
.publisherLogo {
margin: 0;
padding: 0;
border: 1px solid White;
float: left;	
}
.publisherDetails {
margin: 0 0 0 10px;
padding: 0 0 10px 0;
border: 1px solid white;	
float: left;
*width: 250px;
}
/*inline image styling*/
.image_casement {
margin: 0;
padding: 0;
border: 0;
/*border: 1px solid Black;*/
float: left;
}
.image_array {
margin: 0;
padding: 0;
border: 0;
/*border: 1px solid Red;*/
float: left;
}
.image_array:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.image_array {
	display: inline-block;
}
/* Hide from IE Mac \*/
* html .image_array {
	height:1%;
}
.image_array {
	display: block;
}
/* End hide from IE Mac */
/* Get those bullets appearing in the right place... */
.image_casement ul {
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
	float: left;
}


.image_zoomify {
margin: 0 1em 0.5em 0;
/*margin: 0;*/
padding: 5px 5px 20px 5px;
background: White;
color: Black;
text-align: center;
border:1px solid #007E93;
width: 230px;
/*height: 230px;*/
background-image: url(/images/caption_bigger.gif);
background-position : bottom;
background-repeat : no-repeat;
line-height: 1.8em;
}

.image_gif {
margin: 0 1em 0.5em 0;
/*margin: 0;*/
padding: 5px 5px 20px 5px;
background: White;
color: Black;
border:1px solid #007E93;
width: 230px;
/*height: 230px;*/
background-image: url(/images/caption_bigger.gif);
background-position : bottom;
background-repeat : no-repeat;
line-height: 1.8em;
text-align: center;
}

.image_animation {
margin: 0 1em 0.5em 0;
/*margin: 0;*/
padding: 5px 5px 20px 5px;
background: White;
color: Black;
text-align: center;
border:1px solid #007E93;
width: 230px;
/*height: 230px;*/
background-image: url(/images/caption_bigger.gif);
background-position : bottom;
background-repeat : no-repeat;
line-height: 1.8em;
}

/*START My Archive styling*/
.select {
		clear: left;
/*		width: 500px;*/
		margin: 0 0 0 30px;
/*		background-color: #D5F1F5;
		border-bottom: 1px solid #60622A;*/	
}
#mlsummary{
	padding: 0 0 15px 0;
	float: left;
}
#mlsummary ul {
	list-style: none;
	margin: 0;
	/*padding: 0 10px 0 10px;*/
	/*float: left;*/
	/*width: 100%;*/
	display: inline;
}
#mlsummary li {
	color: #000000;
	margin: 3px 3px 0 0;
	padding: 3px;
	float: left;
	width: 130px; /*width:153px; - minimum to fit recommended reading link without wrapping*/
	height: 48px; /*minimum height of link tabs when links wrap*/
	/*background: #D5F1F5;*/
	border: solid #D5F1F5 2px;
	/*border-left: solid #60603C 5px;*/
}
#mlsummary li.longer {
	width: 152px;
}
#links ul{
	list-style: none;
	margin: 0;
	padding: 0 0 5px 0;
}
#links li{
	border-left: 1px solid black;
	margin: 0;
	border-left: 1px solid #000;
	padding: 0 3px;
}
#links {
	border-bottom: 1px solid #60622A;
	/*overflow: auto;*/
	float: left;
	padding: 0;
	margin: 0;
}
#markedlist {
	clear: both;
}
#mlmarking {
	font-size: 0.8em;
	margin: 0px 0px 10px 0px;
	background-color: #D5F1F5;
	border-bottom: double #60622A;
	padding: 2px 0 2px 3px;
/*	width: 100%;
	float: left;
	clear: both;*/
}
li.checked {
		background-color: #D5F1F5;
		border: 1px dashed #60622A;
		border-bottom: 2px solid #60622A;
}
li.unchecked .select {
		background-color: #D5F1F5;
		border-bottom: 1px solid #60622A;
}

/*START Study Unit search browse page specific styling */
#mainindex {
float: left;
width: 554px;
	margin: 0px 0 10px 0;
	border: 2px solid #D5F1F5;
/*	border-top: 1px dashed;*/
	padding: 15px 2px 10px 2px;
}
#mainindex ul{
	margin-bottom: 0;
}
#mainindex li{
	list-style: url(/images/SUindexBullet.gif);
}
#seealso {
	margin: 0 0 0 5px;
}
#seealso ul{
	list-style: none;
}

/*START Study Unit giffed image template */
#SUgifCitation {

}
.current {
	background-color: #D5F1F5;
	padding: 3px;
	border: 1px solid #60622A;
}
#pagegifnav{
	width: 90%;
	float: left;
	padding: 10px 0 10px 0;
}
#pagegifnav .next {
	float: right;
}
#pagegifnav .prev {
	float: left;
}
#resize{
	/* Float: left used to force container to hold floated menus, overflow: auto
	can't be used in this instance because FFox displays scroll bars */
	width: 556px;
	overflow: auto;
	margin: 15px 0 5px 0;
	}
#resize .floatleft{
	padding: 4px 0 4px 0;
}

/*START toc pages styling*/
#tocindex {
float: left;
width: 554px;
	margin: 0px 0 10px 0;
	padding: 15px 2px 10px 2px;
}
#tocindex ul{
	margin-bottom: 0;
}
#tocindex ul h3{
	margin: 20px 0 0 -20px;
	padding: 0 0 0px 0;
}
#tocindex li{
	list-style: url(/images/SUindexBullet.gif);
}
#toc {
	float: left;
	margin: 10px 0 10px 0;
}
#toc ul{
	margin-top: 10px;
}
#toc li{
	list-style: none;
/*	float: left;
	clear: both;*/
}

/*START topic overview specific styling */
#topicsummary{
	/* Float: left used to force container to hold floated menus, overflow: auto
	can't be used in this instance because FFox displays scroll bars */
	width: 566px;
	float: left;
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
	}
#topicsummary ul{
	float: left;/* Float left menu left */
	list-style: none;
	margin: 0;
	}
#topicsummary li{
	/* Float menu items left, remove margins and padding */
	float: left;
	padding: 0 10px 0 0;
	margin: 0;
}
#topic {
float: left;
	clear: left;
	width: 100%;
}
#contentShell{
	clear: both;
	/*border-right: 1px solid white;*/
	width: 564px;
}
.contentFormat td {
	padding: 10px 5px 0 0px;
	}
#knote ul li{
	list-style-type: square;
	color: #000;
	margin-left: -20px;
	padding-left: -5px;
	line-height: 1.4em;
}
/*fix for vsi float problem (pushed content down below rightnav)*/
#knote {
	width: 564px;
}
#knote h2{
	font-size: 1.4em;
}
.knote_header{
	margin: 1em 0 1em 0;
	padding: 5px;
	background-color: #D5F1F5;
	border: 1px solid #007E93;
	overflow: auto;
}
.first_knote_header{
	margin: 1em 0 1em 185px;
	padding: 5px;
	background-color: #D5F1F5;
	border: 1px solid #007E93;

}
.vsi_header{
	margin: 1em 0 1em 0;
	padding: 5px;
	background-color: #D5F1F5;
	border: 1px solid #007E93;
	overflow: auto;
}
.first_vsi_header{
	margin: 1em 0 1em 185px;
	padding: 5px;
	background-color: #D5F1F5;
	border: 1px solid #007E93;

}
#knote_keyquestions{
	padding: 5px;
	border: 1px dashed #D5F1F5;
}

#knote_contents{
	float: left;
	margin: 0 0.5em 0.5em 0;
	padding: 0px;
	border-left: 1px solid #007E93;
	border-right: 1px solid #007E93;
	border-bottom: 1px solid #007E93;
	width: 178px;
	background-color: #FFF;
}
#knote_contents ul{
	margin: 0;
	padding: 0 4px 4px 4px;
	float: left;
}
#knote_contents ul li{
	margin: 0;
	padding: 5px 0 0 0;
	list-style: none;
	float: left;
	clear: both;
	width: 100%;
}
#knote_contents h3{
	margin: 0;
	padding: 5px;
	background-color: #D5F1F5;
	border-bottom: 1px solid #007E93;
	border-top: 1px solid #007E93;
}
#knote div.thphead {
	background: url(/images/kns/takehome.gif) no-repeat right top;
	margin: 10px 0 0 0;
	padding: 26px 0 0 0;
}
#knote div.xphead {
	background: url(/images/kns/exploration.gif) no-repeat right top;
	margin: 10px 0 0 0;
	padding: 26px 0 0 0;
}
#knote div.tahead {
	background: url(/images/kns/themealert.gif) no-repeat right top;
	margin: 10px 0 0 0;
	padding: 26px 0 0 0;
}
#knote div.qhead {
	background: url(/images/kns/quotable.gif) no-repeat right top;
	margin: 10px 0 0 0;
	padding: 26px 0 0 0;
}
#knote div.sthead {
	background: url(/images/kns/searchtip.gif) no-repeat right top;
	margin: 10px 0 0 0;
	padding: 26px 0 0 0;
}
#knote div.cphead {
	background: url(/images/kns/context.gif) no-repeat right top;
	margin: 10px 0 0 0;
	padding: 26px 0 0 0;
}
/* fix for bg overflow problem when wrapping around Contents e.g. Communist Manifesto */
#knote div.thp, #knote div.xp, #knote div.ta, #knote div.q, #knote div.st, #knote div.cp {
	border-bottom: 1px solid #313A69;
	border-left: 1px solid #313A69;
	border-right: 1px solid #313A69;
	padding: 5px 5px 5px 5px;
	overflow: auto;
	margin: 0 0 10px 0;
	background: #CCFFFF url(/images/kns/st_border.gif) no-repeat right top;
}
* html #knote div.thp, * html #knote div.xp, * html #knote div.ta, * html #knote div.q, * html #knote div.st, * html #knote div.cp {
	background: #CCFFFF url(/images/kns/st_border_ie.gif) no-repeat right top;
}

/*START Help popup styling*/
#helpwrapper {
text-align: left;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
width: 600px;
margin-left: 10px;
margin-right: 10px;
}
#helpbanner {
	background-color: #00455A;
}

/*START popup styling*/
#popwrapper {
text-align: left;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
width: 520px;
margin-left: 10px;
margin-right: 10px;
}
#titlepop {
	border-bottom: 5px solid #86D8E1;
	background-color: #00455A;
}
#popbody {
	padding: 0px 10px 0 10px;
	font-size: 0.9em;
	border-bottom: 5px solid #007E93;
}
#popbody h1 {
	border: none;
	margin: 0px;
}
#popbody ul {
	font-size: 0.9em;
}
#popbody li{
	margin: 0;
	padding: 0;
}
#popfooter {
	font-size: x-small;
	padding: 5px 0px 10px 0;
	width: 520px;
	margin-left: 10px;
margin-right: 0px;
}

/*START marketing site styling*/
#contentmkt{
float:left;
padding: 10px 0 10px 8px;
/*width:566px*/
}


/*START other page-specific styling*/
.videooptions{
	border: 2px solid #D5F1F5;
	margin: 10px 0 10px 0;
	padding: 5px;
}
.printicon {
	padding: 3px 0px 3px 18px;
	background: url(/images/icons/print.gif) 0% 50% no-repeat;
}
.saveicon {
	padding: 5px 0px 5px 18px;
	background: url(/images/icons/archive.gif) 0% 50% no-repeat;
}
.citeicon {
	padding: 5px 0px 5px 18px;
	background: url(/images/icons/cite.gif) 0% 50% no-repeat;
}
.removeicon {
	padding: 5px 0px 5px 18px;
	background: url(/images/icons/remove.gif) 0% 50% no-repeat;
}
.emailicon {
	padding: 5px 0px 5px 18px;
	background: url(/images/icons/email.gif) 0% 50% no-repeat;
}
.pdficon {
	padding: 5px 0px 5px 18px;
	background: url(/images/icons/pdf.gif) 0% 50% no-repeat;
}
.copyicon {
	padding: 5px 0px 5px 18px;
	background: url(/images/icons/copy.gif) 0% 50% no-repeat;
}
.resizeicon {
	padding: 5px 0px 5px 18px;
	background: url(/images/icons/resize.gif) 0% 50% no-repeat;
}
.SUicon {
	padding: 5px 18px 5px 0px;
	background: url(/images/icons/studyUnit.gif) 100% 50% no-repeat;	
}
.webicon {
	padding: 5px 0px 5px 18px;
	background: url(/images/icons/web.gif) 0% 50% no-repeat;
}
#themequote{
	margin-left:67px;
	margin-right:67px;
}
a.nolink{
	text-decoration: none;
	color: Black;
}

.brclear {
 clear: both;
 height: 0;
 margin: 0;
 font-size: 1px;
 line-height: 0;
}
.counter {
	
	font-size: 75%;
}
/*style used in some PQ data which needs styling up or it breaks the width and pushes the entire page down*/
.textSmall {
font-size: 0.8em;
}
.print_only {
display: none;
}
/* POPUP WINDOWS */
/* Classes reserved for popup window links */
.popUpSingle, .popUpHelp, .popUpMulti, .externalLink {
background: url(/images/icons/popup.gif) right 50% no-repeat;
padding-right: 20px;
 }

/* Class to add for links that need background images removed */
.noBG {
background: transparent;
padding: 0;
}

/* IE hack to force display of BG image on links */
* html .popUpSingle, * html .popUpMulti, * html .popUpHelp, * html .externalLink {zoom:1;}

* html .noBG {
	zoom: normal;
}

/* Class dynamically added to hidden text in links by script */
a span.hiddenText{
	position: absolute;
 	left: 0px;
 	top: -500px;
 	width: 1px;
 	height: 1px;
 	overflow: hidden;
}
#textTlDate {
	float: left;
	width: 8em;
}
#textTlDate h3 {
	margin-top: 0;
	font-size: 1.1em;
}
* html #textTlDate h3 {
	margin-top: 10px;
}
#textEvent {
	margin-left: 8.5em;
}
#citationForm {
	border: 2px solid #d5f1f5;
	padding: 5px;
	overflow: auto;
}
* html #citationForm {
		width: 550px;
}
#citationForm .field {
	width: 28em;
}
#citationForm label span {
	width: 10em;
}
#citationForm p.helpTip {
	margin-left: 12.5em;
}
table.enlargeLinks {
	font-size: 0.85em;
	border: none;
	line-height: 1.4em;
}

/* timeline page styles */
#timelineKey
{
list-style-type:none;
margin:0pt;
padding:0pt;
}
#timelineKey li {
display:inline;
margin: 0;
}
.military {
background:transparent url(/images/timeline/blue_circle.gif) no-repeat scroll 0pt 50%;
padding-left:15px;
}
.political {
background:transparent url(/images/timeline/dark_red_circle.gif) no-repeat scroll 0pt 50%;
padding-left:15px;	
}
.social {
background:transparent url(/images/timeline/green_circle.gif) no-repeat scroll 0pt 50%;
padding-left:15px;	
}
/* fix for image problem on journal article pages with publisher logos */
.docCitationContainer {
	clear: left;
}
.pdflink2 a.popUpMulti {
background:transparent url(/images/icons/pdf.gif) no-repeat scroll 0% 50%;
margin-right:0px;
padding-left:19px;
padding-right:0px;
}
#progressbarouter {position:relative; min-height:20px;}