/* Layout specific styles */

/* main page container */
#page_container { 
	margin-left:auto;
	margin-right:auto;
	width:1004px;
	padding:0;
}


/* header styles */
#header {
width: 100%;
overflow: hidden;
padding: 0;
margin-bottom: 10px;
font-size: .7em;
}

/* place for logo */
#header h1, #header h2 {
width: 30%;
display: inline;
background:none;
float: left;
margin: 0em;
padding: 15px 0 0  20px;
margin: 0;
}

/* link for logo  - usually links to index page */
.header_h h1 a, .header_i h2 a {
/*display: block;*/
height: 77px;
padding:0;
margin-top: 10px;
}

.header_i h2 a {
/*display: block;*/
height: 67px;
padding:0;
margin-top: 10px;
}

.header_i h1 a {
display: block;
height: 77px;
padding:0;
}

.rightheader{
float:right;
width:auto;
text-align:right;
}


/* search field */
.search {
padding: 0 0 0 0 ;
color:#898989;
font-size:10px;
}

.header_h .search{
margin: 36px 35px 0 0;
}

.header_i .search{
margin: 23px 35px 7px 0;
}

.search input.inputbox{
border: 1px solid #0068b3;
margin:0 5px 0 0;
padding:2px 0 2px 5px;
font-size:11px;
}

.search input.button {
border: 0px;
background: #fff url(../images/go_btn.gif) no-repeat 0 3px;
color: #fff;
font-weight:bold; 
width:25px;
font-size:10px;
height:23px;
margin-top:-3px;
padding:0;
position:absolute;
}


/* utility bar */
ul.utilbar{
list-style-type:none;
color: #999;
display:inline;
padding-top: 0;
margin:0 1em 0 0;
font-size:9px;
}

ul.utilbar li{
display:inline;
background:none;
padding: 0em 0em;
}

ul.utilbar li a{
color: #999;
text-decoration: none;
padding:0em 2px;
margin:0;
}

ul.utilbar li a:hover{
text-decoration: underline;
}

/* styles for top navigation */
#nav {
padding:0;
margin:0;
background:#fff url(../images/nav_bg.gif) 0 0 no-repeat;
list-style-type: none;
width:1004px;
height:35px;
/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/
font-family: Arial, Helvetica, sans-serif;
}

.menu{
padding:0;
margin:0;
}

#nav ul{
list-style-type: none;
padding:0px 10px 0px 20px;
margin:0px;
}

#nav ul li{
display:inline;
padding:0px;
margin:0px;
background:none;
}

#nav ul li a{
color: #fff;
text-decoration: none;
font-size:13px;
font-weight:bold;
padding:9px 39px 9px 39px;
margin:0;
display:block;
}

#nav ul li a:hover {
text-decoration: none;
 background:#f78f1e; 
/* background:#f3b643; */
}

#nav ul li ul li a:hover {
text-decoration: none;
background:#f78f1e;
}

#nav ul li ul{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
}

#nav ul li ul li{
text-align:left;
}

#nav ul li ul li a{
display:block;
font-weight:normal;
font-size:11px;
padding:2px 5px;
border-bottom:1px solid #0973a7;
width:150px;
margin:0;
background:#015c88;
}

#nav ul li ul li a:hover{
color: #fff;
}


/* content container for homepage */
#homecontent, #intcontent{
clear:both;
width: 1004px;
margin:0;
padding:0;
}

#homecontent{
background: #fff url(../images/homecontainer_bg.gif) left top repeat-y;
}

.bottomcurve_home{
padding-bottom:148px;
width: 1004px;
background:url(../images/bottomcurve_home.gif) 0 100% no-repeat;
}


/* content container for internal page */
#intcontent{
background: url(../images/intcontainer_bg.gif) left top repeat-y;
}

.bottomcurve_int{
padding-bottom:160px;
width: 1004px;
background:url(../images/bottomcurve_int.gif) 0 100% no-repeat;
}

.login_box{
width:194px;
padding:0;
float:left;
font-size:9px;
}

.login_box p{
padding-left:5px;
}

.header_withgradient{
color:#fff;
/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
font-family: Arial, Helvetica, sans-serif;
/*font-size:14px;*/
font-size:13px;
padding:6px 5px 4px 8px;
margin:0;
background:url(header_gradient.gif) 0 0 repeat-y;
}

.login_box input, input.inputbox, textarea.inputbox {
border:1px solid #999;
width:180px;
}

.login_box img.button{
border:0;
margin-right:10px;
}

.login_box li{
line-height:12px;
}

.intro{
width:719px;
background:url(../images/intro_top.gif) 0 0 no-repeat;
padding: 0px 0 0 0;
margin:15px 0 0 0;
float:left;
}

.flash{
float:left;
}

.welcome{
background:url(../images/homecopy_bg.gif) 0 0 no-repeat;
margin:0px 0 0 0;
padding:10px 10px 0px 30px;
/*font-size:9px;*/
font-size:11px;
float:left;
width:339px;
line-height:16px;
height:181px;
}

.welcome h1{
margin:0;
padding:0;
}

.arrow_list li{
background:url(orangearrow.gif) 0 5px no-repeat;
padding-left:15px;
margin: 0px 0 10px 0;
}

.calltoaction_h{
/*padding:0;
margin:15px 10px 0 0px;*/
padding:3px 5px 0 0px;
margin:8px 0 0 0;
/*font-size:10px;*/
font-size:11px;
float:left;
width:305px;
min-height:172px;
}

.calltoaction_h b{
font-size:9px;
position:relative;
}

#firstbox{
margin-left:14px !important;
margin-left:7px;
}

.calltoaction_h li{
background:none;
}

.calltoaction_h p{
margin:15px 15px 0 5px;
}

.calltoaction_h p.divider{
margin-top:0;
}

.calltoaction_h table{
width:290px;
}

.box_gradient{
background:url(../images/box_gradient.gif) 0 0 no-repeat;
padding-left:15px;
}

.quickaccess_header {
background:url(../images/quickaccess_h.gif) 0 0 no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
padding-top:5px;
padding-bottom:5px;
}

.quickaccess_header a:link, .quickaccess_header a:visited {
color:#fff;
}

.alert_header{
background:url(../images/alert_h.gif) 0 0 no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
padding-top:5px;
padding-bottom:5px;
}

.signup_header{
background:url(../images/signup_h.gif) 0 0 no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
padding-top:5px;
padding-bottom:5px;
}

.signup{
margin:5px;
}

.signup .continue_btn{
position:relative;
top:5px;
}



/* ----------------------------- styles for internal page ----------------------------- */


#leftcol{
width:202px;
padding:12px 0 0 8px;
float:left;
}

#leftcol table{
margin:1px 0 0 0;
padding:0;
border-collapse:collapse;
}

#leftcol table td{
padding:0;
margin:0;
line-height:15px;
}


#middlecol{
background: url(../images/rightcol_bg.gif) 100% 100%  no-repeat;
width:765px;
float:left;
margin:0px 0 0 2px;
padding:0 0 0 26px;
min-height:560px;
}


#leftcol .login_box{
float:none;
padding:15px 0px 0px 0px;
}

#leftcol .login_box li{
background:none;
}

.copy{
float:left;
width:560px;
padding:0;
margin:20px 0 0 0;
}

.copy h1{
font-size:18px;
/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
color:#f98d0f;
}

input.button{
background-color:#015c88;
color: #fff;
font-weight:bold;
font-size:11px;
padding:3px 5px;
border:0;
}

select {
border:1px solid #9d95a0;
}

#rightcol_i{
float:left;
width:181px;
border-top:22px solid #fff;
margin:0 0 0 24px;
padding:0;
font-size:10px;
}

.quickaccess_orange{
color:#fff;
/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
font-family: Arial, Helvetica, sans-serif;
/*font-size:16px;*/
font-size:14px;
padding:4px 5px 4px 40px;
margin:0;
background:url(../images/quickaccess_hi.gif) 0 0 no-repeat;
}

.loan_rates_orange {
color:#fff;
/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
line-height:12px;
padding:7px 5px 5px 40px;
margin:0;
height:28px;
background:url(../images/rates_hi.gif) 0 0 no-repeat;
}

.savings_rates_orange {
color:#fff;
/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
line-height:12px;
padding:2px 5px 5px 40px;
margin:0;
height:28px;
background:url(../images/rates_hi.gif) 0 0 no-repeat;
}

#rightcol_i li{
background:none;
padding-left:15px;
padding-right:5px;
}

#rightcol_ixxx h3{
background:#f3b642 url(orangeheader_h3.gif) 0 0 repeat-y;

padding:2px 0 1px 15px;
color:#fff;
font-size:11px;
}

#rightcol_i table{
margin-left:10px;
font-size:9px;
}

#rightcol_i table.rate_table {
margin-left:10px;
}

/* used to add a right side border to objects usually placed on the left */
.rightborder{
border-right:1px dotted #999;
}



/* footer navigation */
.footer{
list-style-type:none;
padding:0 0;
width:980px;
margin:-50px 0 0 20px;
}

.footer img{
float:left;
}

.footer ul{
text-align:center;
float:right;
margin-top:33px;
}

.footer_nav ul{
float:left;
margin-left:50px;
}

.footer li{
display:inline;
background:none;
font-size:9px;
padding:0;
}

.footer li a{
text-decoration: none;
color: #fff;
padding: 0 20px;
margin:0;
}

.footer li a:hover{
text-decoration:underline;
}


/* styles for copyright and other info located at the bottom of the page */
.copyright {
clear:both;
margin-left:auto;
margin-right: auto;
width:1004px;
text-align: center;
font-size:10px;
color: #626262;
padding-bottom:.5em;
margin-top:5px;
list-style-type:none;
}

.copyright ul{
margin:0 0 0px 0;
padding:0;
}

.copyright li{
display:inline;
background:none;
color:#2e2e2e;
font-size:10px;
padding:0px;
margin:0;
}

.copyright li a{
text-decoration: none;
color:#2e2e2e;
padding:0 4px;
}

.copyright p{
line-height:25px;
}

.copyright p a:link{
color: #707070;
}

.copyright li a:hover{
text-decoration: underline;
}

.welcome p.pagetools{
padding:0;
margin:0;
text-align:right;
font-size:9px;
color:#969A9D;
}

.copy p.pagetools {
padding:0;
margin:0;
text-align:right;
font-size:9px;
color:#969A9D;
}

p.pagetools a{
color:#969A9D;
text-decoration: none;
}

p.pagetools a:hover{
text-decoration: underline;
color:#069;
}