@charset "utf-8";
/* CSS Document */
html {  overflow: scroll;
}

#doc2 .yui-b {
font-size:12px;
}

#contact-us, #ft-text, #toplinks {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 11px;
float: left;
}

strong {font-weight:bold;}
img {border: 0px}	
p {padding-top: 15px;}
h1, h2 {
font-size: 18px;
font-weight: bold;
color: #ea2f04;
padding: 0px 0 10px 0;
}

h2 {
font-size: 14px;
color: #000;
line-height: 20px;
padding: 10px 0 5px 0;
}

#hd {
	width: 950px;
	height: 99px;
	padding: 0;
	margin: 0 auto 0 auto;

/* background: url(images/header.gif) no-repeat left top; */

}

#hd-logo {
float: left;
width: 275px;
height: 99px;
}

#hd-header {
float: left;
width: 675px;
height: 99px;
background: url(../media/hd-header.gif) no-repeat left top;
}

#toplinks {
padding: 5px 0 0 440px;
font-size: 9px;
}



#bd, #ft {
width: 950px;
background: url(../media/bd-bgrnd.gif) right top;
background-repeat: repeat-y;
	}

#ft {
	}


#ft-text {
position: bottom;
float: left;
width: 650px;
font-size: 9px;
padding: 20px 0 0 20px;
}
#ft-logos {
position: bottom;
float: right;
width: 250px;
padding: 20px 0 0 0px;
}

#ft-bottom {
height: 15px;
clear:both;
background: url(../media/footer-bar.gif) no-repeat left top;
}
.yui-t3 .yui-b {
	float:left;
    width:251px;

	}
.yui-t3 #yui-main .yui-b {

	margin-left:251px;
}

#login {
	height: 63px;
	background: url(../media/login-bgrnd.gif) no-repeat left top;		
	text-align: center;
	padding-top: 20px;
	}	

#top-content-bar {
	height: 10px;
	background: url(../media/content-top-bgrnd.gif) no-repeat right top;
	}

#breadcrumbs {
height: 15px;
font-size: 11px;
padding: 10px 0 0 30px;
}

#breadcrumbs .nonactive, #breadcrumbs .active {
float: left;
padding: 0 20px 0 10px;
}

#breadcrumbs .nonactive {
background: url(../media/breadcrumbs-arrow.gif) no-repeat right center;
}

	
#menu {
	background-color: #FFF;		
	}		
	
#contact-us {
	height: 222px;
	background-image: url(../media/contactus-bgrnd.gif);		
	}			

#contact-us #phone {padding: 70px 0 0 70px;}
#contact-us #email {padding: 30px 0 0 70px;}
#contact-us #map {padding: 40px 0 0 70px;}

#left-plug {padding: 10px 0 0 1px;}

#content {padding: 10px 10px 10px 10px;}

/*- Menu Tabs --------------------------- */

    #toptabs {
      float:left;
      position:relative;
	  top: 47px; /*positioning of top tabs;*/
	  
	  
	  width:650px;
	  /*background:#F4F4F4;
      font-size:93%;*/
      line-height:normal;
	  

	  
	  /*border-bottom:1px solid #24618E;*/

      }
    #toptabs ul {
	  margin:0;
	  padding:10px 10px 0 50px;
	  list-style:none;
      }
    #toptabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #toptabs a {
      float:left;
      background:url("../media/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #toptabs a span {
      float:left;
      display:block;
      background:url("../media/tabright.gif") no-repeat right top;
      padding:7px 25px 7px 16px;
      color:#24618E;
	  
	  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
	  font-size: 10px;
	  font-weight: bold;
	  color: #FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #toptabs a span {float:none;}
    /* End IE5-Mac hack */
    #toptabs a:hover span {
      color:#000;
      }
    #toptabs a:hover {
      background-position:0% -42px;
      }
    #toptabs a:hover span {
      background-position:100% -42px;
      }
	  
    #toptabs a.selected span {
      color:#000;
      }
    #toptabs a.selected {
      background-position:0% -42px;
      }
    #toptabs a.selected span {
      background-position:100% -42px;
      }	  

/*- End of Menu Tabs --------------------------- */

.copyright-text, .copyright-text a {color: #656575}


a:link {color: #1669af; text-decoration: underline; }
a:visited {color: #1669af; text-decoration: underline; }
a:hover {color: #1669af; text-decoration: none;}
a:active {color: #1669af; text-decoration: none;}

#breadcrumbs .active {color: #f34602;}
#toplinks a, #toplinks a, #contact-us a, #ft-text a {color: #000; text-decoration: none;}
#toplinks a:hover, #toplinks a:hover, #contact-us a:hover, #ft-text a:hover {text-decoration: underline;}




ul.arrow {
list-style-type: none;
padding-left: 0;
margin-left: 0;
}

ul.arrow li {
background: url(../media/blt-orange.gif) left top no-repeat;
background-position: 0 4px;
padding-left: 15px;
margin-bottom: 5px;
}

#yui-main li a:link {text-decoration: none;}
#yui-main li a:visited { text-decoration: none;}
#yui-main li a:hover {text-decoration: underline;}
#yui-main li a:active {text-decoration: none;}
#ft, #ft-text {padding-bottom: 50px;}



/*Temporary Style-Breakup With Your Bank*/
#breakup {
	width: 665px;
	height: 1125px;
	background-image: url('../media/breakup/bg_breakup.jpg');
	margin: 0 auto;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #fff;
}

#breakups {
	width: 665px;
	height: 925px;
	background-image: url('../media/breakup/bg_breakup2.jpg');
	margin: 0 auto;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #fff;
}

.copy {
	width: 620px;
	margin: 200px 20px 0px 20px;
	float: left;
}

.copy p.{
	position:relative;
	float: left;
}

.break {
	width: 231px;
	position: relative;
	background-color: #42b0e4;
	padding: 10px;
	margin: 20px 240px 20px 65px;	
}

/*TABS*/
ul.tabs {
	margin: 15px 0 5px 0px;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	width: 100%;
	background-color: #42b0e4;
}
ul.tabs li {
	float: left;
	margin-left: -10px;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #014394;
	display: block;
	font-size: 18px;
	padding: 0 20px;
	outline: none;
}
ul.tabs li a:hover {
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/

}
/*TABS*/

.ylwhrt{
	margin-left: 15px;
	padding: 2px 0px 3px 2px;
	list-style-image: url('../media/breakup/i_bullet.jpg');
}

.ylwhrt a:link{
	color: #014394;
	text-decoration: none;
}

.bline{
	background-color:#42b0e4;
	width: 620px;
	height: 3px;
	margin-bottom: 13px;
}

h5 {
	color: #fcc030;
	font-size: 20px;
	margin: 0px;
}

h6 {
	color: #014394;
	font-size: 20px;
	margin: 0px;
}

.tab_container {
	font-size: 17px;
	width: 630px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background-color: #42b0e4;
}

.tab_container p{
	margin-top: 0px;
	margin-bottom: 15px;
	padding: 0px;
	color: #ffffff;
}

.tab_container a{
	color: #014394;
}

.tab_content{
	padding: 10px;
}

.second {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}

.second p{
	margin-top: 0px;
	margin-bottom: 15px;
	padding: 0px;
}

.second a{
	color: #fcc030;
}

.callout {
	position: relative;
	float: left;
	font-size: 17px;
	margin-top: 15px;
}

.callout a{
	color: #fcc030;
}

.callout p{
	margin: 0 0 15px 0;
	padding: 0;
}

/*END BREAKUP WITH YOUR BANK STYLES*/

/*Credit Card Promotion Styles */

#cc{
	background: #0c4598 url('../media/cc/bg_cc.jpg') no-repeat right top;
	width: 665px;	
	min-height: 804px;
	_height: 804px;
	margin: 0 auto;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #fff;
}

#cc .cccopy{
	color: #ffd739;
	width: 620px;
	margin: 185px 10px 10px 10px;
	float: left;
}

#cc a{
	color: #fff;
}

#cc p{
	margin: 0;
	padding: 0;
}

.ornament {
	width: 229px;
	height: 251px;
	margin: -50px 0px 10px 10px;
}

.rates{
	width: 392px;
	margin: -200px 0 0 230px;
}

.rates img{
	margin-top: 15px;
}

.ccopts{
	width: 350px;
	margin-top: 35px;
	padding: 10px;
}

.ccblts{
	list-style-image: url('../media/cc/i_bullet.jpg');
	margin-left: 40px;
	font-size: 17px;
	margin-top: 7px;
}

.ccpic{
	width:278px;
	height: 197px;
	margin: -275px 0 0 350px;
	position: absolute;
}


#ccbtn{
  display: block;
  width: 191px;
  height: 49px;
  background: url("../media/cc/b_apply.png") no-repeat 0 0;
  margin: 20px 0 10px 0;
}

#ccbtn:hover
{ 
  background-position: 0 -49px;
}

#ccbtn span
{
  position: absolute;
  top: -999em;
}

.disclaimer {
	font-size: 8px;
	color: #ccc;
	margin: 75px 0 0 0; 
}
/*END CREDIT CARD PROMOTION STYLES*/

/*Volunteer Styles*/
#volunteers {
	padding: 5px;
	width: 660px;
	color: #00669c;
}

#volunteers p{
	padding: 0;
	margin: 0 0 10px 0;
}

#volunteers h1{

	color: #00669c;
	font-size: 28px;
	margin: 0;
}

#volunteers h2{
	float: left;
	display: inline;
	color: #00669c;
	font-size: 20px;
	margin: 0;
}

.volhdr {
	width: 100%;
	min-height: 40px;
}

.volhdr img{
	width: 315px;
	height: 7px;
	margin-top: 15px;
}

#volunteers .bluebox {
	display: block;
	background: url("../media/volunteers/bg_blue.jpg") no-repeat 0 0 ;
	width: 636px;
	height: 96px;
	padding: 10px;
	margin: 0px;
	color: #fff;
	font-size: 14px;
}

.boardimg {
	float: right;
	width: 318px;
	height: 205px;
	padding: 10px;
	margin: 0px;
}

.volelig{
	list-style-image:url("../media/volunteers/i_bluarrw.jpg");
	margin-left: 20px;
}

#btn_apply{
  display: block;
  width: 179px;
  height: 58px;
  background: url("../media/volunteers/btn_apply.jpg") no-repeat 0 0;
  margin: 20px 15px 10px 0;
  float: left;
}

#btn_apply:hover
{ 
  background-position: 0 -58px;
}

#btn_apply span
{
  position: absolute;
  top: -999em;
}

#btn_download{
  display: block;
  width: 202px;
  height: 58px;
  background: url("../media/volunteers/btn_dwnld.jpg") no-repeat 0 0;
  margin: 20px 0 10px 0;
  float: left;
}

#btn_download:hover
{ 
  background-position: 0 -58px;
}

#btn_download span
{
  position: absolute;
  top: -999em;
}

#volunteerform{
	width: 600px;
	margin: 0 auto;
	padding: 0 10px;
	font-size: 15px;
	border: #f1ca7e 2px solid;
}

#volunteerform p{
	margin: 20px 0px;
}

.simply{
	border: 1px solid #00669c;
	font-size: 14px;
	color: #00669c;
	padding: 2px;
}

.volsub{
cursor:pointer;
width:120px;
height: 36px;
border: none;
color:#fff;
font-weight:bold;
font-size: 20px;
background:url("../media/volunteers/bg_submit.jpg") no-repeat;
}

.volsub:hover{
	color: #00669c;
}
/*END VOLUNTEER FORM STYLES*/



/* Web Survey Styles */
.websurv{
	width: 420px;
	float:left;
	margin-left: 115px;
	position:relative;
}

h8 {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	display: block;
	margin-bottom: 5px;
}

#survbtn{
  display: block;
  width: 406px;
  height: 86px;
  background: url("../media/btn_websurvey.png") no-repeat 0 0;
  margin: 20px 0 10px 0;
}

#survbtn:hover
{ 
  background-position: 0 -86px;
}

#survbtn span
{
  position: absolute;
  top: -999em;
}

.websurvfrm {
	padding: 5px 5px 5px 20px;
}
/*END WEB SURVEY STYLES*/

/*EL ECO STYLES*/
#eleco {
	width: 669px;
	height: 1000px;
	background: #fff url('../eleco/images/bg_openyhonest.jpg') no-repeat right top;
	margin: 0;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #fff;
}

.first {
	padding: 0;
	margin: 225px 5px 5px 315px;
}

.trans {
	padding-top: 0px;
	font-style:italic;
	font-size: 12px;
}

.elrow {
	width: 620px;
	margin: 10px;
	display: block;
}

.elbox{
	float: left;
	width: 320px;
	background-color: #fff;
	padding: 8px;
	font-size: 16px;
	color: #686868;
}

.elbox p{
	margin: 0px;
	padding: 0px;
}

.elarrow {
	background: url("../eleco/images/i_arrow.png") no-repeat 0 0;
	width: 42px;
	height: 77px;
	margin: 0 10px;
	float: left;
}

.ellink{
	float: left;
	width: 200px;
	margin: 0 10px;
	padding: 0;
	text-align: right;
}

.ellink a{
	font-size: 15px;
	color: #084ca1;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.trans a{
	font-size: 12px;
	color: #084ca1;
	margin: 0;
	padding: 0;
	font-style: italic;
	font-weight: normal;
}

.elstaff {
	width: 313px;
	height: 288px;
	float: left;
	margin: 0px;
}

.elaction{
	float: left;
	width: 320px;
	margin: 0px 5px 10px 0;
	color: #084ca1;
	font-size: 16px;
	text-align: center;
}

#elbtn{
  display: block;
  width: 258px;
  height: 64px;
  background: url("../eleco/images/b_apply.jpg") no-repeat 0 0;
  margin: 20px 10px 10px 30px;
  float: left;
}

#elbtn:hover
{ 
  background-position: 0 -64px;
}

#elbtn span
{
  position: absolute;
  top: -999em;
}
/*END EL ECO STYLES*/

/*BEGIN BILL PAY STYLES*/
#billpay {
	width: 675px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #1d78a8;
}

#billpay p{
	margin: 0;
	padding: 0;
}

ul.grnlst {
list-style-type: none;
padding: 0;
margin: 10px 0 0px 15px;
}

ul.grnlst li {
background: url(../billpay/images/i_bullet.jpg) left top no-repeat;
background-position: 0 4px;
padding-left: 15px;
margin-bottom: 5px;
}

ul.grnlst a{
	text-decoration:none;
	font-weight: bold;
}

.billbox {
	background-color: #ebf9fe;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding: 10px;
	float: left;
	margin: 5px;
}

.changebox{
	width: 550px;
}

.title{
	margin-left: -5px;
}

.prepbox {
	width: 295px;
	position: relative;
}

.featbox{
	width:365px;
}

.navbox {
	width: 250px;
	position: relative;
}

.billcontent{
	margin: 10px 10px 10px 10px;
}

.billcall{
	color: #00aeef;
	font-size: 18px;
	font-weight: 600;
}
/*END BILL PAY STYLES */

/*BEGIN EQUITY STYLES*/
#equity {
	width: 675px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #283b83;
}

#equity p{
	margin: 5px 0;
	padding: 0;
}

.eqcontent{
	width: 400px;
	float: left;
}

ul.leaflst {
list-style-type: none;
padding: 0;
margin: 10px 0 0px 15px;
font-size: 16px;
font-weight: bold;
}

ul.leaflst li {
background: url(../equity/images/i_bullet.jpg) left top no-repeat;
background-position: -3px 0;
padding-left: 20px;
margin-bottom: 10px;
}

ul.leaflst a{
	text-decoration:none;
	font-weight: bold;
}

.calcbox {
	background-color: #fdb827;
	width: 210px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding: 10px;
	float: right;
	margin: 5px;
	color: #fff;
	text-align: center;
	font-size: 18px;
	line-height:100%;
}

.calcbox a{
	color: #fff;
}

.equitybox {
	background-color: #283b83;
	width: 305px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding: 10px;
	float: left;
	margin: 5px;
	color: #fff;
	text-align:center;
}

.equitybox .title{
	font-size: 18px;
	font-weight: bold;
	text-transform:capitalize;
	border-bottom: 1px #fff solid;
	margin-bottom: 10px;
}

#btn_equity{
  display: block;
  width: 239px;
  height: 60px;
  background: url("../equity/images/b_apply.jpg") no-repeat 0 0;
  margin: 20px 15px 10px 30px;
  float: left;
}

#btn_equity:hover
{ 
  background-position: 0 -60px;
}

#btn_equity span
{
  position: absolute;
  top: -999em;
}

/*END EQUITY STYLES */