/* CSS namespace created to eliminate conflicts with existing CSS */

#text p.callout {
	position: relative;
	width: 612px;
	margin: 0 0 10px 0;
	padding: 8px 10px;
	background-color: #780515;
	color: #FFF;
	font-size: 12px; /* font-size used for consistency with rest of website */
}
	.single_column #text p.callout {
		width: 912px;
	}
#text p.callout a,
#text p.callout a:link,
#text p.callout a:visited,
#text p.callout a:active,
#text p.callout a:hover {
	color: #FFF;
}

#header {
	position: relative;
	background-color: white;
	border: 1px solid #780515;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: 0 0 10px 0;
	padding: 2px;
}
#header .inner {
	position: relative;
	display: block;
	background-color: #780515;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
#text h2.section {
	position: relative;
	width: 245px;
	height: 60px;
	margin: 0;
	padding: 23px 40px 10px 75px;
	overflow: visible;
	font-size: 17px; /* font-size used for consistency with rest of website */
	line-height: 22px;
	background: white url('/news/campaign_2008/images/vote.jpg') no-repeat 0 0;
	color: #424242;
	border: 1px solid white;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
h2.section em {
	font-family: "Times New Roman", Times, serif;
	font-size: 35px; /* font-size used for consistency with rest of website */
	font-style: normal;
	color: #333;
}
#header ul#headline-teaser {
	position: absolute;
	width: 530px;
	height: 50px;
	overflow: hidden;
	top: 25px;
	right: 25px;
	margin: 0;
	padding: 0;
	list-style: none;
}
#header ul#headline-teaser li {
	position: absolute;
	width: 530px;
	height: 40px;
	top: 0;
	left: 0;
	background-color: #780515;
	font-size: 1.1em;
	font-weight: bold;
	display: none;
	z-index: 8;
}
#header ul#headline-teaser li.headline-0 {
	display: block;
}
#header ul#headline-teaser li,
#header ul#headline-teaser li a {
	color: white;
}
#header a.button {
	position: absolute;
	top: 65px;
	right: 15px;
	display: block;
	margin: 0;
	padding: 3px 5px;
	background-color: #780515;
	border: 1px solid white;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font-weight: bold;
	color: white;
	z-index: 10;
}
#header a.button:hover,
#header a.button:focus {
	position: absolute;
	top: 65px;
	right: 15px;
	display: block;
	margin: 0;
	padding: 3px 5px;
	background-color: white;
	border: 1px solid white;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font-weight: bold;
	color: #780515;
	z-index: 10;
}

.single_column #container {
	position: relative;
	background-image: none;
}
.single_column #text {
	width: 935px;
}

ul#landing_page {
	position: relative;
	width: 635px;
	height: 1800px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
	.single_column ul#landing_page {
		width: 935px;
	}
ul#landing_page li.container {
	position: absolute;
	width: 200px;
	height: 150px;
	list-style: none;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	overflow: hidden;
	border: 1px solid #666;
	background-color: #EFEDE7;
}

ul#landing_page li.button {
	width: 180px;
	height: 130px;
	padding: 10px;
}
ul#landing_page li.button h3 {
	height: auto;
	margin-bottom: 8px;
	background-image: none;
}
ul#landing_page li#button p {
	margin-bottom: 3px;
	font-size: 13px; /* font-size used for consistency with rest of website */
}

ul#landing_page li.rss {
	padding: 5px 10px;
}
ul#landing_page li.scroll {
	overflow: auto;
}
ul#landing_page li h3 {
	height: 20px;
	text-indent: 0;
}

ul#landing_page li h4 {
	margin-top: 7px;
	margin-bottom: 2px;
	font-size: 12px; /* font-size used for consistency with rest of website */
}
ul#landing_page li h5 {
	margin-top: 3px;
	margin-bottom: 0;
	padding: 0;
	font-size: 10px; /* font-size used for consistency with rest of website */
}
ul#landing_page li p {
	font-size: 10px; /* font-size used for consistency with rest of website */
}
	ul#landing_page li.rss h5, ul#landing_page li.rss p {
		padding-left: 10px;
	}
ul#landing_page li img {
	margin: 0;
	padding: 0;
	border: 0;
}

	ul#landing_page li#election_results {
		width: 390px;
		height: 425px;
		padding: 0;
		border-color: #333;
	}
		ul#landing_page li#election_results h3 {
			height: 20px;
			text-indent: 0;
			padding: 5px;
			background: none;
			display: block;
			background-color: #333;
			color: white;
		}
		ul#landing_page li#election_results div.scrollable {
			overflow: scroll;
			height: 411px;
		}
		ul#landing_page li#election_results h4 {
			margin-top: 0;
			margin-bottom: 0;
		}
		ul#landing_page li#election_results p {
			font-size: 0.9em;
			font-style: italic;
		}
		ul#landing_page li#election_results p .percent {
			font-weight: bold;
		}
		ul#landing_page li#election_results table {
			margin: 0;
			padding: 0;
			text-align: left;
			font-size: 0.9em;
		}
		ul#landing_page li#election_results table th {
			padding: 0 2px;
			font-size: 0.8em;
			color: #999;
			vertical-align: bottom;
		}
		ul#landing_page li#election_results table td {
			padding: 1px 2px;
			border-top: 1px solid #CCC; 
			vertical-align: top;
		}
		ul#landing_page li#election_results table .candidate {
		
		}
			ul#landing_page li#election_results table .candidate .vp {
				font-size: 0.8em;
			}
		ul#landing_page li#election_results table .party {
			font-size: 0.8em;
		}
		ul#landing_page li#election_results table .votes {
			text-align: right;
		}
		ul#landing_page li#election_results table .percent {
			text-align: right;
		}
		ul#landing_page li#election_results table td.percent {
			font-size: 1.1em;
			font-weight: bold;
		}
	ul#landing_page li#npr_newshour_map {
		width: 535px;
		height: 787px;
		left: 400px;
		padding: 0;
	}
	
	ul#landing_page li#npr_newshour_map.failover {
		width: 533px;
		border: 1px solid #333;
		background: #CCC url('/news/campaign_2008/images/npr-election-map-unavailable.jpg') no-repeat center 190px;
	}
	
	ul#landing_page li#npr_newshour_map.failover div {
		display: none;
	}
	
	ul#landing_page li#headlines {
		width: 390px;
		height: 250px;
		top: 435px;
		padding: 0;
		border-color: #780515;
		-moz-border-radius-topleft: 8px;
		-moz-border-radius-topright: 8px;
		-webkit-border-top-left-radius: 8px;
		-webkit-border-top-right-radius: 8px;
	}
		ul#landing_page li#headlines h3 {
			height: 20px;
			text-indent: 0;
			margin: 1px;
			padding: 5px;
			background: none;
			display: block;
			background-color: #780515;
			color: white;
			border: 1px solid #780515;
			-moz-border-radius-topleft: 6px;
			-moz-border-radius-topright: 6px;
			-webkit-border-top-left-radius: 6px;
			-webkit-border-top-right-radius: 6px;
		}
		ul#landing_page li#headlines .inner {
			height: 215px;
			margin: 0;
			padding: 0 10px;
			overflow: auto;
		}
		ul#landing_page li#headlines p {
			margin-bottom: 3px;
			line-height: 12px;
		}
		ul#landing_page li#headlines img {
			float: left;
			clear: none;
			margin: 5px 10px 10px 0;
			padding: 0;
			border: 1px solid #999;
		}



	ul#landing_page li#bellwethers {
		width: 370px;
		height: 77px;
		top: 698px;
		padding: 3px 10px 7px 10px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		background-color: #333;
		border-color: #333;
	}
		ul#landing_page li#bellwethers h3 {
			margin-top: 0;
			margin-bottom: 1px;
			font-size: 15px; /* font-size used for consistency with rest of website */
			line-height: 18px;
			padding-bottom: 0;
			border-bottom: none;
			color: white;
		}
		ul#landing_page li#bellwethers h3 em {
			font-size: 22px; /* font-size used for consistency with rest of website */
			font-style: normal;
		}
		ul#landing_page li#bellwethers p {
			font-weight: normal;
			font-size: 10px; /* font-size used for consistency with rest of website */
			color: white;
		}
		ul#landing_page li#bellwethers a {
			color: white;
		}

	ul#landing_page li#photos {
		width: 545px;
		height: 270px;
		top: 797px;
		padding: 0;
		background-color: #666;
	}
		ul#landing_page li#photos h3 {
			position: absolute;
			width: 140px;
			height: 40px;
			top: 7px;
			left: 395px;
			margin-top: 3px;
			margin-bottom: 1px;
			font-size: 15px; /* font-size used for consistency with rest of website */
			line-height: 18px;
			padding-bottom: 3px;
			border-bottom: none;
			background-image: none;
			color: white;
			text-align: right;
			background-color: #666;
		}
	ul#landing_page li#photos dl {
		position: absolute;
		width: 525px;
		height: 250px;
		top: 10px;
		left: 10px;
		margin: 0;
		padding: 0;
	}
	ul#landing_page li#photos dl dt {
		position: absolute;
		width: 375px;
		height: 250px;
		top: 0;
		left: 0;
		margin: 0;
		padding: 0;
		display: block;
		overflow: hidden;
		background-color: #666;
		display: none;
	}
	ul#landing_page li#photos dl dt img {
		margin: 0;
		padding: 0;
		border: none;
	}
	ul#landing_page li#photos dl dd {
		position: absolute;
		width: 140px;
		height: 200px;
		top: 50px;
		left: 385px;
		margin: 0;
		padding: 0;
		display: block;
		text-align: right;
		overflow: hidden;
		color: white;
		background-color: #666;
		display: none;
	}
	ul#landing_page li#photos dl dd .credit {
		font-size: 90%;
		color: #CCC;
	}
	ul#landing_page li#photos dl dt.first,
	ul#landing_page li#photos dl dd.first {
		display: block;
	}
	
	ul#landing_page li#vpr_politics {
		width: 525px;
		height: 613px;
		top: 1077px;
	}
	ul#landing_page li#debates {
		width: 360px;
		height: 40px;
		top: 1262px;
		left: 553px;
		padding: 5px 10px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		background-color: #78C5BF; /* AEDCD9 */
		border-color: #78C5BF;
	}
		ul#landing_page li#debates h3 {
			margin-top: 10px;
			margin-bottom: 8px;
			font-size: 15px; /* font-size used for consistency with rest of website */
			line-height: 18px;
			padding-bottom: 3px;
			border-bottom: none;
		}
		ul#landing_page li#debates h3 em {
			font-size: 22px; /* font-size used for consistency with rest of website */
			font-style: normal;
		}
		ul#landing_page li#debates p.title {
			font-weight: bold;
			font-size: 12px; /* font-size used for consistency with rest of website */
		}
		ul#landing_page li#debates p.date,
		ul#landing_page li#debates p.time {
			font-weight: normal;
			font-style: italic;
			color: #000;
			font-size: 11px; /* font-size used for consistency with rest of website */
		}
		ul#landing_page li#debates p.action {
			margin-top: 5px;
			font-weight: bold;
			font-size: 11px; /* font-size used for consistency with rest of website */
		}
	ul#landing_page li#resources {
		height: 61px;
		padding: 2px 10px;
		top: 1322px;
		left: 553px;
		background-color: #780515;
		border-color: #780515;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	}
		ul#landing_page li#resources h3 {
			margin-bottom: 3px;
			font-size: 13px; /* font-size used for consistency with rest of website */
		}
		ul#landing_page li#resources p {
			margin-bottom: 3px;
			color: #FFF;
			font-size: 10px; /* font-size used for consistency with rest of website */
			line-height: 11px;
		}
		ul#landing_page li#resources a,
		ul#landing_page li#resources a:link,
		ul#landing_page li#resources a:visited,
		ul#landing_page li#resources a:active,
		ul#landing_page li#resources a:hover {
			color: #FFF;
		}
	ul#landing_page li#select_a_candidate {
		top: 1393px;
		left: 553px;
	}
	ul#landing_page li#budget_hero {
		top: 1550px;
		left: 553px;
	}
	ul#landing_page li#highlight {
		height: 215px;
		top: 500px;
		left: 430px;
		display: none;
	}
		ul#landing_page li#highlight h3 {
			margin-bottom: 3px;
			font-size: 13px; /* font-size used for consistency with rest of website */
		}
		ul#landing_page li#highlight p {
			margin-bottom: 3px;
			font-size: 10px; /* font-size used for consistency with rest of website */
			line-height: 10px;
		}
		ul#landing_page li#highlight p.action {
			margin-top: 5px;
			font-weight: bold;
		}
	ul#landing_page li#ask_your_lawmaker {
		width: 170px;
		height: 378px;
		top: 1322px;
		left: 763px;
	}
	ul#landing_page li#npr_blog_politics {
		width: 360px;
		height: 445px;
		top: 797px;
		left: 553px;
	}

#page_callout {
	position: absolute;
	width: 299px;
	height: 188px;
	top: 0;
	left: 655px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background: transparent url(/_common/img/bg_right_column.jpg) repeat-y 0 0;
	border: 1px solid #999;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;
}
#page_callout #listen_widget {
	margin: 25px 0 0 0;
	padding: 0 25px;
	text-align: left;
}
#page_callout #listen_widget a.dbButton:link,
#page_callout #listen_widget a.dbButton:visited,
#page_callout #listen_widget a.dbButton:active,
#page_callout #listen_widget a.dbButton:hover,
#page_callout #listen_widget input.dbButton {
	width: 75px;
	display: block;
	text-align: center;
}
#page_callout h3 {
	height: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 3px;
	border-bottom: none;
	background-image: none;
	font-size: 14px; /* font-size used for consistency with rest of website */
	font-style: normal;
	text-indent: 0;
	color: #780515;
}
#page_callout #listen_widget table#listen_streams {
	width: 150px;
	margin: 0;
	padding: 0;
	font-size: 95%;
}
#page_callout #listen_widget table#listen_streams td {
	padding: 2px 3px;
	text-align: left;
}
#page_callout #listen_widget table#listen_streams td.frequencies {
	font-size: 12px;
}
#page_callout #cross_promo {
	margin: 10px 15px 5px 15px;
	padding: 0 10px;
	text-align: left;
	background-color: #E4E3DF;
	border: 1px solid white;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
#page_callout #cross_promo h3 {
	font-size: 12px;
	color: #333;
}
#page_callout #cross_promo p {
	margin: 0 0 10px 0;
	color: #333;
}
