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

body {
background:url(../images/backgrad.jpg) repeat-x top #cacaca;
padding:0px;
margin:0px;
font-size:16px;
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing:-1px;
}

a img { border:none; }
.block img { display:block; }

h1 { font-size:28px; font-weight:100; letter-spacing:-2px; margin-top:0px; }
h2 { font-size:16px; font-weight:100; letter-spacing:-1px; clear:both; margin:25px 0px 5px 0px; padding-left:25px; color:#333; background:#E4E4E4; //margin-top:5px;}

#container { position:relative; width:918px; margin:30px auto; }
#left { width:364px; float:left; }
#left img { margin:0px auto; }

#sidebar {
width:324px;
padding:1px 20px 1px 20px;
display:block;
background:#a2c9cc;
color:#343434;
//margin-top:-5px;
}
#sidebar h1 { color:#FFF; }

#right { position:relative; width:541px; float:right; }

#formBox {
position:relative;
width:501px;
background:#ddeef0;
color:#1e7e89;
padding:1px 20px 20px 20px;
//margin-top:-5px;
}
#formBox h1 { color:#4b4b4b; }

/*#formArea is just used on index.php to keep the small formarea on the right hand side of #formBox away from the giveaway box*/
#formArea { width:61%; float:right; }

/*#giveaway is the small green box on index.php for the $1000 giveaway*/
#giveaway {
background:url(../images/giveaway.png) no-repeat;
position:absolute;
left:-30px;
top:150px;
width:192px;
height:134px;
padding:10px;
text-align:center;
font-size:14px
}
#giveaway strong { color:#006c87; font-weight:100; font-size:18px; }
#giveaway h1 { color:#09baab; font-size:60px; margin:0px auto 0px auto; line-height:60px; }

#missionBox {
width:501px;
background:#FFF;
color:#4b4b4b;
padding:20px 20px 2px 20px;
margin-top:15px;
//margin-top:35px;
}
#missionBox h1 { color:#2c6b70; }

.testimony { font-size:12px; width:100%; clear:both; margin-top:5px }
.testimony img { margin-right:10px; }

#footerRight {
background:url(../images/logoFooter.gif) right top no-repeat;
width:521px;
text-align:left;
font-size:11px;
margin-top:10px;
height:40px;
padding:15px 0px 0px 20px;
}

#footerLeft { font-size:11px; margin-top:10px; }
#footerRight p, #footerLeft p { display:inline; margin-right:10px; }
#footerRight a , #footerLeft a{ color:#006666; text-decoration:none; }
#footerRight a:hover, #footerLeft a:hover { color:#003399; text-decoration:underline; }

/*#clipboard is the form area for application.php*/
#clipboard {
background:url(../images/clipboard.jpg) no-repeat; 
margin:0px auto;
width:514px;
height:694px;
padding:110px 48px 15px 38px;
}
#clipboard h1 { text-align:center; }

/*.button is for the previous and next step buttons on application.php*/
.button { position:relative; margin-top:30px; clear:both;} 
.button div { float:right; position:relative; display:inline; }

/*.pop and .fizz are classes for showing and hiding application.php steps, called by effects.js on click actions*/
.pop { display:block; }
.fizz { display:none; }

/*#notepad is the extra info container for left hand side of application.php*/
#notepad {
width:316px;
height:371px;
float:left;
margin-top:-30px;
background:url(../images/notepad.jpg) no-repeat;
padding:222px 20px 38px 113px;
}

#folder {
width:412px;
height:434px;
float:left;
margin-top:-30px;
background:url(../images/folder.jpg) no-repeat;
padding:191px 48px 93px 102px;
}

#generic { width:700px; margin:0px auto; padding:20px; background:#fff;}

.spread { clear:both; width:100%; }


/*form stuff****************************************************************************************************************************/
form { font-weight:100; color:#000; font-size:12px; }
form label { float:left; width:65%;}
form em { font-weight:900; color:#C00; }
form p { clear:both; margin:5px 0px 5px 0px; //margin:0px 0px 0px 0px; letter-spacing:-1px; }
input, select { float:right; width:136px; margin:0px 0px 4px 0px; }
textarea { float:right; width:230px; }
textarea, input, select { background-color:#FFF; border:2px inset #f3ca4f; }
select { width:170px; letter-spacing: 0px; }
textarea:focus, input:focus, select:focus, textarea:hover, input:hover, select:hover { background-color:#edee9e; border:2px inset #2f86c3; }
.submit { margin:0px auto; }
.submit input { float:none; display:block; width:auto; margin:20px auto; }
.coreg input { 
float:left; 
clear:left; 
margin:0px 5px 0px 0px;
border:none; 
background:none;
width:auto;
}
.radios input { clear:none; display:inline; float:none; margin:0px 5px 0px 5px; }
.radios label { display:inline; float:none; }
.radios input, .nobo input{ width:auto; }
.submit input, .coreg input, .radios input, .nobo input { background:none; border:none; }
.altForm { width:500px; margin:0px auto; }
.altForm .submitbutton { background-color:#CCC; font-weight:900; border:outset 2px #000; }
.formAuto { float:right; right:10px; //margin:-15px 0px -15px 0px; }
.formAuto select, .formAuto input { width:auto; float:none; }

#error {
position:absolute;
width:450px;
background:#FFCC66;
border:#0066FF groove 3px;
padding:10px;
top:190px;
text-align:center;
font-size:18px;
color:#000;
filter:alpha(opacity=95); 
opacity:.95;
}

.google { width:728px; margin:30px auto; }
/*end form stuff*/