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

body  {
	font: 1em Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #697685;
	background: #dfe1e2;
}

a:focus {outline-style: none;}
a img {border: none;}

a:link{color: #697685;}
a:hover{color: #ed1c24;}
a:visited{color: #666666;}

#clearfix {
	clear: both;
}

/********** STRUCTURE **********/

#container {
	width: 1000px;
	margin: 0 auto;
}

#topbar img {
	float: left;
}

#leftcol {
	float: left;
	width: 790px;
}

#rightcol {
	float: right;
	width: 200px;
}

#footer {
	width: 790px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	background: url(images/footer.jpg) top center no-repeat;
	margin-top: 10px;
	color: #c6ced2;
	font-size: .8em;
}


#footer a {
color: #c6ced2;
}

/********** RIGHT COL **********/

#tools {
	float: left;
	margin-right: 5px;
	display: block;
	width: 46px;
	height: 30px;
}

#emailpanel, #searchpanel, #rsspanel {
	background: #303439;
	height: 30px;
	_height: 35px; /* IE 6 hack */
	_font-weight: bold; /* IE 6 hack */
	display: none;
	line-height: 30px;
	padding-left: 10px;
}

*+html #emailpanel, #searchpanel, #rsspanel { /* IE 7 hack */
	height: 35px;
	font-weight: bold;
}

#emailpanel form, #searchpanel form {
	margin: 0;
	padding: 0;
	float: left;
}

#emailpanel input, #searchpanel input {
	padding-left: 5px;
	padding-bottom: 0;
	height: 20px;
	border: none;
	line-height: 20px;
	float: left;
	margin: 5px 0 0 10px;
}

#emailpanel p {
	float: left;
	margin: 0 10px 0 0;
}

#emailpanel #send, #searchpanel #search {
	width: 50px;
	height: 20px;
	_margin-top: 8px; /* IE 6 hack */
	cursor: pointer;
	border: none;
	background: url(images/send.jpg) top left no-repeat;
}

*+html #emailpanel #send, #searchpanel #search { /* IE 7 hack */
	margin-top: 8px;
}

#searchpanel #search {
	width: 62px;
	background: url(images/search_button.jpg) top left no-repeat;
}

#rsspanel p {
	float: left;
	margin: 0;
}

#close {
	float: right;
	margin: 5px 10px 0 0;
}

#rightbox {
	width: 200px;
	_width: 190px; /* IE 6 hack */
	background: #c6ced2;
	margin-top: 10px;
}

#rightboxtext {
	padding: 10px;
	_width: 180px; /* IE 6 hack */
}

#goalstext {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	text-align: right;
	margin: 0 15px 0 10px;
}

#goalstext p {
	border-top: 2px solid #697685;
	padding-top: 5px;
	margin: 5px 0 0 0;
}

#rightboxtext form {
	margin: 0;
}

#rightboxtext input {
	width: 128px;
	_width: 120px; /* IE 6 hack */
	padding-left: 5px;
	height: 20px;
	float: left;
	border: none;
	line-height: 20px;
}

*+html #rightboxtext input {
	width: 120px;
}

#rightboxtext #go {
	margin-left: 10px;
	width: 36px;
	height: 20px;
	cursor: pointer;
	border: none;
	background: url(images/go_button.jpg) top left no-repeat;
}

h2 {
	padding: 0;
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.article {
	color: #697685;
	font-size: .8em;
}

#more {
	float: right;
	margin-top: 5px;
}

.headlines {
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-bottom: 5px;
}

/********** LEFT COL **********/

#header {
	background: url(images/header.jpg) top right no-repeat;
	width: 790px;
	height: 250px;
	margin-top: 10px;
}

#headertext {
	float: right;
	width: 280px;
	margin: 5px 5px 0 0;
	color: #FFFFFF;
	text-align: center;
	font-size: .8em;
}

#maincontent {
	margin-top: 10px;
}

/***** TABS *****/

#tabs {
	height: 40px;
}

#tabs a {
	float: left;
	display: block;
	width: 256px;
	height: 40px;
	background: url(images/tabs.jpg) no-repeat top left;
	text-indent: -5000px;
}

#tabs #hypocritestab {background-position: 0 0;}
#tabs #hypocritestab:hover {background-position: 0 -40px;}

#tabs #heroestab {background-position: -256px 0;}
#tabs #heroestab:hover {background-position: -256px -40px;}

#tabs #zerostab {background-position: -512px 0;}
#tabs #zerostab:hover {background-position: -512px -40px;}

.tabcontent{
	display:none;
	background-color: #ffffff;
}

#tabtext {
	padding: 10px;
}

@media print {
.tabcontent {
	display:block !important;
}
}

.definition {
	font-size: .8em
}

#tabtext .listby, #tabtext .listby a, .state {
	color: #856969;
	font-family: Georgia, "Times New Roman", Times, serif;
	
}

#repscolumn {
	width: 180px;
	float: left;
	margin-left: 10px;
	text-decoration: none ;
}

.state {
	font-size: 1em;
}

#repscolumn ul {
	list-style: none;
	margin: 5px;
	padding: 0;
	font-size: .8em;
	
}

#repscolumn a {
text-decoration: none;
}

#heroes #tabtext .listby, #heroes #tabtext .listby a, #heroes .state {
	color: #6b6985;
	text-decoration: none ; 		
}

#zeros #tabtext .listby, #zeros #tabtext .listby a, #zeros .state {
	color: #69857b;
	text-decoration: none ; 		
}

/********** CONTENT PAGE **********/

#storycontent {
	margin-top: 10px;
	background: #ffffff;
	padding: 10px;
}

h1, h3 {
	padding: 0;
	margin: 0 0 5px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.bodytext {
	font-size: .8em;
	line-height: 1.3em;
}

#graphic {
	float: right;
	margin: 0 0 15px 15px;
}