/* basic styles */
body {margin: 0px; font-family: arial, sans-serif; font-size: 12px; text-align: center; background: url(../images/background.jpg) repeat-x #1c3f95;}
.page {width: 989px; margin: 0px auto; text-align: left; background-color: white; }

p, td, li, blockquote {font-size: 12px;color: #363636; }
a {color: black;}
a:hover {color: red;}

h1 {color: #ab0b02; font-size: 16px;}
h2, .content_rates_category1, .content_article_header {color: #ab0b02; font-size: 14px; font-weight:bold;}
h3, .content_rates_table_title {color: #ab0b02; font-size: 12px; font-weight:bold; text-transform: uppercase;}
h4 {color: #1c3f95; font-size: 12px; font-weight: bold; }
h5 {color: black; font-size: 12px; font-weight: bold; }
h6 {color: black; font-size: 12px; font-style: italic; font-weight: bold;}

.floatR {position: relative; float: right;}
.floatL {position: relative; float: left;}
.breaker {clear: both;}
.border {border: solid 1px red;}
.bttmpad {margin-bottom: 2px}
.rightpad {margin-right: 2px;}

/* rates page */
.content_rates_table {margin-bottom: 20px; width: 100%;}
.content_rates_table_fields {background-color: #1c3f95; color: white; font-weight: bold; }
.content_rates_table_row2 {background-color: #dfe5ef;}
.content_rates_table_row_highlight {color: #0a6104;}

/* for polls */
.region table td table td {padding: 2px;}
.region table td table{margin-bottom: 10px;}

/* featured rates */
.regions_rates_table {width: 100%;}
.regions_rates_table_row1, .regions_rates_table_row2 {background-color: silver; border-bottom: 3px solid white; font-size: 10px; }
.regions_rates_table_effectivedate {font-size: 9px;}
.regions_rates_table_title {display: none;}
.regions_rates_table_fields { font-size: 10px; color: #1c3f95;}
.aprnote {font-size: 10px; width: 180px;}


.banner {width: 989px; background: url(../images/top.jpg) no-repeat; height: 116px;}
a.homelink { width: 400px; height: 100px;}

.content-area {width: 989px;}

/* for dropdown menus*/
.menu {width: 740px; height: 40px; background-color: #afa98f; z-index: 100;}
.rollover span.alt {display: none;}
.rollover img {border: none;}
:root .rollover img {display: block;}
.rollover, .rollover:visited {background-color:transparent !important; /* needed for Opera5/6 */ background-repeat:no-repeat; background-position:0 0;}
/* change background position to height of button */
.rollover:hover, .rollover:focus, .rollover:active, .rollover.MMO, .rollover.MMO:visited {background-position:0 ;}


/* top links / utilities */
.toplinks {text-align: right; margin-top: 20px;font-weight: bold;color: #afa98f;}
a.toplink {font-weight: bold; text-decoration: none; color: #afa98f;}
a.toplink:hover {text-decoration: underline; color: #1c3f95;}
.pipe {font-weight: bold; margin: 0px 10px 0px 10px; color: #afa98f;}

.search {color: #afa98f; font-weight: bold; display: inline;}
.searchbox {font-size: 10px; border-left: solid 1px#cccccc; border-top: solid 1px#cccccc; border-bottom: solid 1px#cccccc; height: 13px; margin-left: 10px;}
.searchbutton {position: relative; top: -2px; left: -2px;}

.hb {background: url(../images/Home-banking.jpg) no-repeat; width: 249px; height: 225px; }
.hb1, .hb2, .hb3, .hb4 {position: relative;}
.hb1 {top: 130px; left: 30px;}
.hb2 {top: 140px; left: 30px; background-image: url("../images/pass.gif");	background-repeat: no-repeat; background-color: white;}
.hb3{top: 120px; left: 160px; position: relative; }
.hb4 {top: 130px; left: 30px;}

a.whtlink, a.whtlink:visited {color: white; }
a.whtlink:hover { color: #a7b4d6;}

.interior {background-color:  #1c3f95; height: 185px; width: 989px;}



/* regions */
.regions {z-index: 99; width: 247px}

.regionbox {background-color: #a7b4d6; padding: 10px 20px; width: 207px}
.regionbox h1 {margin: 5px 0px; color: #1c3f95}
/* .regionbox use min-height here and height in IEstyle */
.regionbox ul {margin: 0px; padding: 10px 0px 0px 15px;}
.regionbox ul li {padding-bottom: 5px;}

.content {width: 700px; padding: 20px;}

/* footer */
.shoe {width: 989px; background-color: #1c3f95; color: white; height: 250px;}
.bottomlinks {margin: 10px 0px;}
.bttmpipe {font-weight: bold; margin: 0px 10px 0px 10px; color: white;}

a.bottomlink {font-weight: bold; text-decoration: none; color: white;}
a.bottomlink:hover {text-decoration: underline; color: #a7b4d6;}
.footlogos { width: 925px;}
.footnote {font-size: 10px; width: 510px; text-align: left; line-height: .9; margin-top: 10px;}
.blunote {color: white; font-weight: bold;}


/*
change '#1c3f95' to main site color
Red - #ab0b02

#1c3f95 - #1c3f95

Light #1c3f95 - #a7b4d6

Tan - #afa98f


*/
.rotate {background-color: #1c3f95; height: 223px; width: 534; display: block;}

.whats_new {display: none; width: 532; height: 223px; position: absolute; background-color: #1c3f95;}

.adnav {position: absolute; top: 203px; left: 609px;background-color: #1c3f95; width: 131px;}


a.numblink, a.numblink:visited {color: white; text-decoration: none; position: relative; float: left; font-size: 12px; font-weight: bold; background-color: #1c3f95; display: block; width: 20px; text-align: center;  padding: 2px 3px 3px 3px;}
a.numblink:hover {color: #1c3f95; text-decoration:  none; font-weight: bold; background-color: white;  padding: 2px 3px 3px 3px;}
a.onlink, a.onlink:hover {color: #ab0b02; text-decoration: none; font-weight: bold; position: relative; float: left; font-size: 12px; display: block; width: 20px; background-color: #a7b4d6; text-align: center;    padding: 2px 3px 3px 3px;}
a.onlink:hover {color: #a7b4d6; text-decoration:  none; font-weight: bold; background-color: white;   padding: 2px 3px 3px 3px;}
.whtpipe {font-weight: bold;  color: white; padding: 2px 3px 3px 3px;}

/* styles for Turbo Tax Page */
#container {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	background-image: url(../images/pagebg.jpg);
	background-position: 2px 0;
	background-repeat: no-repeat;
	width:600px;
	height:550px;
	padding-top:18px;
}
#container #header {
	height: 120px;
	width: 600px;
}
#container #center #left {
	float: left;
	height: 285px;
	width: 260px;
}
#container #center #right {
	float: left;
	height: 230px;
	width: 310px;
	margin-right:30px;
}

#container #center #right p{
	margin: 10px 10px 0 0 ;
}

#container #center #right ul{
	padding-left:15px;
}
#container #center #bottomright {
	width:310px;
	height:47px;
	margin-right:30px;
	float:left;
	padding-top:8px;
}

#container #center #bottomright a{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 13px;
	line-height: 22px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	margin: 0px 0 0 80px;
	
}
#container #center #bottomright a:hover{
	color:#ccc;
}
#container #center #bottomtext p {
	font-size: 9px;
	margin:0;
}
#container #center #bottomtext {
	clear: both;
	float: left;
	height: 1px;
	width: 530px;
	padding-bottom: 10px;
	padding-right: 30px;
	padding-left: 40px;
	padding-top: 0px;
	margin: 0px;
}
#container #footer {
	height: 85px;
	width: 570px;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 10px;
	clear: both;
	float: left;
}
#container #footer #footerlink {
	font-family:Verdana, Geneva, sans-serif;
	padding-top:5px;
	color: #FFF;
	font-size: 11px;
	float:left;
	text-align:right;
	width:560px;
	padding-right:40px;
	height:20px;
}
#container #footer #footerlink a{
	color: #FFF;
	font-size: 11px;
}

#container #footer #footerlink a:hover{
	color: #ccc;
	font-size: 11px;
}
#container #footer #footnote {
	width:520px;
	height:65px;
	font-size: 9px;
	float:left;
	padding: 0 40px;
}
#left a {
	display:block;
	margin:30px 0 0 30px;
	height:200px;
	width:220px;
	text-indent:-9999px;
}