/*CSS document

JELL CREATIVE
CLIENT: BRIDGEFIELD
DATE CREATED: 02.04.10

*/

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

GLOBALS

///////////////////////////*/
* {
  margin: 0;
  padding: 0;
  /*border: 0;*/
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  /*vertical-align: baseline;*/
  font-family:Arial, Helvetica, sans-serif;
}

body, html{
	text-align:center;

	}
	
input, textarea{

border:solid 1px #CCCCCC;
font-size:12px;
padding:2px 0px 2px 4px;
	
	}
select{
font-size:12px;
color:#333333;

}	
.green{
color:#339933;

}


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

TYPOGRAPHY

///////////////////////////*/
p, #main li{

  /*letter-spacing: -0.05em;*/
  line-height: 1.5em;
  font-size:12px;
  color:#333333;
}
#main li{
margin-bottom:5px;

}
strong{
font-weight:bold;

}

#main ul{
list-style:none;
margin-bottom:10px;
}

#main li{
padding-left:12px;
background-image:url(../images/bullet.gif);
background-repeat:no-repeat;
background-position:0px 4px;

}

p, h1, h2, h3, a{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
}
a:link,  a:visited{
color:#339933;
text-decoration:none;
border:none;

}

a:hover{
border-bottom: solid 1px #339933;
}
h1{
font-size:34px;
color:#339933;
margin-bottom:15px;
font-weight:normal;
text-indent:-999em;
overflow:hidden;


}
h2{
font-size:18px;
color:#999;
margin-bottom:8px;
line-height:1.5em;
font-weight:normal;
letter-spacing:1px;
}
h3{
font-size:14px;
color:#339933;
margin-bottom:8px;
line-height:1.5em;
font-weight:bold;
letter-spacing:normal;
}
h3 a:link, h3 a:hover, h3 a:visited {
border:none;
font-weight:bold;
cursor:default;

}
h4{
font-size:13px;
margin-bottom:5px;
font-weight:bold;
color:#339933;

}
img{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#999999;

}
 
 #alert p{
 color:#CC0000;
 clear:left;
 
 }
 .error{
 background-color:#FFCCCC;
 
 }


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

MAIN STRUCTURE

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


#content_wrapper{
width: 880px;
padding:0px 20px;

text-align:left;
margin:0px auto;

}


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

HEADER 

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


#header_wrapper {
  width: 840px;
  height:120px;
}
#logo {

  margin-top: 40px;
  display:inline; /*IE6 SPECIFC*/
    float: left;

}
#logo a{
border:none;
text-decoration:none;

}
#navigation {
  float: right;
  width: 640px;
  text-align:right;
  display:inline;
} 

#assistance_button {
  float: right;
  width: 133px;
  height: 39px;
  background: transparent url(../images/need_assistance.gif) no-repeat;
  text-align: center;
}
#assistance_button p {
  color: #ffffff;
  font-size: 12px;
  padding-top: 2px;
  line-height:1.3em;
  margin:0px;
}
#assistance_button span {
  font-size: 13px;
}

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

NAVIGATION 

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



#navigation {
float:rignt;
width:670px;

}
#navigation ul {
	clear:both;
	float:right;
	margin-top: 34px;
	text-align:right;
	display:inline;
	list-style: none;
}
#navigation li {
	float:left;
	display: inline; 
	margin: 0 30px 0 0px ;
	padding:0px;
}
#navigation .last{
margin:0px;

}

#navigation li a{
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	color: #666666;
	white-space:nowrap;
	font-weight:normal;
	display:block;
	text-decoration:none;
}
#navigation li a:hover, #navigation li .current{
	color:#339933;
}
#nav a, #nav a:link, #nav a:hover, #nav visited{
	border-bottom:none;
	}
	
	
/*2nd level nav a:link state*/
	
#nav li li{
	font-size:11px;
	color:#333;
	border-left:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
	}
#nav li {
	float:left;
	position:relative;
    display:inline;
    padding:0;

    }
		
/*second level*/
#nav ul {
	z-index:600;
	position: absolute;
	text-align:left;
	left: -999em;
	clear:both;
	height: auto;
	width: 13em;	
	padding: 0px;	
	margin: 0px;
	
 }
 
 
 /*graphic caps*/
 #nav li ul .cap{
	background-image:url(../images/dd_top.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
	height:12px;
	border:none;
	width:13.2em;

 	}
 
#nav li ul .btm_cap{
	border-bottom:solid 1px #CCCCCC;
	padding-bottom:5px;
	}
#nav li ul .top_cap{

	padding-top:7px;
	}
	
/*second level background and box size*/
#nav li li {
    width:13em;
	display:block;
	background-color:#fff;
	padding:2px 2px 2px 8px;
    }
	
/*Second level text */
#nav li li a {

   /*width:100%;
   padding:2px 0px 2px 8px;*/
  	font-size:11px;
	letter-spacing:0.03em;
	color:#666;
	margin:0px;
	line-height:15px;
	}

/*Second level color hover state  */
#nav li li a:hover{
 color:#339933;
    }
	
/*Second level a:hover text color
#nav li ul li:hover a, #nav li ul li li:hover a, #nav li ul li li li:hover a, #nav li ul li li li:hover a, #nav li ul li.sfhover a {
  color:#339933;
    }*/
#nav li ul a:hover{

}	
	
/*Main nav hover text color*/
#nav li:hover a, #nav li.sfhover a {
 
    }
	
/*Second level a:link text color*/
#nav li:hover li a, #nav li li:hover li a, #nav li li li:hover li a, #nav li li li li:hover li a {
   /*color:#666;*/
    }
	
	/*hide second level*/
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
    left:-999em;
    }
	
	
	/* dislpay second level */
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {
    left:auto;
	left:-16px;
    }
	
	/*Main nav rollover background color */
#nav li:hover, #nav li.sfhover {
	

    }


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

HOME PAGE SPECIFIC

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


#banner{
	background-image:url(../images/banner_bg.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	border:solid 1px #CCCCCC;
	width:838px;
	float:left;
	margin-top:20px;
	height:233px;
	}

#banner_message{
	padding:30px 20px 0px 20px;
	float:left;
	width:378px;
	display:inline; /*IE6 SPECIFC*/
	}
#banner_message h1{
	width:349px;
	height:80px;
	background-image:url(../images/banner_msg_1.gif);
	background-repeat:no-repeat;
	
	}
#banner_message h2{
	color:#333333;
	}
#banner_image{
	margin-left:1px;
	float:left;
	display:inline; /*IE6 SPECIFC*/
	}

#home_module_wrapper{
	margin-top:40px;
	width:840px;
	float:left;
	}
.module{
	float:left;
	width:201px;

	padding:0px 4px 0px 7px;
	border-right:solid 1px #CCCCCC;
	display:inline; /*IE6 SPECIFC*/
	}
.pad_left{
width:196px;
padding:0px 4px 0px 12px;
}

.module img{
float:left;
margin:0px 8px 8px 0px;

}	
.module h3{
margin-top:8px;

}
.module p{
clear:left;
font-size:11px;
padding-right:8px;
letter-spacing:0px;
}

.module a{
font-size:11px;
letter-spacing:0px;


}

#home_module_wrapper .first{
	padding-left:0px;
	}

#home_module_wrapper .last{
	border:none;
	padding-right:0px;
	color:Red;
}


.button{
margin-top:10px;
width:79px;
height:23px;
background-image:url(../images/button_bg.gif);
background-repeat:no-repeat;
cursor:pointer;
}

.button_long{
margin-top:10px;
width:161px;
height:23px;
background-image:url(../images/button_bg_long.gif);
background-repeat:no-repeat;
cursor:pointer;
}

.button_server{
width:79px;
height:23px;
background-image:url(../images/button_bg.gif);
background-repeat:no-repeat;
padding-bottom:6px;
padding-right:5px;
cursor:pointer;
}
.button_server_link{
width:79px;
height:23px;
background-image:url(../images/button_bg.gif);
background-repeat:no-repeat;
padding-left:23px;
padding-top:3px;
cursor:pointer;
}
.button_server_link:hover{
width:79px;
height:23px;
background-image:url(../images/button_bg.gif);
background-repeat:no-repeat;
padding-left:23px;
padding-top:3px;
cursor:pointer;
text-decoration:none;
border-color:#e1e1e1;
}
.button a:link, .button a:visited, .button a:hover{
letter-spacing:0.03em;
display:block;
color:#FFFFFF;
width:100%;
text-align:center;
padding:4px 0px;
font-size:11px;
border:none;
}

.forgot_pass:hover
{
	text-align:right;
margin:10px 26px 0px 0px;
font-size:12px;
	}


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

INTERNAL PAGE SPECIFIC

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

#main{
float:left;
width:840px;
margin:20px 0px;

}

#main p{
margin-bottom:12px;
line-height:1.6em;

}
#main h2{
margin-bottom:15px;

}

#main h3{
margin-bottom:0px;

}

 #main .sub_before_bullets{
 margin-bottom:5px;
 
 }
 
#left_col{
float:left;
width:620px;
margin-right:30px;

}


#right_col{
float:right;
width:190px;
}
#right_col .module{
padding:0px;
width:190px;
border:none;

}
#right_col .sub_item{
border-top: solid 1px #ccc;
padding-top:15px;
margin-top:20px;
}
.left_image{
float:left;
margin:4px 20px 10px 0px; 

}
#quick_links p{
margin-bottom:5px;
padding-left:10px;
background-image:url(../images/quick_link_arrow.gif);
background-repeat:no-repeat;
background-position:0px 5px;
}
#main .body_before_bullet{
margin-bottom:0px;

}



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

H1 graphic replacements

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

.our_commitment{
background-image:url(../images/our_commitment.gif);
width:236px;
height:33px;

}
.business_practices{
background-image:url(../images/business_practices.gif);
width:247px;
height:33px;
background-repeat:no-repeat;

}
.login_to_your_account{
background-image:url(../images/login_to_your_account.gif);
width:292px;
height:33px;
background-repeat:no-repeat;

}
.forgot_password{
background-image:url(../images/forgot_password.gif);
width:231px;
height:33px;
background-repeat:no-repeat;

}
.information_center{
background-image:url(../images/information_center.gif);
width:255px;
height:33px;
background-repeat:no-repeat;

}
.preventing_foreclosure{
background-image:url(../images/preventing_foreclosure.gif);
width:300px;
height:33px;
background-repeat:no-repeat;

}
.credit_manager{
background-image:url(../images/credit_manager.gif);
width:203px;
height:33px;
background-repeat:no-repeat;

}

.refinancing_assistance{
background-image:url(../images/refinancing_assistance.gif);
width:310px;
height:33px;
background-repeat:no-repeat;

}
.disaster_policy{
background-image:url(../images/disaster_policy.gif);
width:197px;
height:33px;
background-repeat:no-repeat;

}
.frequently_asked_questions{
background-image:url(../images/frequently_asked_questions.gif);
width:374px;
height:33px;
background-repeat:no-repeat;
}
.service_and_support{
background-image:url(../images/service_and_support.gif);
width:241px;
height:33px;
background-repeat:no-repeat;

}
.contact_us{
background-image:url(../images/contact_us.gif);
width:144px;
height:33px;
background-repeat:no-repeat;

}

.privacy_policy{
background-image:url(../images/privacy_policy.gif);
width:176px;
height:33px;
background-repeat:no-repeat;

}
.how_are_we_doing{
background-image:url(../images/how_are_we_doing.gif);
width:263px;
height:33px;
background-repeat:no-repeat;

}
.thank_you{
background-image:url(../images/thank_you.gif);
width:136px;
height:33px;
background-repeat:no-repeat;
}
.your_password_has_been_sent{
background-image:url(../images/your_password_has_been_sent.gif);
width:399px;
height:33px;
background-repeat:no-repeat;
}
.register{
background-image:url(../images/register.gif);
width:105px;
height:33px;
background-repeat:no-repeat;
}
/*///////////////////////////

login page

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

#login_wrap{
background-image:url(../images/banner_bg.gif);
background-repeat:repeat-x;
background-position:bottom;
border:solid 1px #CCCCCC;
width:578px;
float:left;
padding:20px;
margin-top:20px;

}
#login_wrap label{
float:left;
width:90px;
color:#666;
}

#login_wrap .form_line{
display:block;
margin-bottom:20px;

}
#login_wrap input{
width:170px;

}
#form_left{
float:left;
width:287px;
border-right: solid 1px #CCCCCC;

}

#form_right{
float:left;
width:267px;
padding-left:20px


}
.forgot_pass{
text-align:right;
margin:10px 26px 0px 0px;
font-size:12px;

}
button{
background-image:url(../images/button_bg.gif);
width:79px;
height:23px;
color:#FFFFFF;
border:none;
cursor:pointer;
font-size:11px;
background-color:transparent;
}

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

FORMS/SURVEYS/MORE

///////////////////////////*/
 #form_table td{
 padding-bottom:15px;
 
 }
 
#form_table .two_col_wrap .left, #form_table .two_col_wrap .right{
float:left;
width:294px;
display:inline;

}

#form_table .two_col_wrap .left{
margin-right:20px

}
#form_table .two_col_wrap input{
width:280px;
float:left;
display:inline;

}
 #form_table label{
font-size:12px;
color:#339933;
display:block;
margin-bottom:2px;
text-align:left;
font-weight:bold;
}
 #form_table input{
 float:left;

 margin-right:5px;
 
 }
 #form_table .radio_lbl{
 float:left;
 margin-right:20px;
 color:#333333;
 font-weight:normal;
 
 }
 
  #form_table .smaller_margin{
  margin-bottom: 6px;
  
  }
  
 #form_table textarea{
width:614px;
height:60px;
margin-bottom:20px;

} 
 #register_form label{
 font-size:12px;
 font-weight:bold;
 color:#339933;
 margin-bottom:5px;
 
 } 
#register_form td{
padding-bottom:20px;
padding-right:20px;
  
  }
  #register_form .lbl_top{
  display:block;
  
  }
    #register_form .two_col input{
	width:280px;
	}
	
	#register_form .one_col input{
	width:580px;
	
	}
 .radio{
 border:none;
 
 
 }
input[type="checkbox"], input[type="radio"]{
	background: transparent;
    border: none;
 }
#chkNewsletter {border:0;}
#chkPrintedBill {border:0;}
#chkOnlineBill {border:0;}
#chkTerms {border:0;}
#btnSubmit{cursor:pointer;}
/*///////////////////////////

CONTACT PAGE SPECIFIC

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

#contact_tbl{
border-top: solid 1px #CCCCCC;
display:inline;
clear:left;
float:left;

}

#contact_tbl td{
padding-top:10px;
padding-right:25px;
}
#contact_tbl .last_col{
padding-right:0px;
}

#contact_tbl label{
font-size:11px;
color:#339933;
display:block;
margin-bottom:2px;
text-align:left;
}
#contact_tbl input{
width:182px;
}
#contact_tbl select{
margin-top:2px;
}
#contact_tbl textarea{
width:614px;
height:60px;
margin-bottom:20px;

}
.required{
float:right;
color:#339933;
font-size:11px;


}
#contact_send{
float:left;
clear:both;

}
.clear{
clear:left;
margin-top:20px;
float:left;

}

.footnote{
font-size:10px;
font-style:italic;
line-height:1.2em;

}


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

FAQ SPECIFIC

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

#faq h3{
margin:20px 0px 10px 0px;

}
#faq .first_h3{
margin-top:0px;

}


.answer{
padding-left:16px;


}
.question{
clear:left;

}
.collapsed{
padding-left:16px;
background-image:url(../images/exp.gif);
background-repeat:no-repeat;
background-position:0px 3px;
}
.expanded{
padding-left:16px;
background-image:url(../images/col.gif);
background-repeat:no-repeat;
background-position:0px 3px;
}


.two_col_wrap{
float:left;
clear:both;

}

.two_col_wrap .l, .two_col_wrap .r{
float:left;
width:302px;

}


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

FOOTER

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

#footer{
float:left;
margin:80px 0px 0px 0px;
padding-bottom:40px;
width:100%

}

#footer p, #home_footer p{
font-size:10px;
color:#999999;
}


#home_footer{
float:left;
margin:50px 0px 0px 0px;
padding-bottom:40px;
width:100%

}

#home_footer .foreclosure_alternatives{
font-size:12px;
color:#333333;
margin-bottom:15px;

}