@charset "UTF-8";
/* CSS Document */

body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin:15px 0; padding:0; color:#000; background:#000 url(../images/bgTile.jpg) repeat-x center 0; text-align:center; background-color:#000000;}

img {border:0;}

a {color:#fff; text-decoration:none;}
a:hover {text-decoration:underline; color:fff;}


#mainContent {position:absolute;top:50%;left:50%;margin-left:-512px;margin-top:-371px;width:1024px;height:742px;}

#container {margin:0 auto; width:1007px; text-align:left; background:#000;}
#header {margin:0px; float:left;}
#header h1 {margin:0; padding:0; float:left;}
#header .hsv a {display:block; width:170px; height:70px; text-indent:-999em; float:right;}
#header h2 {text-indent:-999em; display:block; clear:both; width:859px; height:106px; margin:0; padding:0; background:url(../images/header.jpg) 0 0 no-repeat;}
h3 {text-indent:-999em; display:block; width:896px; height:41px; margin:0; padding:0; background:url(../images/giveMates.gif) 0 0 no-repeat; text-align:center;}

.leftSide {float:left; width:41px; height:462px;  background:url(../images/narrowLHS.jpg) 0 bottom repeat-y; margin:0;}
.rightSide {float:right; width:46px; height:462px; background:url(../images/narrowRHS.jpg) 0 bottom repeat-y; margin:0;}
.contentBox {float:left; width:918px; height:462px; background:url(../images/bgHoneycomb.jpg) 0 0 repeat-y; padding:0px; margin:0px;}

p {margin:0 0 1em 0; padding:5px 50px 0px 50px; color:#FFFFFF;}
.small {font-weight:normal; text-align:center;}
hr {border-width:1px 0 0 0; border-color:#999; border-style:solid; margin:6px 20px;}


tr{padding:0; margin:0px; height:25px;}
td{color:#FFFFFF;}
td.label {width:120px; padding:0 2px 0 10px; font-weight:bold; text-align:right; color:#FFFFFF;}
td.small {width:70px; color:#FFFFFF;}
input {font-size:11px; color:#666;}
td input.inputField {width:190px; padding:1px; font-size:11px; color:#666; border:1px solid #FFF; background:url(../images/bgField.gif) 0 0 repeat-x;}
td input.small {width:120px; text-align:left;}
td input.large {width:328px;}
select.stateSelect {width:120px;}

.enterBut {background:url(../images/bgFooter.jpg) 0 0 no-repeat; /*padding-top:10px;*/ width:1007px; height:144px; text-align:center; clear:both;}
form {padding:0; margin:0;}

.terms{padding:20px 0 0 0; margin:0; text-align:center;}
#flash{float:left;}
