﻿/* CSS Document */

body {
	font:0.9em/1.2em Georgia, "Times New Roman", Times, serif;
	color:#000000;
	margin:10px 0;
}
a {
	color:#c4260d;
}
h2 {
	color:#78a3d8;
	font: bold 1.3em/1.5em Georgia, "Times New Roman", Times, serif;
	margin-bottom:0;
	padding-bottom:0;
}
h3 {
	color:#78a3d8;
	font: bold 1em/1.2em Georgia, "Times New Roman", Times, serif;
	margin-top:0;
	padding-top:0;
}
h4 {
	color:#78a3d8;
	font: normal 1/1.2em Georgia, "Times New Roman", Times, serif;
	margin-top:0;
	padding-top:0;
}
h3 a {
	color:#78a3d8;
}
textarea {
	font-size:0.8em;
	color:#666;
}
.h-override-black {
	color:#000;
	font-size:75%;
}
form {
	margin: 0 0 0 20px;
}
form h3 {
	margin: 0 3px 0 -20px;
}

p input {
	margin: 0 2px 0 -20px;
}
p.textbox input {
	margin: 0 2px 0 2px;
}
div#wrap {
	width:783px;
	margin:0 auto;
	position:relative;
}
body#home div#header {
	background:url("/images/header.gif") no-repeat top left;
	height:193px;
	width:783px;
}
body#home div#header h1 {
	margin:0;
	padding:0;
	float:left;
}
body#home div#header h1 img {
	border:none;
}
div#header {
	height:109px;
	width:783px;
}
div#header h1 {
	margin:0;
	padding:0;
}
div#header h1 img {
	border:none;
}
/* - custom styles for quote rotator - */
.gallerycontent{
	width: 233px;
	height: 179px;
	float:right;
	color:#FFF;
	font:1.2em/1.2em Georgia, "Times New Roman", Times, serif;
}
.gallerycontent a img {
	border:none;
}
div#nav {
	width:173px;
	float:left;
	background:#f5e462 url("/images/Layout05_06.gif") no-repeat bottom left;
	padding:0 0 15px 0;
}
div#nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
div#nav ul li {
	margin:0;
	padding:0;
	border: 1px solid #f5e462;

}
div#nav ul li a {
	text-decoration:none;
	color:#224876;
	padding:0 0 12px 20px;
	display:block;
	font: 1em/1em Georgia, "Times New Roman", Times, serif;
}
div#nav ul li a:hover {
	background:url("/images/balloon.jpg") no-repeat top left;
}
div#content {
	margin:3px 8px 15px 213px;
}
 
div#content ul {
	list-style-image:url("/images/bullet.gif");
}
div#content ul li {
	margin:10px 0 0 0;
}
div#content div.cta {
	float:right;
	width:198px;
	margin:0 0 0 40px;
}
div#content div.cta img {
	margin:7px 0 0 8px;
}
div#content div#twoThirds {
	float:left;
	width:300px;
	margin:0 15px 0 0;
}
div#content div#third {
	float:left;
	width:188px;
	margin:20px 0 0 20px;
}
/* it appears that the textarea tag doesn't play nicely with tableless layouts in i.e. 6. This is the cheating workaround */
table.cheating {
	border:none;
	width:555px;
	margin:0;
	padding:0;
}
table.cheating tr td {
	border:none;
	/*padding:0 20px 0 0;*/
	vertical-align:top;
}
td.tdRight {
	width:188px;
	padding: 10px 0 0 40px;
}
/*end shameful cheating here*/
div#footer {
	background:url("/images/Layout05_09.gif") no-repeat top left;
	height:93px;
	width:783px;
	clear:both;
	color:#FFF;
	text-align:center;
}
div#footer ul {
	width:80%;
	padding:30px 30px 0 60px;
	font-size:12px;
	line-height:1.2em;
	font-family:Arial, Helvetica, sans-serif;
}
div#footer ul li {
	display:inline;
	padding:0 5px;
	margin:12px 0;
	text-align:center;
	border-right:1px white solid;
}
div#footer ul li a {
	color:#FFF;
	text-decoration:none;
}
div#footer ul li a:hover {
	text-decoration:underline;
}

/* SIMPLE LIST COLUMN LAYOUT FOR STATES */

div.colblockthird {   /* - add this to avoid losing the list image on a floated ul in IE 6 and 7 - */
	float:left;
	position:relative;
	width: 22%;
}
div.colblockhalf {    /* - add this to avoid losing the list image on a floated ul in IE 6 and 7 - */
	float:left;
	position:relative;
	width: 40%;
}

ul.state-columns, ul.smallcolumns {
	margin:0 0 0 20px;
	padding: 0;
	list-style-image:url("/images/bullet.gif");
}

ul.state-columns li, ul.smallcolumns li {
	margin:0;
  	padding: 0;
  	line-height: 1.8;
  	position: relative;
}

/*   RESULTS CLASSES  */
.score {
	color:#c4260d;
	font-size:180%;
}
.emph {
	color:#c4260d;
	/*font-size:100%;*/
	font-weight:bold;
}
.respond {
	margin:0 2px 0 6px;
	padding-top:0;
	color:#666;
	font-size:80%;
}
table {
	border:1px solid #999;
}
table tr td {
	border:1px solid #999;
	padding:4px;
}