/* CSS */
body { background: #980087 url(../images/bodyBg.gif) repeat-x; }
.clear { clear: both; }
strong { font-weight: bold; }

/* structure */
#navContainer { width: 100%; background: white; }
	#nav { width: 920px; margin: 0 auto; padding-top: 15px; }
#headerContainer { background: #fff url(../images/headerBg.gif) repeat-x; width: 100%; margin-top: 70px; }
	#header  { width: 920px; margin: 0 auto; padding: 60px 0 120px; }
	body.inner #header  { width: 920px; margin: 0 auto; padding: 65px 0 10px; }
#contentContainer { width: 100%; background: #838eaf url(../images/contentBg.gif) repeat-x; }	
	#content { width: 920px; margin: 0 auto; padding-bottom: 20px; }
	body.inner #content { padding-bottom: 30px; }
	#flash { height: 327px; margin: -80px 0 0 -7px; position: absolute; }
	#contentLeft { float: left; width: 635px; padding: 10px 30px 0 0; margin-top: 250px; }
	#contentRight { float: left; width: 253px; padding: 10px 0 0; margin-top: 250px; }
	body.inner #contentLeft { padding: 30px 50px 20px 0; margin-top: 0; width: 615px; }
	body.inner #contentRight { padding: 30px 0 0; margin-top: 0; }
		div.books { margin-top: 5px; }
		div.booksTop { background: url(../images/booksTopBg.png) no-repeat; width: 253px; height: 50px; }
		div.booksMiddle { background: url(../images/booksMiddleBg.png) repeat-y; width: 253px; padding-bottom: 5px; }
			#smallFlash { margin: 0 0 0 12px; }
		div.booksBottom { background: url(../images/booksBottomBg.png) no-repeat; width: 253px; height: 16px; }
	body.inner #contentSingle { padding: 30px 0 0; margin-top: 0; }
		div.exhibit { width: 400px; float: left; margin: 0 100px 0 0; }
	
#footerContainer { clear: both; width: 100%; background: url(../images/footerBg.png) repeat-x; position: relative; top: -12px; }	
	#footer { width: 920px; margin: 0 auto; }
		#sharing { width: 182px; height: 128px; background: url(../images/shareBg.png) no-repeat; float: left; margin-top: -16px; }

/* headers */	
h1 { text-indent: -1000em; width: 241px; height: 66px; background: url(../images/logo.png) no-repeat; }
body.home h2 { text-indent: -1000em; width: 632px; height: 30px; background: url(../images/homeHeader.png) no-repeat; margin:0 0 20px -10px; }
h2.campaign { text-indent: -1000em; width: 505px; height: 98px; background: url(../images/headers/campaignHeader.png) no-repeat; margin-bottom: 20px; }
h2.documentary { text-indent: -1000em; width: 903; height: 106px; background: url(../images/headers/documentaryHeader.png) no-repeat; margin-bottom: 20px; }
h2.art { text-indent: -1000em; width: 910px; height: 150px; background: url(../images/headers/artHeader.png) no-repeat; margin-bottom: 20px; }
h3 { font: bold 20px helvetica; color: #621459; padding-left: 25px; position: absolute; margin-top: -28px; }
#header h3 { text-indent: -1000em; width: 637px; height: 27px; background: url(../images/homeSubHeader.png) no-repeat; margin: 0; }
#contentLeft h3, #contentSingle h3 { margin: 0 0 10px; padding: 0; position: static; color: #fff; text-decoration: underline; }

/* lists */
#nav ul { float: right; margin-top: 60px; }
#nav ul li { float: left; font: 11px helvetica; color: #7c7c7c; }
#nav ul li a { font: 13px helvetica; color: #7c7c7c; }
#nav ul li a:hover, #nav ul li.current a { color: #4b4a4a; text-decoration: underline; }

#contentLeft ul, #contentSingle ul { margin: 5px 0 20px 30px;}
#contentLeft ul li, #contentSingle ul li { font: 16px helvetica; color: white; line-height: 30px; list-style: disc; }

/* paragraphs */
#header p { font: 15px helvetica; color: white; line-height: 22px; margin-bottom: 10px; }
#content p { font: 16px helvetica; color: #eef1fa; line-height: 24px; }
body.resources #content p { line-height: 18px; margin-bottom: 8px; }
#contentLeft p, #contentSingle p { margin-bottom: 20px; text-align: justify; }
#contentLeft p.noMargin, #contentSingle p.noMargin { margin-bottom: 0; }
#content p.quote { font: 14px helvetica; font-style: italic; line-height: 20px; margin-bottom: 10px; }
#content p.quoteAuthor { font: 14px helvetica; line-height: 16px; }
body.home #content p { font: 16px helvetica; line-height: 24px; }
#content div.books p { width: auto; color: #621459; font: 12px helvetica; padding: 10px 30px 0 25px; line-height: 15px; }
#footer p { font: 12px helvetica; line-height: 14px; color: white; position: relative; top: 35px; left: 20px; }
#footer #sharing p { text-align: center; font: 14px helvetica; top: 0; left: -1px; margin-bottom: 0; }

/* links */
a:hover { text-decoration: underline; }
a#logo { float: left; }
a#ch_logo { xposition: absolute; margin: 0 0 0 477px; }
#contentLeft a { color: #eef1fa; text-decoration: underline; }
body.resources #contentLeft a { text-decoration: none; }
body.resources #contentLeft a:hover { text-decoration: underline; }
#content div.books a { color: #621459; font: 12px helvetica; }
#footer a { color: #ffffff; }

/* images */
#sharing img { margin-top: 12px; }

/* forms */
form label { display: block; font-weight: bold; }
form input[type=text] { width: 180px; margin: 0; border: 1px solid #bbb; background: #f6f6f6; padding: 5px; }
form input[type=text]:focus { border: 1px solid #999; background: #fff; }
form input[type=image] { margin: 5px 0 0 -8px; }