html, body {
	margin: 0;
	padding: 0;
}
a {
	color: #CC0000;
	text-decoration: none;
}
a:visited {
	color: #CC6600;
	text-decoration: none;
}
a:hover {
	color: #CC0000;
	text-decoration: underline;
}
img {
	border: 0;
}
.pies {
	float: left;
	width: 330px;
}
h3.highlight-title {
	font: bold 12px Verdana, Helvetica, sans-serif;
	padding: 5px;
	color: #fff;
	background: #333;
	border-bottom: 1px solid #666;
	margin: 0;
}
h4.subchart-title {
	margin-top: 35px;
	background: transparent url(subcontent-bg.gif) repeat-x center center;
	margin-bottom: 5px;
	text-align: center;
	text-transform: uppercase;
	font-size: 24px;
	padding: 3px 0;
	letter-spacing: 2px;
	color: #666;
}
h4.subchart-title span {
	padding: 0 5px;
	background: #fff;
}
div.gender {
	text-align: center;
	letter-spacing: -1px;
	color: #999;
	margin-top: 10px;
	font: bold 17px Arial, Helvetica, sans-serif;
}
p.chart-desc {
	font: 14px Arial, Helvetica, sans-serif;
	color: #444;
	margin: 0 0 5px 0;
	line-height: 1.3;
}
div.lineme {
	border-right: 1px solid #ccc;
}
div.main-graph-info {
	float: right;
	width: 308px;
}
div.main-graph-info h2 {
	letter-spacing: -1px;
	color: #fff;
	margin: 50px 0 0 0;
	font: normal 26px Arial, Helvetica, sans-serif;
}
div.main-graph-info p {
	font: 14px Arial, Helvetica, sans-serif;
	color: #ccc;
	margin-right: 50px;
	line-height: 1.3;
}
div.outer-promo {
	background: #454545;
	padding: 10px;
}
div.inner-promo {
	border: 1px solid #666;
}
/*
#promo-articles { background: #666; height: 35px; }
#promo-articles div { float: left; padding: 10px; background: #666; color: #fff; font: 12px Arial, Helvetica, sans-serif; cursor: pointer; }
#promo-articles div.on { background: #454545; color: #fff; }
*/
p.description {
	font: 20px Georgia, "Times New Roman", Times, serif;
	color: #666;
	text-align: center;
	line-height: 1.3;
	border-bottom: 1px dotted #999;
	margin: 15px 15px 25px 15px;
	padding-bottom: 25px;
}
div.featured {
	/*border-bottom: 1px solid #e0e0d5;*/
	background: #e2ebd7;
	width: 662px;
}
div.featured ul.featured-nav {
	margin: 0;
	padding: 0;
	height: 30px;
	list-style: none;
	clear: both;
	background: #6e9a39;
}
div.featured ul.featured-nav li {
	float: left;
}
div.featured ul.featured-nav li.source {
	float: right;
}
div.featured ul.featured-nav li.source a {
	border-right: none;
	border-left: 1px solid #fff;
}
div.featured ul.featured-nav li a {
	color: #fff;
	display: block;
	font: 11px Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	padding: 8px 12px;
	border-right: 1px solid #fff;
	letter-spacing: 1px;
}
div.featured ul.featured-nav li a.on {
	background: #e2ebd7;
	color: #666;
}
div.featured h3 {
	font: normal 20px/1.1 Georgia, "Times New Roman", Times, serif;
	color: #6e9a39;
	margin: 5px;
	margin: 0;
}
div.featured div.survey {
	height: 180px;
	border-top: 0px solid #6e9a39;
	padding: 15px;
	background: #e2ebd7;
	display: none; /**/
}
div.featured div.show {
	display: block;
}
div.more-surveys {
	clear: both;
	text-align: center;
	background: #e0e0d5;
	padding: 3px 0;
}
div.more-surveys a {
	font-size: 11px;
}
div.featured div.survey p {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #474a51;
	line-height: 1.5;
}
div.featured div.survey a.cover {
	border: 2px solid #e0e0d5;
	float: left;
	display: block;
	padding: 4px;
	background: #fff;
}
div.featured div.survey a.cover img {
	float: left;
}
p.white-out {
	text-align: center;
	font-size: 12px;
	margin: -35px 0 17px 0;
	color: #999;
	text-transform:uppercase;
	letter-spacing: 2px;
}
p.white-out span {
	background: #fff;
	padding: 3px 5px;
}
p.sep {
	text-align: center;
	clear: both;
	font-size: 12px;
	color: #999;
	margin: 15px 0;
	text-transform:uppercase;
	letter-spacing: 2px;
	background: transparent url(dotted.gif) repeat-x center center;
}
p.sep span {
	background: #fff;
	padding: 0 5px;
}
div.featured div.survey div.text {
	width: 450px;
	float: left;
	margin: 15px 15px 0 15px;
}
div.more {
	width: 165px;
	text-align: center;
	float: left;
}
div.more p {
	color: #6e9a39;
	font-size: 13px;
}
div.more a.cover img {
	background: #fff;
	padding: 4px;
	border: 2px solid #e0e0d5;
}
div.column {
	width: 311px;
	float: left;
}
div.column h4 {
	text-align: center;
	color: #6e9a39;
	font: 18px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 10px;
}
div.column p {
	color: #444;
	margin: 0;
	font-size: 12px;
}
div.column p.first {
	font-size: 15px;
	margin-bottom: 4px;
}
div.column p.image {
	text-align: center;
	margin-bottom: 8px;
}
div.column p.image img {
	border: 2px solid #e0e0d5;
	padding: 4px;
	background: #fff;
	width: 50px;
}
div.column p.link {
	margin: 2px 0 15px 0;
	line-height: 1.3;
}
div.column p.link a {
	font-size: 11px;
	font-style: italic;
}
div.left {
	padding-right: 10px;
}
div.right {
	padding-left: 10px;
	border-left: 1px dotted #999;
}
div.column ul {
	list-style: disc;
	margin: 0;
}
div.column ul li {
	color: #444;
	font: 12px Georgia, "Times New Roman", Times, serif;
	margin: 3px 0;
	line-height: 1.4;
}
p.more-survey {
	border-bottom: 1px dotted #999;
	margin: 0;
	padding: 5px 0;
	text-align: center;
}
div.k-module {
	margin-bottom: 10px;
	border: 1px solid #e0e0d5;
	background: #f4f4ed;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 15px;
	color: #444;
	line-height: 1.5;
}
div.k-module img.side {
	float: right;
}
div.k-module h4 a {
	color: #6e9a39;
	font: 16px Georgia, "Times New Roman", Times, serif;
}
div.k-module h3 {
	background: #e0e0d5;
	margin: 0;
	padding: 2px 6px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 11px;
	font-weight: bold;
}
div.k-module h3 a {
	color: #666;
}
div.multiple-module {
	margin-bottom: 10px;
	border: 1px solid #e0e0d5;
	background: #f4f4ed;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	line-height: 1.5;
}
div.multiple-module h3 {
	background: #e0e0d5;
	margin: 0;
	padding: 2px 6px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 11px;
	font-weight: bold;
}
div.multiple-module h3 a {
	color: #666;
}
div.multiple-module div.k-module2 {
	padding: 15px;
}
div.multiple-module div.k-module2 img.side {
	float: right;
}
div.multiple-module div.k-module2 h4 a {
	color: #6e9a39;
	font: 16px Georgia, "Times New Roman", Times, serif;
}
div.no-pad {
	padding: 0 0 5px 0;
}
div.no-pad p {
	margin: 10px;
	border-bottom: 1px dotted #ccc;
	padding: 0 0 5px 0;
}
div.no-pad p a {
	font-weight: bold;
}
div.no-pad p span {
	font-size: 10px;
	line-height: 1.2;
}
div.fact-section {
	border-bottom: 1px dotted #999;
	margin-bottom: 10px;
}
#custom-topics-header p span {
	width: 700px;
	display: block;
	margin: -1px auto 0 auto;
}
#alpha {
	padding-top: 10px;
	padding-left: 12px;
	padding-right: 0;
}
#beta {
	padding-top: 10px;
}
p.show-footer {
	margin: -20px 0 0 0;
	padding: 2px 5px;
	text-align: right;
	color: #666;
	font-size: 9px;
}
p.show-footer a {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
}
div.legend {
	float: left;
	width: 622px;
	background: #fcfcfc;
	border: 1px solid #e0e0d5;
	clear: both;
	font: 9px Verdana, Helvetica, sans-serif;
	padding: 3px;
	margin: 0;
	color: #666;
}
div.legend span {
	width: 209px;
	float: left;
	padding: 0 5px 0 0;
	margin: 0;
	display: block;
}
div.legend span img {
	float: left;
	margin: 3px 3px 3px 3px;
	width: 10px;
	height: 10px;
	padding: 0;
}
div.legend table {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}
div.legend td {
	margin: 0;
	padding: 0;
}
div.legend td.icon {
}
div.legend td.title {
	padding: 0 23px 0 2px;
}
div.legend td img {
	width: 10px;
	height: 10px;
	float: left;
}
div.more-s {
	float: left;
	width: 146px;
	margin-right: 15px;
	text-align: center;
}
div.more-s p {
	margin:3px 0 0 0;
}
div.more-s p a {
	line-height: 1.3;
}
div.more-s img {
	height: 100px;
	width: 80px;
	background: #fff;
	border: 2px solid #e0e0d5;
	padding: 3px;
}
div.visual {
	float: left;
	width: 135px;
	text-align: center;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}

div.featured ul.tiny li a { font-size: 9px; padding: 9px 12px; }

	.options { width: 662px; background: #fff; /*border-bottom: 1px solid #e0e0d5;*/ padding: 0; }
	.options div.block { float: left; display: inline; width: 164px; height: 140px; padding-top: 5px; border-left: 1px solid #ccdcba; border-bottom: 1px solid #ccdcba; border-top: 1px solid #ccdcba; }
	.options div.on { background: #e2ebd7 url(arrows.gif) no-repeat top center; border-bottom: 1px solid #ccdcba; border-top: 0; padding-top: 6px; height: 145px;  }
	.options img.icon { margin: 8px 5px 4px 5px;  }
	.options div.block p { font: 9px Verdana, Arial, Helvetica, sans-serif; margin: 0 8px 5px 8px; }
	.options div.on a { font-weight: bold; color: #cc0000; }
	.options div.on img.icon {  }
	p.more_footer { position: absolute; text-align: right; margin: -20px 0 0 0; float: left; clear: both; display: inline; padding: 0; width: 660px; }
	p.more_footer a { zoom: 1; font: 9px Verdana, Arial, Helvetica, sans-serif; }

