/*---------------------------------------------------------------

	I. BASIC ELEMENTS [BSEL]
	
		The following selectors control the most basic 
		DOM elements starting with the root HTML element.

-----------------------------------------------------------------*/

	html {
		background-color: #000;
		font-size: 62.5%;
		line-height: 1;
		/*margin-bottom: 50px;*/
		}

	body {
		font-family: verdana, arial, helvetica, sans-serif;
		text-align: center; /* needed to center login pages in IE 6,7,8 fjp2 10/1/10 */
		}
		
	section, article, nav, header, footer, aside, hgroup {
		display: block;
		}

	a, a:active, a:visited {
		color: #a0410d; /*rust*/
		text-decoration: none;
		}

	a:hover {
		color: #a0410d;  
		text-decoration: none;
		border-bottom: 1px solid #a0410d;
		}
		
	a.img, a:link.img, a:visited.img, a:hover.img, a:active.img {
		border: none;
		text-decoration: none;
		}
			
	p {
		font-size: 1.2em;
		line-height: 1.4;
		margin: 0;
		padding: 0 0 10px 0
		}
	
	p.credits {
		font-size: 1.1em;
		}
		
	span.continue {
		color: #000;
		/*border: 1px solid #000;*/
		}
		
	/*span.continue a, span.continue a:active, span.continue a:visited, span.continue a:hover{
		color: #000;
		text-decoration: none;
		}*/
		
	h1 {
		font-family: "Times New Roman", Times, serif;
		font-size: 2.3em;
		font-weight: normal;
		margin: 0;
		padding: 0;
		}
		
	h2 {
		font-family: "Times New Roman", Times, serif;
		font-size: 2.0em;
		font-weight: normal;
		margin: 0;
		padding: 0 0 5px 0;
		}
		
	h3 {
		font-family: "Times New Roman", Times, serif;
		font-size: 1.7em;
		font-weight: normal;
		margin: 0;
		padding: 0 0 5px 0;
		}
		
	h4 {
		font-family: "Times New Roman", Times, serif;
		font-size: 1.4em;
		font-weight: normal;
		margin: 0;
		padding: 0 0 7px 0;
		}
		
	img {
		border: none;
		margin: 0;
		padding: 0;
		vertical-align: bottom; /*Required for IE7, to remove built-in 2px gap for text descenders*/
		}
		
	img.rtImg {
		border: 0;
		float: right;
		margin: 5px 0 0 13px;
		padding: 0;
		}
		
	img.ltImg {
		border: 0;
		float: left;
		margin: 5px 13px 0 0;
		padding: 0;
		}
		
	hr {
		background-color: #c7b29a;
		color: #c7b29a;
		border: 0;
		height: 1px;
		width: 100%;
		}
		
/*---------------------------------------------------------------

	II. LAYOUT RULES [LRULE]
	
		Rules that control the overall layout of the page.
		Subsequent grid formats are contained herein.

-----------------------------------------------------------------*/
		
	#pageWrapper {
		background: url(/images/backgroundP.jpg) top repeat-y;
		margin: 0 auto;
		padding: 0;
		width: 800px;
		overflow: auto;
		}
		
	header {
		margin: 0;
		padding: 0;
		}
		
	#navigationContainer {
		clear: both;
		}
		
	#navigationContainer nav {
		background: url(/images/navigation.jpg) no-repeat;
		margin: 0 auto;
		padding: 15px 0 15px 0;
		width: 800px;
		overflow: auto;
		}
		
	#navigationContainer nav ul {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.4em;
		line-height: 1.4;
		color: #f4e4d1;
		list-style: none;
		margin: 0 0 0 15px;
		padding: 0;
		float: left;
		}
		
	#navigationContainer nav ul li {
		list-style: none;
		margin: 0;
		padding: 0 16px 0 0;
		float: left;
		}
		
	#navigationContainer nav ul li a, #navigationContainer nav ul li a:visited {
		color: #f4e4d1;
		text-decoration: none;
		}

	#navigationContainer nav ul li a.active, #navigationContainer nav ul li a:hover {
		color: #fff;  /*#f4e4d1*/
		text-decoration: none;
		border-bottom: 1px solid #ddcfbd; /*#998675*/
		}
		
	#pageContent {
		background: url(/images/headerP.jpg) top left no-repeat;
		border-top: 1px solid #c7b29a;
		margin: 0;
		/*padding: 5px 15px 8px 15px;*/
		padding: 0 15px 8px 15px;
		overflow: auto;
		}
		
	#secondaryNavContainer {
		background: url(/images/searchP.jpg) top right no-repeat;
		border-bottom: 1px solid #c7b29a;  /*#736357*/ /*#c7b29a*/
		margin: 0 0 5px 0;
		/*padding: 5px 0 5px 0;*/
		padding: 10px 0 5px 0;
		overflow: hidden;
		}
		
	#secondaryNavContainer nav {
		margin: 0;
		padding: 0 0 8px 0;
		height: 10px;
		float: left;
		}
		
	#secondaryNavContainer nav ul {
		font-family: "Times New Roman", Times, serif;
		font-size: 1.4em;
		line-height: 1.4;
		color: #000000;
		list-style: none;
		margin: 0 0 10px 0; /* bottom padding needed when navigation contains 2 lines, ie, Story of the Fire pages */
		padding: 0;
		float: left;
		}
		
	#secondaryNavContainer nav ul li {
		margin: 0;
		padding: 0 6px 0 0;
		float: left;
		border-left: none;
		list-style: none;
		background: none;
		}
		
	#secondaryNavContainer nav ul li a, #secondaryNavContainer nav ul li a:visited {
		color: #000;
		text-decoration: none;
		}
		
	#secondaryNavContainer nav ul li a.active {
		color: #a0410d;
		text-decoration: none;
		}

	#secondaryNavContainer nav ul li a:hover {
		color: #a0410d;  
		text-decoration: none;
		border-bottom: 1px solid #a0410d;
		}   
		
	#secondaryNavContainer #search {
		margin: 0;
		padding: 0;
		float: right;
		}
		
	#secondaryNavContainer #search ul {
		font-family: "Times New Roman", Times, serif;
		font-size: 1.4em;
		line-height: 1.4;
		color: #000000;
		list-style: none;
		margin: 0;
		float: left;
		/*padding: 0 35px 0 0;*/
		padding: 0;
		}
	
	#secondaryNavContainer #search ul li form {
		padding: 0; 
		margin: 0;
		}
		
	#secondaryNavContainer #search ul li form input {
		background-color: #f8f4ee; 
		font-family: "Times New Roman", Times, serif; 
		height: 13px;  
		width: 80px; 
		border: 1px solid #c7b29a; 
		padding: 2px;
		}
	

	#secondaryNavContainer #search ul li form input#searchSubmit {
		display: inline; 
		height: 19px; 
		width: 38px; 
		border: none; 
		background: none;
		}   
		
	#secondaryNavContainer #search ul li {
		margin: 0;
		padding: 0;
		float: left;
		border-left: none;
		list-style: none;
		background: none;
		}
		
	#secondaryNavContainer #search ul li a, #secondaryNavContainer #search ul li a:visited {
		color: #000;
		text-decoration: none;
		}

	#secondaryNavContainer #search ul li a:hover {
		color: #a0410d;  
		text-decoration: none;
		border-bottom: 1px solid #a0410d;
		}
		
/*---------------------------------------------------------------

	III. MAIN CONTENT [MAINCONT]
	
		Rules that control the left-hand column.

-----------------------------------------------------------------*/

	#mainColumn {
		margin: 0 15px 0 0;
		padding: 0;
		width: 475px;
		float: left;
		text-align: left;
		}
		
	#mainColumnFullWidth {
		margin: 0 15px 0 0;
		padding: 0;
		float: left;
		text-align: left;
		}
			
/*---------------------------------------------------------------

	IIIa. PAGE TITLE 
	Right-justifying link next to page title. Used on victims list and individual victim information pages.

-----------------------------------------------------------------*/
		
	#headingContainer {
		margin: 0;
		padding: 12px 0 12px 0;
		overflow: auto;
		}
		
	.pageTitle {
		margin: 0;
		padding: 0;
		float: left;
		}
		
	.floatedLink {
		margin: 6px 0 0 0;
		padding: 0 5px 0 0;
		float: right;
		}
		
	.floatedLink p {
		font-size: 1.1em;
		margin: 0;
		padding: 0;
		}
		
/*---------------------------------------------------------------*/
		
	#mainContent {
		background-color: #ffffff;
		border: 1px solid #736357;
		margin: 0;
		padding: 10px;
		overflow: auto;
		}
		
	#mainContent h1 {
		font-family: "Times New Roman", Times, serif;
		font-size: 2.0em;
		font-weight: normal;
		margin: 0;
		padding: 0 0 5px 0;
		}
		
	#mainContent h2 {
		font-family: "Times New Roman", Times, serif;
		font-size: 1.7em;
		font-weight: normal;
		margin: 0;
		padding: 0 0 5px 0;
		}
		
	#mainContent h2.documents {
		font-size: 2.1em;
		}
		
	#mainContent h2.audio {
		font-size: 1.9em;
		}
		
	#mainContent h2.victimInfo {
		font-size: 2.0em;
		padding: 10px 0 5px 0;
		}
		
	#mainContent p.floor {
		font-family: "Times New Roman", Times, serif;
		font-size: 1.7em;
		font-weight: normal;
		margin: 0;
		padding: 0;
		}
		
	#mainContent p.interview_date {
		font-family: "Times New Roman", Times, serif;
		font-size: 1.7em;
		font-weight: normal;
		margin: 0;
		padding: 0;
		}
		
	#mainContent p.introduction {
		font-size: 1.1em;
		margin: 0;
		padding: 0 0 10px 0;
		}

	#mainContent h1.interview {
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 1.2em;
		font-weight: normal;
		margin: 0;
		padding: 20px 0 15px 0;
		}
		
	#mainContent hr {
		background-color: #c7b29a;
		color: #c7b29a;
		border: 0;
		margin: 0 0 20px 0;
		height: 1px;
		width: 100%;
		}
		
	#mainContent ul {
		margin: 0;
		padding: 0 0 5px 15px;
		}
	
	#mainContent ul li {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.1em;
		line-height: 1.2;
		margin: 0;
		padding: 0 0 10px 0;
		}
		
	#mainContent ul li.nested {
		list-style-type: none;
		}
	
	#mainContent ul li ul {
		margin: 0;
		padding: 0 0 0 15px;
		}
	
	#mainContent ul li ul li {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 1em;
		line-height: 1.2;
		margin: 0;
		padding: 0 0 10px 0;
		}
		
	#mainContent ul li ul li.last {
		padding: 0;
		}
		
	#mainContent ol {
		margin: 0;
		padding: 0 0 5px 25px;
		}
	
	#mainContent ol li {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.1em;
		line-height: 1.2;
		margin: 0;
		padding: 0 0 10px 0;
		}
		
	#mainContent ol li.nested {
		list-style-type: none;
		}
	
	#mainContent ol li ul {
		margin: 0;
		padding: 0 0 0 15px;
		}
	
	#mainContent ol li ul li {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 1em;
		line-height: 1.2;
		margin: 0;
		padding: 0 0 10px 0;
		}
		
	#mainContent ol li ul li.last {
		padding: 0;
		}
		
	.identifiedVictim {
		height: 225px;
	}
	
	.identifiedVictimNoPhoto {
		height: 150px;
	}
	
	.victimInfo {
		margin: 0;
		padding: 0 0 15px 0;
		overflow: auto;
	}
		
	.column1 {
		margin: 0;
		padding: 0;
		width: 50%;
		float: left;
		}
		
	.column2 {
		margin: 0;
		padding: 0;
		width: 49%; /*must use 49% or scroll bars appear in IE*/
		float: right;
		}
		
	span.initial {
		font-family: 'Times New Roman', Times, serif; 
		font-size:6.5em; 
		float:left; 
		background:#AA8877 url(/images/stripes.png) repeat; 
		color:#fff; 
		margin:.06em .1em 0 0; 
		padding:.1em; 
		line-height:.7em;
		/*display: block; 
		float: left; 
		padding: 1px 3px; 
		margin-right: 2px; 
		border: 1px dotted #736357; 
		background-color: #EDEDDE;
		font-family: 'Times New Roman', Times, serif;
		font-size: 3em; 
		line-height: 80%;*/
		}
		
/*---------------------------------------------------------------

	IV. SECONDARY CONTENT [SECCONT]
	
		Rules that control the right-hand column.

-----------------------------------------------------------------*/

	#secondaryColumn {
		margin: 0;
		padding: 0;
		width: 280px;
		float: right;
		text-align: left;
		}
		
	#secondaryColumn p {
		font-size: 1.1em;
		}
		
	#secondaryColumn h3 {
		font-family: "Times New Roman", Times, serif;
		font-size: 1.4em;
		font-weight: normal;
		margin: 0;
		padding: 0;
		}
		
	#secondaryColumn h3 span {
		font-size: 1.285em;
		font-weight: normal;
		}
		
	#secondaryColumn h3 a, #secondaryColumn h3 a:active, #secondaryColumn h3 a:visited {
		color: #000;
		text-decoration: none;
		}

	#secondaryColumn h3 a:hover {
		color: #000;  
		text-decoration: none;
		border-bottom: 1px solid #000;
		}
		
	#secondaryColumn h4 {
		font-family: "Times New Roman", Times, serif;
		font-size: 1.4em;
		margin: 0;
		padding: 0 0 14px 0;
		}
		
	#imageContainer {
		margin: 0 0 1px 0;
		padding: 0;
		}
		
	.relatedResources {
		background-color: #c7b29a;
		border: 1px solid #736357;
		margin: 1px 0 0 0;
		padding: 6px 10px 6px 10px;
		}
		
	.relatedResources h3 img {
	vertical-align: text-top;
	}
		
	#secondaryContent {
		background-color: #ffffff;
		border-left: 1px solid #736357;
		border-right: 1px solid #736357;
		border-bottom: 1px solid #736357;
		margin: 0;
		padding: 10px;
		}
		
	#secondaryContent ul {
		margin: 0;
		padding: 0 0 10px 15px;
	}
	
	#secondaryContent ul li {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.1em;
		line-height: 1.2;
		margin: 0;
		padding: 0 0 10px 0;
	}
		
/*---------------------------------------------------------------

	V. FOOTER [FOTER]
	
		Rules that control the footer.

-----------------------------------------------------------------*/
		
	#footerContainer {
		border-top: 1px solid #c7b29a;
		clear: both;
		}

	#footerContainer footer {
		background: url(/images/footerPtall.jpg) no-repeat;
		margin: 0 auto;
		padding: 20px 0 15px 0;
		width: 800px;
		text-align: left;
		overflow: auto;
		}
		
	#footerContainer footer ul {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		list-style: none;
		margin: 0 0 0 25px;
		padding: 0;
		float: left;
		}
		
	#footerContainer footer ul.interior {
		font-size: 1.2em;
		line-height: 1.2em;
		color: #000;
		}
		
	#footerContainer footer ul.exterior {
		font-size: 1.0em;
		line-height: 1.0em;
		color: #6c5d52;
		padding: 4px 0 0 0;
		}
		
	#footerContainer footer ul li {
		list-style: none;
		margin: 0;
		padding: 0 14px 0 0;
		float: left;
		}
		
	#footerContainer footer ul.interior a, #footerContainer footer ul.interior a:active, #footerContainer footer ul.interior a:visited {
		color: #000;
		text-decoration: none;
		}

	#footerContainer footer ul.interior a:hover {
		color: #000;  
		text-decoration: none;
		border-bottom: 1px solid #000;
		}
		
	#footerContainer footer ul.exterior a, #footerContainer footer ul.exterior a:active, #footerContainer footer ul.exterior a:visited {
		color: #6c5d52;
		text-decoration: none;
		}

	#footerContainer footer ul.exterior a:hover {
		color: #6c5d52;  
		text-decoration: none;
		border-bottom: 1px solid #6c5d52;
		}
		
/*---------------------------------------------------------------

	V. QUICKTIME PLAYER [QTPLYR]
	
		Rules that control the Quicktime Player in the survivor oral histories.

-----------------------------------------------------------------*/

	#qt_playerWrapper {
		text-align: center;
		}
		
	#qt_playerWrapper.img {
		margin: 0;
		padding: 0;
		}
	
	embed.qt_player {
		background-color: #fff;
		margin: 0 0 15px 0;
		height: 25px;
		width: 200px;
		}
		
	embed.WNYC_recording {
		margin-bottom: 10px;    
	}