/* ***
down the road stylin styles
copyright eric smith 2007

colors:

beige - #ffcc54

red - 551208
dk brn - #251501

*** */
	html {
		height: 100%;
	}
	
	#flashcontent {
		height: 100%;
	}

*{ margin:0; padding: 0;}
body { color:#eee; font:normal .8em "Trebuchet MS", Verdana,Serif; background:#000;  text-align:center;}
a:link, a:visited {   color:#fff; text-decoration:underline;  }
a:hover, a:active {  color:#ff3;  text-decoration:none;  background-color:transparent;  }
h1, h2, h3 {color:#fff; font: bold 55px Helvetica, Arial, sans-serif; text-transform:uppercase; letter-spacing:-3px;}
h2 {margin-top:25px; font-size:35px;letter-spacing:-1px; line-height:1; padding:10px 0;}
h3 {margin-top:20px; font-size:20px; letter-spacing:1px; }

#thanks a:link, #thanks a:visited {  padding:5px; text-decoration:none; background:#ff3; color:#111; }
#thanks a:hover, #thanks a:active {  padding:5px; color:#ff3; background:#111; }


p {margin:10px 0;}

.skip {margin:30px 0 0; padding:5px 0; width:100%; background:#141210;  font-size:20px; display:block;}
#hdr {margin:0 0 15px; }

.hdrimg { display:block; height:423px; width:100%; background:transparent url('../images/promo-head.jpg') no-repeat top center; }
#seen { height:197px; background-image: url('../images/seenit.jpg'); }
#respond { height:197px; background-image: url('../images/respond-header.jpg'); }
#great { height:197px; background-image: url('../images/thanks-header.jpg'); }

.content{ font: normal 15px Helvetica, Arial, sans-serif; text-align:center; position:relative; margin:25px auto 0; width:800px;}
.col {width:50%; float:left;}
.col#four {width:25%;}
.col#three {width:33%;}

.clear { clear:both; }

a.big {text-decoration:none; font: bold 85px Helvetica, Arial, sans-serif; text-transform:uppercase; letter-spacing:-3px;}

.subsection {width:100%; background:#333; }

.impt {color:#ff3;}






form.pform {
	margin: 0;
	padding: 0;
	font-size: 17px;
	width: 100%;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:-1px;
}


form.pform input, form.pform textarea, form.pform select{
	color:#111;
	background:#eee;
	margin:1px;
	padding:4px;
	width:200px;
	font:bold 110%/180% Helvetica, Arial sans-serif;
	border: solid 2px #111;

}

form.pform input.check {width:20px;height:20px;}

.highlight, li.req label { }
li.req input, li.req select { border-color:#e96; }

select#contactstate, input#contactpledge { width: 80px; }


form.pform textarea {  width:600px; height:80px; overflow: auto; font-size:11px; }
form.pform input#submit {text-transform:uppercase; font-weight:bold; letter-spacing:-1px; background:#000; border-color:#ff3; color:#eee; width: 140px; font-size:140%; }


form.pform fieldset {
  margin-bottom: 10px;
  border:none;
}
form.pform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.pform label {
  float:left;
  line-height: 1.8;
  vertical-align: top;
  font-size:14px;
}
form.pform ul {
  margin: 0;
  list-style:none;
  padding: 0;
}
form.pform li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.pform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.pform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.pform fieldset fieldset label {
  display: block;
  width: auto;
}
form.pform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.pform label {
  width: 80px; /* Width of labels */
}

form.pform#friend label {
  width: 120px; /* Width of labels */
}

form.pform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}

/*  styled check boxes */

span.radio {
   width: 100px;
   height: 145px;
   padding: 0 5px 0 0;
   background: url('../images/form-t-brown.jpg') no-repeat;
   display: block;
   clear: left;
   float: left;
}
span.radio#olive {
   background-image: url('../images/form-t-olive.jpg');
 }