body{ 
  background:#b3d4b7 url(../images/backgroundGradient.jpg) center repeat-y;
  text-align:center;
  font-family:sans-serif;
  line-height:1.5em;
  color:#444;
}

form p{
  margin:0;
}

#pageWrapTile{
  margin:0 auto;
  width:984px;
  background:transparent url(../images/pageTile.jpg) 50% 0 repeat-y;
}

#pageWrapTop{
  background:transparent url(../images/pageTop.jpg) 50% top no-repeat;
}

#pageWrapBottom{
  background:transparent url(../images/pageBottom.jpg) 50% bottom no-repeat;
}

#pageWrap{
  background:transparent;
  width:950px;
  padding:10px;
  margin:0 auto;
  text-align:left;
}

#rates{
  margin-top:46px;
  margin-right:40px;
  margin-bottom:80px;
  border:1px solid #ccc;
  background:#eee;
}

#pageBody{
  padding-top:10px;
}

#logoBar{
  margin:0 auto;
  width:984px;
  position:relative;
}

#bigWrapDonate{
  background:#183000 url(../images/miniFormGradient.jpg) bottom repeat-x;
}

#donateBar{
  padding-bottom:15px;
}

a#donateLink{
  margin-top:-15px;
  margin-bottom:-20px;
  width:171px;
  height:37px;
  display:block;
  float:right;
  background:transparent url(../images/quickstart.jpg) 0 0 no-repeat;
}

a#donateLink span{
  display:none;
}

a#donateLink:hover{
  background-position:-171px 0;
}

#miniFormCont{
  color:#fff;
}

textarea.span-7{
  height:220px;
}

/***********************

Styles for the header bar

************************/



#header{
  background:transparent url(../images/secondaryBanner.jpg) 0 0 no-repeat;
  width:950px;
  height:179px;
  position:relative;
} 

#header span{
  display:none;
}


#header a{
  background:transparent url(../images/getStarted.jpg) 0 0 no-repeat;
  display:block;
  width:320px;
  height:47px;
  position:absolute;
  top:51px;
  left:361px;
}    

#header a:hover{
  background-position:-320px;
}     

#home #header{
  background:transparent url(../images/homeBanner.jpg) 0 0 no-repeat;
  width:950px;
  height:292px;
  position:relative;
} 

#home #header a{
  background:transparent url(../images/getStarted.jpg) 0 0 no-repeat;
  display:block;
  width:320px;
  height:47px;
  position:absolute;
  top:163px;
  left:331px;
}


#home #header a:hover{
  background-position:-320px;
} 

#logo{
  margin-left:20px;
  width:289px;
  height:97px;
  float:left;
}

/***********************

Styles for the top menus

************************/







#utilitiesMenu{
  display:inline;
  float:right;
  margin-right:10px;
}

#utilitiesMenu ul{
  list-style:none;
  margin:0;
}

#utilitiesMenu li{
  display:inline;
  float:left;
  padding:14px;
  padding-top:3px;
  
}

#utilitiesMenu li a{
  color:#444;
}


#topMenu{
  float:right;
}

#topMenu ul{
  margin-top:28px;
  margin-bottom:0;
  list-style:none;
}

#topMenu li{
  display:inline;
  float:left;
  padding:12px;
  padding-bottom:0;
}


#topMenu li a{
  font-size:1.2em;
  color:#444;
}


/*********************

Styles for the home page

********************/

#button1{
  
}

#button1 a{
  width:309px;
  height:103px;
  display:block;
  background: transparent url(../images/homeQualify.jpg) no-repeat;
}

#button1 a:hover{
  background-position: -309px 0;
}

#button1 a span{
  display:none;
}

#button2{
  
}

#button2 a{
  width:307px;
  height:102px;
  display:block;
  background: transparent url(../images/homeRates.jpg) no-repeat;
}

#button2 a:hover{
  background-position: -307px 0;
}

#button2 a span{
  display:none;
}

#button3{
  
}

#button3 a{
  width:306px;
  height:102px;
  display:block;
  background: transparent url(../images/homeLoan.jpg) no-repeat;
}

#button3 a:hover{
  background-position: -306px 0;
}

#button3 a span{
  display:none;
}




/*********************

Styles for the footer

********************/


#footer{
  margin-top:20px;
  text-align:center;
}


/***********************
* Paginiation, for blogs
* and tags
************************/

.pagination{
  background:#eee;
  padding:10px;
  border:1px solid #ccc;
  border-left:0px;
  border-right:0px;
  text-align:center;
  margin:10px 0px;
}

.pagination a{
  border:1px solid #ccc;
  padding:3px 8px;
  margin:3px;
}

.pagination a:hover{
  background:#ccc;
  color:black !important;
}


/*************************
* Tag cloud
**************************/

.tag1 {font-size: 1.0em;}
.tag2 {font-size: 1.2em;}
.tag3 {font-size: 1.4em;}
.tag4 {font-size: 1.6em;}
.tag5 {font-size: 1.8em;}
.tag6 {font-size: 2.0em;}

/*********************************
*Coments
**********************************/

.comment{
  border-bottom:1px solid #eee;
  padding:10px 0px;
  width:100%;
}

.comment .author{
  float:left;
  width:200px;
  margin:10px;
}

.comment .author_name{
  margin-bottom:10px;
}

.comment .date{
  margin-top:10px;
}

.comment .content{
  margin-left:220px;
}

/*****************************
* Blog layout
******************************/

#blogMainArea{
 
  float:left;
}

#blogSidebar{
  margin-left:40px;
  float:left;
}

.post{
  background: transparent url(../images/shadow_line.gif) 0 100% no-repeat;
  padding-bottom:30px;
  margin-bottom:10px;
}

.post .grav_img{
  float:left;
  margin-right:10px;
  margin-bottom:10px;
}

.post .body{
  clear:left;
}

.postInfo h3, .postInfo h5{
  border-bottom:0px;
  margin:0px;
}

.postInfo .grav_img{
  float:left;
  margin-right:10px;
  margin-bottom:10px;
}

.postBody{
  clear:left;
}



.decoyEmail{
  display:none;
}

/***********************
**Some general form stuff
************************/


ul.form_errors{ 
  border:1px solid red;
  background:#fdd;
  padding:10px;
  padding-left:30px;
}

.submitted_ok{ 
  border:1px solid green;
  background:#dfd;
  padding:10px;
  padding-left:30px;  
  margin:10px;
}

input.form_error,textarea.form_error,select.form_error{ 
  border:2px inset red;
  background:#fdd;
}


/*********************
*This allows fluid images
***********************/
img.full{
  max-width:100%;
}

table td img.full{
  width:100%;
}


/***********************
* Clearfix rules
************************/
.clearfix {
  display:inline-block;
}
.clearfix:after {
  display:block; 
  visibility:hidden; 
  clear:both; 
  height:0; 
  content: "."; 
}