html {background:url(http://harvestrockchurch.org/images/bg_blackdiag.jpg);height:100%}
body {font-size:11px;font-family: Verdana, Geneva, sans-serif;color: #222;margin:0 auto;width:934px;height:100%;background:#fff}


.container{width:934px;margin:0 auto}
.g1, .g2, .g3, .g4 {margin-right:30px;float: left;}
.g1{width: 190px}
.g2{width: 410px}
.g3{width: 630px}
.g4{width: 850px}
.last{margin-right:0}

input.g1, input.g2, input.g3, input.g4, textarea.g1, textarea.g2, textarea.g3, textarea.g4
{border-left-width: 1px!important;border-right-width: 1px!important;padding-left: 5px!important;padding-right: 5px!important;}

input.g1, textarea.g1{width: 178px!important}
input.g2, textarea.g2{width: 398px!important}
input.g3, textarea.g3{width: 618px!important}
input.g4, textarea.g4{width: 838px!important}

hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.45em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}

label.lbl{ font-weight: bold;display:block }
input[type=text],
input.text, input.title, 
textarea, select { 
  background-color:#fff; 
  border:1px solid #bbb; 
}
input[type=text]:focus, 
input.text:focus, input.title:focus, 
textarea:focus, select:focus { 
  border-color:#666; 
}

input[type=text], 
input.text, input.title,
textarea, select {
  margin:0.5em 0;
}

input.text, 
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 390px; height: 250px; padding:5px; }
select{ padding:5px 0 5px 0}
input[type=checkbox], input[type=radio], 
input.checkbox, input.radio { 
  position:relative; top:.25em; 
}

form.inline { line-height:3; }
form.inline p { margin-bottom:0; }

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.last:after, .clearfix:after, .container:after {
  content: "\0020"; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  overflow:hidden; 
}
.last, .clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }
h1, h2, h3, h4, h5, p, a, a img{margin:0;padding:0;border:none}
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
p  { margin: 0 0 1.5em; }

h2, h4{color:#009933}
h3, label.lbl, dt{color:#585858}
.container,form{background:#ffffff}
.box{width:850px;margin:21px 42px 0 42px}
form ul, form ol, form li{list-style:none;margin:0;padding:0}
fieldset{margin:0;padding:0;border:none}
fieldset label{float:left;margin-right:20px;line-height:30px}
form .required:after{content: " *"; color:red}
label.error{color: red}
input.error,textarea.error,select.error {
background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4;}
input:focus,textarea:focus,select:focus,
input.success:focus,textarea.success:focus,select.success:focus,
input.error:focus,textarea.error:focus,select.error:focus{
background: #FFF6BF; color: #514721; border-color: #FFD324}
input.success, textarea.success, select.success {
background: #E6EFC2; color: #264409; border-color: #C6D880;}
ul.errors{display:block;float:left;clear:both}
ul.errors li{color:red}
p.description{float:left;clear:both}

table th{text-align:left;font-weight:bold;padding-bottom:11px}
table td{line-height:33px}
table, table tr,table td{border-collapse:collapse;margin:0;padding:0;}
table.list td a{display:block}
table.list tr.over{cursor:pointer;background:#3fce4e}
table.list tr.odd td{background:#9dd02b}
table.list td a{color:#000000;font-weight:bold}
table.list tr+tr{border-bottom:1px solid #1f6036;border-top: 1px solid #1f6036}

dl, dd, dt {margin:0;padding:0;}
dl.details {width:333px;}
.details dt, .details dd{line-height:22px;float:left}
.details dt{font-weight:bold;width:120px;margin-right:13px;clear:left}
.details dd{width:200px;}

.signup, .contact{display:block;height:68px;text-indent:-99999px;overflow:hidden;margin-bottom:4px}
.signup{background:url('images/signupnow.png')}
.contact{background:url('images/contactus.png')}
.button, button{border:none}

.s, .c {display:none}
#login{ width:300px;margin:0px auto; padding-top:100px}
form#login button, form.a button {
    background: transparent url('images/bg_button_a.gif') no-repeat top right;
    color: #444;
    font: normal 12px arial, sans-serif;
    height: 24px;
	margin-top:5px;
	padding:0;
    padding-right:15px; /* sliding doors padding */
	line-height: 14px;
	border:none;
}

form#login button span, form.a button span {
	background: transparent url('images/bg_button_span.gif') no-repeat top left;
	border:none;
    display: block;
	margin-top:-2px;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

.clearfix:after, .container:after {
  content: "\0020"; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  overflow:hidden; 
}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }