/*
	Global Stylesheet for Truth About SCR
	Rules in this file should be applied to every page on the site.
	If a rule will only apply to one or two, add it to pages.css instead.
	Be polite to future developers, and label any hex colors you use! - SV
*/

/* Universal Rules -------------------------------------------------- */
body {
	background: white url("/images/bg-body.jpg") repeat-x center -140px;
	color: #000;
	font: 70%/1.5 verdana, arial, sans-serif;
}
.ahem, hr { display: none; }
a, a:link, a:visited { color: #333; } /* gray */
a:hover, a:focus, a:active { color: #00a0c6; } /* cyan */
.floatleft { float: left; margin: 0 1em 1em 0; }
.floatright { float: right; margin: 0 0 1em 1em; }
.clearboth { clear: both; }
object { outline:none; } /* fix for swfobject in FF3 */
h1, h2, h3, h4, h5, h6 {
	line-height: 1;
	margin: 0;
	font-family: Arial, verdana, sans-serif;
}
/*h1 { font-size: 1.75em; text-transform: uppercase; color:#6BB033; }*/
h1 { font-size: 1.3em; color: #333; text-transform: uppercase; line-height: 1.2; }
h2 { font-size: 1.5em; color: #333; }
h4 { font-size: 1.3em; text-transform: uppercase; color: #fff; font-weight: normal;} 
h5, h6 { font-size: 1em; }
/*
	Headlines have no bottom margin.
	Set text elements to have minimal top margin to pull them together.
*/
.floatleft {
	float: left;
	margin-left: 1em;
	margin-bottom: 1em;
}
.floatright {
	float: right;
	margin-right: 1em;
	margin-bottom: 1em;
}
/* Layout -------------------------------------------------- */
#container {
	width: 900px; /*900-20px*/
	margin: 0 auto;
	/*padding: 20px 0 0 20px;*/
}
#header {
	background: #fff;
	height: 75px;
}

#sidebar {
	float: left;
	width: 303px;
	margin-right: 27px;
	padding: 0 15px;
}
#homepage #sidebar {
	float: left;
	width: 333px;
	margin-right: 27px;
	padding: 0;
}
.content {
	background: transparent url('/images/bg-grad-whitetransp.png') 0 0 repeat-x;
	margin-bottom: 20px;
	float: left;
	position: relative;
	width: 900px;
	z-index: 1;
}
#col2 {
	width: 510px;/*540-30*/
	float: left;
	padding: 15px;
	margin-bottom: 20px;
	position: relative;
	margin-top: -50px;
	height: 434px;
	z-index: 1;
}
#suppcontent {
	float: left;
	clear: both;
	width: 100%;
	min-height: 180px;
	padding-top: 20px;
	margin-top: 5px;
	background: transparent url('/images/bg-supp-content.gif') no-repeat 50% 50%;
	position: relative;
	z-index: 1;
}
#splash {
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
	padding: 0;
}
#footer {
	clear: both;
	float: left;
	padding-bottom: 20px;
	color: #999;
	width: 100%;
	font-family: arial;
	position: relative;
	z-index: 2;
}
#footer #attributes {	
	background: #4FA332; 
	float: left;
	width: 100%;
	text-align: center;
	padding: 3px 0;
	margin: 0 0 20px 0;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.2em;
}
#header p#logo {
	margin: 0;
	padding: 0;
}
#header p#logo a {
	display: block;
	width: 317px;
	height: 55px;
	text-indent: -9999px;
	background: transparent url('/images/logo.gif') 0 0 no-repeat;
	position: absolute;
	margin: 0;
	left: 50%;
	margin-left: -433px; /*-450+20px*/
	margin-top: 12px;
}
#flash-container {
	height: 290px;
	width: 500px;
}