@import url("scroll.css");

body {margin: 0; padding: 0; color: #333; background: #fff; font-size: 80%;}
body, textarea {font-family: Arial, Helvetica, sans-serif;}
p, blockquote, li, dd, dt, h4, label, input, select, textarea {font-size:1em;}

a {color:#900; text-decoration: none; outline: none;}
a:hover {text-decoration: underline;}
img {border: none;}
table, form {margin: 0; padding: 0; font-size: 100%;}
th, td { vertical-align:top; }

h1, h2, h3 {margin:0 0 0.5em 0; font-weight: bold; padding: 0;}
h1 {font-size: 1.6em;}
h2 {font-size: 1.2em;} /* also used in common files*/
h3 {font-size: 1em; }
h4 {font-size: 0.8em; font-style: italic; font-weight: normal;}


p, pre { margin: 0 0 1em 0; line-height: 1.4em; }
dd, ul li, ol li { line-height: 1.3em;}
dl, ul, ul li, ol, ol li, blockquote { padding: 0;}
dl { margin: .5em 0;}
dt { font-weight: bold; margin: 0.25em 0 0 0;}
dd { margin-left: 0.5em;}
ul { margin: 0.5em 0 0.5em 1.1em;}
ul li { list-style: square; margin:0 0 0.25em 0.5em;}
ol { margin: 0.5em 0 1em 1em;}
ol li { margin:0 0 0.5em 1em;}
blockquote { margin: 0 1em 0.5em 1em;}

fieldset {padding: 1em; margin: 0.25em 0; border: 1px solid #ccc;}
legend {font-size: 1.1em; font-weight: bold; color: #333; padding: 0 0.5em; margin: 0;}
*:first-child+html legend {margin: 0 0 0.5em 0;} /* hack for all IE versions */

input, select, textarea {margin: 0.01em; padding: 0 0.02em; vertical-align: middle;}
textarea {vertical-align: top;}
input:focus, textarea:focus, select:focus {background: #ffc;}
label { position: relative; top: 0.02em; padding-right: 0.02em;}


#wrap {width: 1050px; position: relative; margin: 0 auto; border: 1px solid #ccc; border-width: 0 1px;
	background: #FEFEFE url(../img/bg.jpg) no-repeat top right; }

#row1 { position: relative; height: 270px; padding-top: 10px;}
#logo { display: block; margin: 0 0 0 50px;}
#facebook { position: absolute; top: 20px; left: 610px;}
#topText { position: absolute; top: 85px; left: 355px;}
#pdfText { position: absolute; top: 205px; left: 425px;}

#row2 { height: 300px; margin: 0 0 10px 60px; }
#row2 h1 {margin: 0 0 4px 40px;}

#row3 {padding-left: 35px; position: relative; height: 300px;}
#vid { position: absolute; left: 550px; top: 0; 
	background: url(../img/bg_vid.png) no-repeat 0 0;
	height: 266px; width: 447px; padding: 10px;}
	
#formbox { background: url(../img/bg_form.png) no-repeat 0 0;
	height: 220px; width: 940px; padding: 20px 10px;
	margin-left: 75px; position: relative; color: #d8ddc8;}
#formbox label { font-weight: bold; color: #d8ddc8;
	float: left; text-align: right;
	padding-right: 4px; }
#col1, #col2, #col3 { float: left; }

#col1 { margin-left: 25px; width: 260px;}
#col1 div { margin-bottom: 1.5em;}
#col1 label {width: 70px; margin-top: 5px; }
#col1 input { padding: 2px 4px; width: 150px;}

#col2 { width: 340px; }
#col2 label {width: 70px; margin-top: 5px; }
#col2 span { display: block; font-style: italic; margin: 0.25em 0 0.5em 74px;}
#col2 input { padding: 2px 4px; width: 150px;}

#col3 { width: 165px; text-align: center; margin-top: 90px;}
#col3 div#links a { color: #d8ddc8;}

#foot { text-align: center; padding-bottom: 3em;}

#rules { margin: 0 24em 1em 3em; min-height: 800px;}