@charset "UTF-8";
/* CSS Document */

/* ----------------------------------- MAIN CSS TAGS ----------------------------------- */

html, body {
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background: #c4bfb0;
}

/* Everything inside this */
#container {
	width: 990px;
	margin: 0px auto;
	padding: 0px;
	background: url(images/site_background.gif) repeat-y top center;
}

/* Everything inside drop shadow edges */
#content {
	width: 942px;
	float: left;
	padding: 0px;
}

/* Creates space for left drop shadow*/
#shadow_left {
	width: 24px;
	float: left;
}

/* Creates space for right drop shadow*/
#shadow_right {
	width: 24px;
	float: right;
}



/* ----------------------------------- LEFT SIDE - ON TAN BACKGROUNDS ----------------------------------- */

/* Everything with tan colored background below navigation */
#content_left {
	float: right;
	width: 436px;
	height: 100%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #1A1A1A; /* #666666; */
	line-height: 18px;
}

/* content_left link style */
#content_left a:link {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #990000;
	line-height: normal;
}

#content_left a:visited {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #990000;
	line-height: normal;
}

#content_left a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #990000;
	line-height: normal;
	text-decoration: none;
}

/* Take Action Box (darkest) */
#takeaction {
	background: #e9e5d6;
	width: 400px;
	padding: 18px;
	margin: 0px;
}

/* Pledge to Boycott Box (darkest tan) */
#pledge {
	background: #e9e5d6;
	width: 400px;
	padding: 18px;
	margin: 0px;
}

/* Misc Buttons Box (darkest) */
#miscbuttons {
	background: #e9e5d6;
	width: 400px;
	padding: 18px;
	margin: 0px;
	text-align: center;
}

/* First box with blue border */
#pledge_outerbox {
	width: 392px;
	border: solid 1px #224f81;
	padding: 2px;
	margin: 0px;
}

/* Second (interior) box with blue border - contains actual content in "Pledge" section */
#pledge_innerbox {
	width: 350px;
	border: solid 1px #224f81;
	padding: 20px;
	margin: 0px;
	text-align: left;
	line-height: 20px;
}

/* "Sign Up for Daily Email Alerts" section */
#sign_up {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 20px 40px 20px 40px;
	background: #e9e5d6; /* #eeebe0; */
}

/* "sub_content section - lightest tan section with several sub-sections with headers */
#sub_content {
	padding: 20px 20px 20px 40px;
	height: 100%;
}

/* Left hand side of "sub_content" section */
#sub_content_left {
	width: 167px;
	float: left;
	padding-right: 20px;
	border-right: solid 1px #cccccc;
}

/* sub_content "Research" subsection padding */
#sub_content_research {
	padding-top: 25px;
}


/* sub_content "Donate" subsection padding */
#sub_content_donate {
	padding-top: 25px;
}

/* sub_content "Tell Them What You Think" subsection padding */
#sub_content_tell_them {
	padding-top: 25px;
}

/* sub_content "Interviews" subsection padding */
#sub_content_interviews {
	padding-top: 25px;
}


/* Right hand side of "sub_content" section */
#sub_content_right {
	width: 168px;
	float: right;
	padding-left: 20px;
}

/* Generic 3px spacer class */
.sub_content_3px_spacer {
	padding-bottom: 3px;
}

/* Generic 7px spacer class */
.sub_content_7px_spacer {
	padding-bottom: 7px;
}

/* Generic 10px spacer class */
.sub_content_10px_spacer {
	padding-bottom: 10px;
}

/* ----------------------------------- RIGHT SIDE - ARTICLE CONTENT ON WHITE BACKGROUND ----------------------------------- */

/* Right hand side content of articles on white background */
#content_right {
	float: left;
	width: 506px;
}


/* Article on the left */
#article_left {
	width: 198px;
	padding: 30px 10px 20px 40px;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;

}

/* Articles on the right */
#articles_right {
	padding: 11px 40px 20px 40px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #1A1A1A; /* #666666; */	
}

/* Article title style to pad */
.article_title {
	padding-bottom: 5px;
}

/* Article photo style */
.article_photo {
	padding-bottom: 10px;
	margin-bottom: 10px;
	float: right;
	padding: 0px 0px 10px 10px;
}

/* Article date style */
.article_date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #660000;
}

/* Article line-height style  */
.article {
	padding-top: 0px;
	padding-bottom: 10px;
	line-height: 22px;
}

/* Article author style */
.article_author {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #660000;
}

/* ---------- Article Link Styles ---------- */

.article_title a:link, .article_title a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	line-height: normal;	
	font-weight: bold;
	color: #003366;
	text-decoration: none;
}

.article_title a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	line-height: normal;	
	font-weight: bold;
	color: #006699;
	text-decoration: none;
}

.article_author a:link {
	color: #666666;
}

.article_author a:visited {
	color: #666666;
}

.article_author a:hover {
	text-decoration: none;
}




/* ----------------------------------- NAVIGATION ----------------------------------- */

/* Blue graphic left of "About Us" */
#nav_left {
	float: left;
}

/* Blue graphic right of "Store" */
#nav_right {
	float: left;
}

/* All navigation buttons are graphics 88px tall but only 44px displayed - normal state is the top 44px and hover state is bottom 44px displayed by altering background-position */

a.nav_home {
	display: block;
	height: 44px;
	width: 71px;
	background: url(images/nav_home.gif) no-repeat;
	background-position: 0px 0px;
	float: left;
}

a.nav_home:hover {
	display: block;
	height: 44px;
	width: 71px;
	background: url(images/nav_home.gif) no-repeat;
	background-position: 0px -44px;
	float: left;
}

a.nav_about {
	display: block;
	height: 44px;
	width: 110px;
	background: url(images/nav_about.gif) no-repeat;
	background-position: 0px 0px;
	float: left;
}

a.nav_about:hover {
	display: block;
	height: 44px;
	width: 110px;
	background: url(images/nav_about.gif) no-repeat;
	background-position: 0px -44px;
	float: left;
}

a.nav_purpose {
	display: block;
	height: 44px;
	width: 133px;
	background: url(images/nav_purpose.gif) no-repeat;
	background-position: 0px 0px;
	float: left;
}

a.nav_purpose:hover {
	display: block;
	height: 44px;
	width: 133px;
	background: url(images/nav_purpose.gif) no-repeat;
	background-position: 0px -44px;
	float: left;
}

a.nav_petition {
	display: block;
	height: 44px;
	width: 101px;
	background: url(images/nav_petition.gif) no-repeat;
	background-position: 0px 0px;
	float: left;
}

a.nav_petition:hover {
	display: block;
	height: 44px;
	width: 101px;
	background: url(images/nav_petition.gif) no-repeat;
	background-position: 0px -44px;
	float: left;
}

a.nav_petition {
	display: block;
	height: 44px;
	width: 101px;
	background: url(images/nav_petition.gif) no-repeat;
	background-position: 0px 0px;
	float: left;
}

a.nav_petition:hover {
	display: block;
	height: 44px;
	width: 101px;
	background: url(images/nav_petition.gif) no-repeat;
	background-position: 0px -44px;
	float: left;
}

a.nav_articles {
	display: block;
	height: 44px;
	width: 96px;
	background: url(images/nav_articles.gif) no-repeat;
	background-position: 0px 0px;
	float: left;
}

a.nav_articles:hover {
	display: block;
	height: 44px;
	width: 96px;
	background: url(images/nav_articles.gif) no-repeat;
	background-position: 0px -44px;
	float: left;
}

/*
a.nav_research {
	display: block;
	height: 44px;
	width: 107px;
	background: url(images/nav_research.gif) no-repeat;
	background-position: 0px 0px;
	float: left;
}

a.nav_research:hover {
	display: block;
	height: 44px;
	width: 107px;
	background: url(images/nav_research.gif) no-repeat;
	background-position: 0px -44px;
	float: left;
}
*/

a.nav_news {
    display: block;
    height: 44px;
    width: 75px;
    background: url(images/nav_news.gif) no-repeat;
    background-position: 0px 0px;
    float: left;
}

a.nav_news:hover {
    display: block;
    height: 44px;
    width: 75px;
    background: url(images/nav_news.gif) no-repeat;
    background-position: 0px -44px;
    float: left;
}

a.nav_links {
	display: block;
	height: 44px;
	width: 71px;
	background: url(images/nav_links.gif) no-repeat;
	background-position: 0px 0px;
	float: left;
}

a.nav_links:hover {
	display: block;
	height: 44px;
	width: 71px;
	background: url(images/nav_links.gif) no-repeat;
	background-position: 0px -44px;
	float: left;
}

a.nav_donate {
	display: block;
	height: 44px;
	width: 94px;
	background: url(images/nav_donate.gif) no-repeat;
	background-position: 0px 0px;
	float: left;
}

a.nav_donate:hover {
	display: block;
	height: 44px;
	width: 94px;
	background: url(images/nav_donate.gif) no-repeat;
	background-position: 0px -44px;
	float: left;
}

a.nav_interviews {
   display: block;
   height: 44px;
   width: 125px;
   background: url(images/nav_interviews.gif) no-repeat;
   background-position: 0px 0px;
   float: left;
}

a.nav_interviews:hover {
   display: block;
   height: 44px;
   width: 125px;
   background: url(images/nav_interviews.gif) no-repeat;
   background-position: 0px -44px;
   float: left;
}



/* ----------------------------------- INTERIOR PAGE STYLES ----------------------------------- */

/* Used on interior pages instead of "container" div */
#interior_container {
	width: 990px;
	margin: 0px auto;
	padding: 0px;
	background: url(images/interior_site_background.gif) repeat-y top center;
}

/* container of content for article and content on the right to float left and right on interior pages */
#interior_content {
	width: 942px;
	clear: both;
}

/* Basic formatting for interior_article div */
#interior_article {
	width: 612px;
	float: left;
	padding: 30px 40px 40px 40px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* Article title style */
#interior_article_title {
	font-size: 36px;
	color: #003366;
	padding-bottom: 15px;
}

/* Article author style */
#interior_article_author {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
}

/* Article date style */
#interior_article_date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #660000;
}

/* More styles for actual article text */
#interior_article_style {
	font-size: 16px;
	line-height: 20px;
	color: #1A1A1A;
}

/* Box containing print and email icon/buttons - floated to the right inside of article text */
#interior_article_box {
	float: right;
	padding: 15px;
	border: solid 1px #999999;
	margin: 0px 0px 20px 20px;
}

/* generic class to apply to photos to float right inside of article text */
.interior_article_photo_right {
	float: right;
	padding: 20px 0px 20px 20px;
}

/* div containing everything in tan on right on interior pages */
#interior_right {
	width: 250px;
	float: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #1A1A1A;
	line-height: 18px;
}

/* link styles for everything in tan on right on interior pages */
#interior_right a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #990000;
	line-height: normal;
}

#interior_right a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #990000;
	line-height: normal;
}

#interior_right a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #990000;
	line-height: normal;
	text-decoration: none;
}

/* Pledge to Boycott Box (darkest tan) for interior pages on right hand side */
#interior_pledge {
	background: #e9e5d6;
	width: 230px;
	padding: 10px;
	margin: 0px;
}

/* First box with blue border on interior pages */
#interior_pledge_outerbox {
	width: 224px;
	border: solid 1px #224f81;
	padding: 2px;
	margin: 0px;
}

/* Second (interior) box with blue border - contains actual content in "Pledge" section on interior pages */
#interior_pledge_innerbox {
	width: 182px;
	border: solid 1px #224f81;
	padding: 20px;
	margin: 0px;
	text-align: center;
}

/* Interior "Sign Up for Daily Email Alerts" section */
#interior_sign_up {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 20px 30px 0px 30px;
}

/* Interior "sub_content section" - section with several sub-sections with headers - same class applied to all - interchangability very easy */
.interior_sub_content {
	margin: 20px 30px 20px 30px;
	padding-top: 20px;
	width: 186px;
	border-top: solid 1px #cccccc;
}



/* ---------------------------------- CATEGORY ---------------------------------- */

.category_article_title a:link {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: normal;
	color: #003366;
	text-decoration: none;
}

.category_article_title a:visited {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: normal;
	color: #003366;
	text-decoration: none;
}

.category_article_title a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: normal;
	color: #006699;
	text-decoration: none;
}



/* ----------------------------------- FOOTER ----------------------------------- */


/* Footer style - specific image referenced in html file - "footer.gif" or "interior_footer.gif" */
#footer {
	clear: both;
	width: 990px;
	margin-top: 0px;
}