/*
	tdt.css
	Main stylesheet for tdt.org.
	NB: tdt_styles.css is also included in this deployment. It is
		necessary to keep it around in order to support some older
		pages. Other than that, the definitions it contains are
		considered deprecated.

	REFERENCE:
	tdt blue: color: rgb(0, 171, 210);
	tdt red color: #CF4345;
*/
/* Makeshift CSS Reset */  
{  
	margin: 0;  
	padding: 0;  
}  
  
/* HTML 5 elements block reset */  
header, footer, aside, nav, article, section
{  
	display: block;
}


@media screen
{
	/* BEGIN element-wide styling */
	body
	{
		margin: 0; padding: 0;
		background-color: #6d6e70;
		font-family: georgia;
		color: #6C6D6F;
	}
	
	img
	{
		border: 0;
	}
	
	hr
	{
		border: 0;
		border-bottom: 1px solid #A6A8AA;
	}
	/* END element-wide styling */
	
	
	/* BEGIN broad strokes */
	#layoutContainer
	{
		width: 791px;
		margin: 10px auto;
		background-color: white;
	}

	#blackStripe
	{
		background-color: black;
		color: #D0D1D3;
		padding: 12px 25px;
		font-family: sans-serif;
		font-size: .8em;
	}
	/* END broad strokes */
	

	/* BEGIN list reset */
	.nakedList, .nakedList li,
	.nakedListHorizontal, .nakedListHorizontal li { list-style: none; margin: 0; padding: 0; }
	.nakedListHorizontal li
	{
		display: inline;
	}
	
	ul.bulletedList
	{
		list-style: disc outside url(../images/bullet.gif);
		padding-left: 15px;
	}

	.bodyText ol
	{
		list-style: decimal outside;
		padding: 0;
		margin: 24px;
	}
	/* END  list reset */
	
	
	/* BEGIN SHARED main navigation styles */
	#mainNav { font-family: helvetica, arial, sans-serif; }
	/* END SHARED main navigation styles */
	
	/* BEGIN main navigation for the home page */
	.homePage #mainNav { font-size: 1.3em; line-height: 1.1em; margin-top: 47px; }
	.homePage #mainNav, .homePage #mainNav a { color: #6d6e70; text-decoration: none; }
	.homePage #mainNav a:hover { color: #00ABD2; }
	.homePage #mainNav_upper, .homePage #mainNav_middle, .homePage #mainNav_lower { margin-bottom: 25px; }
	.homePage #mainNav_upper { font-weight: bold; }
	.homePage #mainNav_middle {}
	.homePage #mainNav_lower { font-weight: bold; }
	.homePage #mainNav_lower { line-height: .8em; }
	/* END main navigation for the home page */
	
	
	
	/* BEGIN main navigation for general content page */
	.contentPage #mainNav
	{
		width: 470px;
		text-align: right;
	}
	.contentPage #mainNav,
	.contentPage #subNav
	{
		font-family: "Helvetica Neue", helvetica, arial, sans-serif;
		color: #CF4345;
	}
	.contentPage #mainNav li,
	.contentPage #subNav li
	{
		padding-right: 3px;
		white-space: nowrap;
	}
	
	.contentPage #mainNav li a,
	.contentPage #subNav li a
	{
		border-left: 2px solid #CADAED;
		padding-left: 5px;
	}
	
	
	
	
	.contentPage #mainNav li.first a,
	.contentPage #mainNav li.noborder a,
	.contentPage #subNav li.first a,
	.contentPage #subNav li.noborder a { border: 0; }
	
	.contentPage #mainNav li.first a,
	.contentPage #subNav li.first a { padding-left: 0; }
	
	.contentPage #mainNav li a
	{
		text-transform: uppercase;
	}
	
	.contentPage #mainNav li a,
	.contentPage #subNav li a
	{
		font-size: .9em;
		color: #CF4345;
		text-decoration: none;
		font-weight: bold;
		
	}
	
	.contentPage #mainNav li.last { padding-right: 0; }
	/* END main navigation for general content page */
	
	
	
	#subNav li#otherInitiatives { color: rgb(0, 171, 210); font-size: .9em; font-weight: bold; line-height: 1.8em; }
	#subNav li#otherInitiatives a { font-size: 1em; }
	.repSubNav { margin-bottom: 5px; }
	
	/* BEGIN special case for support section sub-nav */
	#supportSubNav
	{
		font-family: "Helvetica Neue", helvetica, arial, sans-serif;
		color: #CF4345;
	}
	
	#supportSubNav li a
	{
		font-size: .9em;
		color: #CF4345;
		text-decoration: none;
		font-weight: bold;
	}
	/* END special case for support section sub-nav */
	
	.bodyContent { font-size: .7em; line-height: 1.4em; }

	.theFinePrint { font-family: helvetica, arial, sans-serif; margin-top: 40px; }
	#privacyPolicy { font-family: helvetica, arial, sans-serif; background-color: #6C6D6F; text-align: right; clear: both; padding: 5px 3px; border-bottom: 1px solid #A6A8AA;}
	#privacyPolicy a { color: white; text-decoration: none; }
	
	
	.quotation {}
	.quotation .quotationText { color: #CF4345; font-style: italic; line-height: 1.5em; }
	.quotation .attribution { color: black; font-size: .9em; }
	#aboutChouse .quotation { border-top: 1px solid #A6A8AA; padding: 7px 0; }
	#rep .quoFirst { border-top: 1px solid #A6A8AA; }
	#rep .quotation { border-bottom: 1px solid #A6A8AA; padding: 7px 0; margin: 7px 0; }

	a.grey:link {color:#6C6D6F; padding: 0; margin: 0; text-decoration:none;}
	a.grey:hover {color:#00ABD2; padding: 0; margin: 0; text-decoration:none;}
	a.grey:active {color:#00ABD2; padding: 0; margin: 0; text-decoration:none;}
	a.grey:visited {color:#6C6D6F; padding: 0; margin: 0; text-decoration:none;}

	a.red:link {color:#CF4345; padding: 0; margin: 0; text-decoration:none;}
	a.red:hover {color:#00ABD2; padding: 0; margin: 0; text-decoration:none;}
	a.red:active {color:#CF4345; padding: 0; margin: 0; text-decoration:none;}
	a.red:visited {color:#6C6D6F; padding: 0; margin: 0; text-decoration:none;}

	a.plain:link {color:#FFFFFF; padding: 0; margin: 0; text-decoration:none;}
	a.plain:hover {color:#A6A8AA; padding: 0; margin: 0; text-decoration:none;}
	a.plain:active {color:#A6A8AA; padding: 0; margin: 0; text-decoration:none;}
	a.plain:visited {color:#FFFFFF; padding: 0; margin: 0; text-decoration:none;}

	a.blue:link {color:#00ABD2; padding: 0; margin: 0; text-decoration:none;}
	a.blue:hover {color:#A6A8AA; padding: 0; margin: 0; text-decoration:none;}
	a.blue:active {color:#00ABD2; padding: 0; margin: 0; text-decoration:none;}
	a.blue:visited {color:#00ABD2; padding: 0; margin: 0; text-decoration:none;}
	
	
	
	
	/* BEGIN HOMEPAGE STYLING */
	#left
	{
		background-color: inherit;
		width: 320px;
		float: left;
		border-right: 1px solid #6d6e70;
		text-align: right;
		padding-right: 20px;
	}

	#right
	{
		background-color: inherit;
		width: 400px;
		float: right;
		padding: 0 35px 0 15px;
	}

	#left, #right
	{
		height: 600px;
	}

	#homepageImage { padding-top: 16px; }
	/* END HOMEPAGE STYLING */
	
	
	.smaller { font-size: .8em; }
	.smallest { font-size: .6em; }
	
	.pageAnnotation
	{
		font-family: "Helvetica Neue", helvetica, arial, sans-serif;
		font-size: .9em;
	}
	
	#whoswhoFrame
	{
		border: 0;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	/* BEGIN broad strokes for general content page */
	.contentPage { font-size: 80%; }
	
	#content
	{
		font-family: Georgia, serif;
		clear: both;
		padding: 0 20px 100px 20px;
	}
	
	#content h1
	{
		margin: 0; padding: 0;
		
		font-family: "Helvetica Neue", helvetica, arial, sans-serif;
		font-size: 2em;
		font-weight: normal;
		color: rgb(0, 171, 210);
		margin: 0;
	}
	
	
	.bodyText
	{
		font-size: .9em;
		line-height: 1.6em;
		
		padding-bottom: 10px;
	}
	.bodyText p { margin: 0; padding: 5px 0; }

	#content section h1
	{
		font-family: "Helvetica Neue", helvetica, arial, sans-serif;
		margin: 0; padding: 0;
		margin-top: 10px;
		font-size: 1.4em;
		line-height: 1.1em;
		font-weight: bold;
		color: #CF4345;
	}
	
	#pagePhotoCredits
	{
		font-family: helvetica, arial, sans-serif;
		font-size: .7em;
		border-top: 1px solid #A6A8AA;
		margin: 10px 0;
		padding: 5px;
		
		clear: both;
	}
	/* END broad strokes for general content page */
	
	
	
	/* BEGIN sections */
	#contactInfo, #sponsoredLinks, #phd, #location, #rentalInfo, #parkingInfo { display: block; }
	#contactInfo { margin-top: 20px; }
	#sponsoredLinks {}
	
	
	#sponsoredLinks h1
	{
		margin: 0; padding: 0;
		margin-bottom: .2em;
		font-size: 1.5em;
		font-weight: normal;
		color: rgb(0, 171, 210);
	}
	
	#phd
	{
		font-family: "Helvetica Neue", helvetica, arial, sans-serif;
		font-size: .8em;
	}
	
	#location {}
	#location img { float: right; margin: 0 0 10px 20px; }
	#aboutTdt, #aboutChouse { margin-top: 10px; }
	#aboutChouse h1 { font-size: 2em; margin-bottom: 10px; }
	#outreachPrograms { margin-top: 10px; }
	#outreachPrograms img { float: left; margin: 0 10px 10px 0; }
	#support {}
	#support img, #mediaAndTouring img { float: right; margin: 0 0 10px 20px; }
	#support #donateButton { float: left; margin: 0 0 10px 0; }
	
	#founders { margin: 15px 0; padding-top: 15px; border-top: 1px solid #A6A8AA; }
	#presenters img { float: right; margin: 0 0 10px 20px; }
	
	#press {}
	#press #instructions
	{
		font-family: "Helvetica Neue", helvetica, arial, sans-serif;
		padding: 0;
		margin: 0;
		margin-bottom: 10px;
		
		color: #6C6D6F;
		font-weight: bold;
		line-height: 1.3em;
	}
	#pressClippingsContainer { border-collapse: collapse; background-color: black; width: 100%; }
	#pressClippingsContainer td { padding: 0; }
	#pressClippingsContainer td table td { line-height: 0; text-align: left; vertical-align: top; padding: 3px; }
	#pressClippingsContainer td table td img { margin: 0; padding: 0; border: 0; }
	
	.bodyAbout h2 { margin: 0; padding: 0; color: #CF4345; font-size: 1em; font-weight: normal; }
	.bodyAbout h3 { color: rgb(0, 171, 210); font-weight: normal; font-size: 1.7em; margin-bottom: 0;}
	.bodyAbout img { float: left; margin: 0 10px 5px 0; }
	
	
	/* BEGIN HEADER */
	header {}
	header #logo { float: left; margin: 20px; margin-left: 15px; }
	header #mainNavContainer { float: right; padding: 30px 10px 0 0; }
	/* END HEADER */
	
	
	
	
	
	
	#contactMailingList { border-bottom: 0; }
	#contactMailingList ul {}
	#contactMailingList ul li { margin-bottom: 10px; }
	#contactMailingList ul li label { display: inline-block; width: 150px; }
	#contactMailingList ul li label.tall { vertical-align: top; }
	
	#formInfo
	{
		font-family: "Helvetica Neue", helvetica, arial, sans-serif;
		font-size: .9em;
	}
	
	#formInfo li label {
		width: auto !important;
	}
	
	
	/* BEGIN about pages */
	#aboutWhosWho { margin-top: 20px; }
	#aboutWhosWhoNav { float: left; width: 220px; }
	#aboutWhosWhoInfo { float: right; width: 60%; height: 760px; }
	#aboutWhosWhoInfo h1 { text-transform: uppercase; }
	#aboutFirst25 {  }
	#aboutFirst25 img { margin-top: 10px; }
	/* END about pages */
	
	
	
	/* BEGIN repertory pages */
	.rep {}
	.repPhotoCredit
	{
		font-family: "Helvetica Neue", helvetica, arial, sans-serif;
		font-size: .9em;
		line-height: 1.2em;
	}
	.showInfo
	{
		float: left;
		width: 85%;
		padding-bottom: 50px;
	}
	.showPhotos
	{
		float: right;
		text-align: right;
	}
	#content section.showPhotos h1
	{
		font-size: .9em;
		color: #58595B;
		margin-bottom: 7px;
	}
	
	.faw_block { padding: 10px 0; margin-bottom: 10px; border-bottom: 1px solid #A6A8AA; }
	.faw_block .faw_title {  color: #CF4345; padding: 0; }
	.faw_block .faw_creditList {}
	.faw_block .faw_creditList li { font-size: .9em; color: black; line-height: 1.5em; padding-left: 5px; }
	
	.rep #pagePhotoCredits { font-size: .8em; border: 0; }
	/* END repertory pages */
	
	
	/* BEGIN support pages */
	#supportCurrent {}

	#supportCurrent h2,
	#supportCurrent h3
	{
		font-weight: normal;
		padding: 0; margin: 0;
		color: #CF4345;
	}
	#supportCurrent h2 { font-size: 1.7em; margin-bottom: 3px; }
	#supportCurrent h3 { font-size: 1em; }
	#supportCurrent ul { margin-bottom: 20px; }
	#govtSponsorsContainer, #foundationsAndCorporations h2 { margin-bottom: 7px; }
	#govtSponsorsContainer h2,
	#govtSponsorsContainer li,
	#foundationsAndCorporations h2,
	#foundationsAndCorporations li { color: rgb(0, 171, 210); }
	#legend
	{
		font-family: "Helvetica Neue", helvetica, arial, sans-serif;
		font-size: .85em;
		line-height: 1.2em;
	}
	#buildingImprovements {}
	#buildingImprovements h2
	{
		color: rgb(0, 171, 210);
	}
	
	#creativeTrustContainer {}
	#creativeTrustContainer p { text-align: left; }
	#otherLogos { width: 100%; text-align: center; margin-bottom: 15px; }
	#otherLogos div { border-bottom: 1px solid #A6A8AA; padding: 5px 0; }
	.sponsorGroup { border-bottom: 1px solid #A6A8AA; padding-bottom: 7px; }
	
	
	.sponsorBlock { margin: 20px 0 40px 0; }
	.sponsorBlock h2 {}
	.sponsorBlock h3
	{
		padding: 0; margin: 0;
		font-family: "Helvetica Neue", helvetica, arial, sans-serif;
		color: #CF4345;
	}
	
	.sponsorBlock img.sponsorLogo
	{
		float: none;
		display: block;
	}
	
	.sponsorBlock img.sampleImage
	{
		float: left;
		margin: 0 10px 10px 0;
		padding-bottom: 60px;
	}
	
	#supportInd {}
	#benefits { padding-top: 20px; }
	#benefits #benefitsGraph { float: right; margin: 0 0 10px 20px; }
	#donationsAtWork h2, #howCanIGive h2
	{
		padding: 0; margin: 0;
		font-family: "Helvetica Neue", helvetica, arial, sans-serif;
		color: #CF4345;
	}
	#donationHelps { padding-bottom: 10px; }
	#donationHelps h2
	{
		font-weight: normal;
		padding: 0; margin: 0;
		color: rgb(0, 171, 210)
	}
	#donateNow { clear: both; text-align: center; }
	#donationsAtWork { }
	/* END support pages */
	
	
	
	
	
	/* BEGIN outreach pages */
	#outreachProgramsOther img,
	#outreachProgramsTeachers img { float: right; margin: 5px 0 10px 20px; }
	#outreachProgramsStudents {}
	#outreachImageContainer { float: left; margin: 10px 20px 10px 0; }
	#outreachImageContainer img { width: 100%; }
	.bodyOutreach h1#outreachH1 { font-size: 1.3em; margin-bottom: 10px; }
	.bodyOutreach h2.outreachH2	
	{
		font-size: 1.3em;
		font-weight: normal;
		padding: 0; margin: 0;
		color: rgb(0, 171, 210);
	}
	#outreachProgramsOther h2
	{
		font-size: 1.4em;
		font-weight: normal;
		padding: 0; margin: 0;
		color: rgb(0, 171, 210);
	}
	
	/* END outreach pages */
	
	/* BEGIN privacy policy page */
	.bodyPrivacyPolicy h1
	{
		font-weight: normal;
		font-family: georgia;
		font-size: 1.5em;
		color: #6C6D6F;
	}
	/* END privacy policy page */
	
	
	
	
	/* BEGIN contact pages */
	.contactInfoBlock
	{
		margin-bottom: 20px;
		color: #CF4345;
	}
	
	.contactInfoBlock span.voice,
	.contactInfoBlock span.fax,
	.contactInfoBlock span.email,
	.contactInfoBlock span.name,
	.contactInfoBlock span.position,
	.contactInfoBlock span.extension
	{
		display: block;
	}
	
	.contactInfoBlock span.name
	{
		font-size: 1.1em;
		font-weight: bold;
	}
	/* END contact pages */
	
	
	/* BEGIN special cases */
	#sumacLogo
	{
		border: 1px solid #A6A8AA 0;
	}
	
	#thumbsContainer { width: 98%; background-color: black; padding: 5px; margin-bottom: 50px; }
	#thumbsContainer div { display: inline; float: left; }
	#thumbsContainer, #thumbsContainer a { float: left; }
	#thumbsContainer a { padding: 0 5px 0 0; *padding-bottom: 5px; }
	#thumbsContainer a img { border: 0; margin: 0; padding: 0; }
	/* END special cases */
	
	
	
	
}