body {margin: 0px; font-family: arial, sans-serif; font-size: 12px; text-align: center; background: url(../images/background-slice.jpg) repeat-x #3d8abe; color: #000000;}
.page {width: 960px; margin: 0px auto; text-align: left; }
.interior { background-color: white;width: 960px; padding-bottom: 10px; }

p, td, li, blockquote {font-size: 12px;color: #363636; }
a {color: #d71921; text-decoration: none;}
a:hover {color: #4d96bf; text-decoration: none;}


h1 {color: #4d96bf; font-size: 16px;}
h2, .content_rates_category1 {color: #4d96bf; font-size: 14px; font-weight:bold;}
h3, .content_rates_table_title {color: #4d96bf; font-size: 12px; font-weight:bold; text-transform: uppercase;}
h4 {color: black; font-size: 12px; font-weight: bold; }
h5 {color: black; font-size: 12px; font-weight: bold; }
h6 {color: black; font-size: 10px;  font-weight: normal;}

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

.content_rates_table {margin-bottom: 20px; width: 100%;}
.content_rates_table_fields {background-color: #4d96bf; color: white; font-weight: bold;  padding: 5px 10px;}
.content_rates_table_row2 {background-color: #dfe5ef;}
.content_rates_table_row_highlight {color: #0a6104;}
.content_rates_table_row2, .content_rates_table_row1 { padding: 5px 10px;}

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

.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: #4d96bf;}

.aprnote {font-size: 10px; width: 180px;}

.banner {width: 960px;  height: 97px;}
.toplinks {text-align: right; height: 35px; padding-right: 30px; padding-top: 25px;}
a.toplink {font-weight: bold; text-decoration: none; color: white; padding-top: 25px;}
a.toplink:hover {text-decoration: none; color: #d4e0e7}
.pipe {font-weight: bold; margin: 0px 5px 0px 5px; color: white;}

.menu {width: 495px; height: 97px; background-color: white; z-index: 100;}
a.acct, a.acct:visited {width: 123px; height: 97px; display: inline-block; background: url(../images/menu_buttons/Account-Access.jpg) 0px 0px no-repeat; text-indent: -9999px;}
a.acct:hover {background-position: 0px -97px;}
a.fined, a.fined:visited {width: 123px; height: 97px; display: inline-block; background: url(../images/menu_buttons/Financial-Ed.jpg) 0px 0px no-repeat; text-indent: -9999px;}
a.fined:hover {background-position: 0px -97px;}
a.memb, a.memb:visited {width: 123px; height: 97px; display: inline-block; background: url(../images/menu_buttons/Member-Benefits.jpg) 0px 0px no-repeat; text-indent: -9999px;}
a.memb:hover {background-position: 0px -97px;}
a.pacct, a.pacct:visited {width: 123px; height: 97px; display: inline-block; background: url(../images/menu_buttons/Personal-Accounts.jpg) 0px 0px no-repeat; text-indent: -9999px;}
a.pacct:hover {background-position: 0px -97px;}


/* for dropdown menus*/
.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 -29px;}

.searcharea {background: url(../images/Search-area.jpg) no-repeat; width: 231px; height: 97px;}
.searchbox {top: 25px; left: 25px; position: relative; border: 0px; color: black;}
.searchbutton {top: 32px; left: 22px; position: relative;}

.left {width: 234px; min-height: 260px;}

.hb {background: url(../images/Online-Express.png) no-repeat; height: 249px;width: 234px;}
.hb_int {background: url(../images/Online-Express-inside.jpg) no-repeat; height: 150px;width: 234px; margin-bottom: 20px;}
.hbname, .hbpass {position: relative; border: 0; color: black}
.hblinks {top: 63px; left: 19px;}
.hbname{top: 46px; left: 19px;}
.hbpass {top: 56px; left: 19px;}
.hbbttn {top: 62px; left: 24px;}
.hbarrow {top: -2px; left: 2px; position: relative}
.hblock {top: 13px; left: -30px;}
a.hblink, a.hblink:visited {color: white; font-size: 11px; text-decoration: none;}
a.hblink:hover {color: #d4e0e7;  text-decoration: none;}
.smallwhite {font-size: 10px; color: white; position: relative; top: 45px; left: 20px;}
.smallwhite2 {font-size: 10px; color: white; position: relative; top: 56px; left: 20px;}

.hb .smallwhite {font-size: 11px; top: 65px; left: 20px;}
.hb .hbname{top: 70px; left: 19px;}
.hb .smallwhite2 {top: 85px; left: 20px;font-size: 11px;}
.hb .hbpass {top: 90px; left: 19px;}

.hb .hbbttn {top: 127px; left: -122px;}
.hb .hbarrow {top: -2px; left: 2px; position: relative}
.hb .hblinks {top: 153px; left: 19px;}

#eagle_quiz .required_legend {display: none;}

.alert, .ticker {width: 910px; height: 16px; color: white; margin: 7px 0px 0px 0px; padding: 12px 20px;}
.alert {background-color: #01244a; position: relative; float: left;}
.ticker {background-color:#4d96bf; position: relative; float: left;}
.ticker h1, .alert h1 {font-size: 12px; color: white; display: inline; position: relative; margin: 0px; float: left; height: 20px; width: 90px}
.alert h1 {width: 55px;}
.ticker a, .ticker a:visited, .alert a, .alert a:visited {color: white; margin-left: 2px}
.ticker a:hover, .alert a:hover{color: #d4e0e7}
#tick{width: 725px; height: 20px; position: relative; float: left; }

#tick a, #tick a:visited {font-weight: bold; text-decoration: none; color: white;}
#tick a:hover {text-decoration: none; color: #d4e0e7}
.someclass {position: relative; overflow: hidden; height: 20px; width: 725px;}

#div1 {width:224px; height:187px; overflow:hidden; margin: 5px 0px 0px 2px; border: solid 0px red; text-align: left;}
#div1 a {margin: 5px 0px;}

.inside_content {margin: 0px 15px 0px 0px; width: 700px;display: inline;}

.home_content {margin: -10px 0px 0px 9px; width: 940px;display: inline; border: solid 0px red;  position: relative; float: left;}
.home_content table td {border-left: solid 1px #d4e0e7;}
.home_content table td table td {border-left: solid 0px #d4e0e7;}
.home_content h1 {margin: 0px;}
.home_content p {margin: 0px 0px 10px 0px;}
.page_banner {margin-bottom: 8px;}
.home_content a, .home_content a:visited {color: #3d8abe;}
.home_content a:hover {color: #c12032;}

.title {margin: 0px 10px;}
.title a, .title a:visited {color: #d71921; margin: 0px 3px;}

.regions {z-index: 99;}

.regionbox {width: 204px; background-color: #d4e0e7; margin-left: 2px; padding: 10px; min-height: 150px;}
/* .regionbox use min-height here and height in IEstyle */
.home_content ul, .regionbox ul {margin: 0px; padding: 10px 0px 0px 15px;}
/*.regionbox ul li {padding-bottom: 10px;}*/

.regionbox2 {width: 204px; height: 245px; background-color: #d4e0e7; margin-left: 2px; padding: 10px;}
.regionbox2 ul {list-style: none; margin: 0px; padding: 0px;}
.regionbox2 ul li {margin-bottom: 5px;}
.regionbox2 blockquote {margin: 10px;}
.regionbox2 h1 {color: black; font-size: 12px;}

.bttm_box {width: 210px; padding: 10px;}
.line {border-left: solid 1px #d4e0e7;}
.bttm_box h4 {margin-top: 0px;}

.shoe {width: 960px; background: url(../images/bottom.jpg) no-repeat; height: 21px;}
.bottomlinks {margin-right: 20px;}
a.bottomlink {font-weight: bold; text-decoration: none; color: #d71921;}
a.bottomlink:hover {text-decoration: none; color: #4d96bf;}
.bttmpipe {color: black; font-weight: bold; padding: 0px 5px;}

.footlogos {width: 960px; text-align: center; margin-top: 10px;}
.footnote {font-size: 10px; width: 510px; text-align: left; line-height: .9; margin-top: 10px;}
.blunote {color: #003399;}

.sprint {width: 960px; text-align: center; margin: 10px 0px 20px 0px;}

/*
change '#4d96bf' to main site color
Colors:

Red- #d71921

Blue- #4d96bf

Lighter #4d96bf- #85c4e5 (background color)

Light Gray/Blue- #d4e0e7


*/

.whats_new {display: none; width: 534px; height: 235px; position: absolute; }
.adnav {position: absolute; top: 220px; left: 497px; width: 227px; border: solid 0px yellow; text-align: center;}

a.numblink1, a.numblink2, a.numblink3, a.numblink4, a.numblink5, a.numblink6, a.onlink1, a.onlink2, a.onlink3, a.onlink4, a.onlink5, a.onlink6 {display: block; width: 37px; height: 19px;}

a.numblink1  {background: url(../images/1-up.png) no-repeat;}
a.numblink2  {background: url(../images/2-up.png) no-repeat;}
a.numblink3  {background: url(../images/3-up.png) no-repeat;}
a.numblink4  {background: url(../images/4-up.png) no-repeat;}
a.numblink5  {background: url(../images/5-up.png) no-repeat;}
a.numblink6  {background: url(../images/6-up.png) no-repeat;}

a.numblink1:hover, a.onlink1 {background: url(../images/1-over.png) no-repeat;}
a.numblink2:hover, a.onlink2   {background: url(../images/2-over.png) no-repeat;}
a.numblink3:hover, a.onlink3  {background: url(../images/3-over.png) no-repeat;}
a.numblink4:hover, a.onlink4  {background: url(../images/4-over.png) no-repeat;}
a.numblink5:hover, a.onlink5  {background: url(../images/5-over.png) no-repeat;}
a.numblink6:hover, a.onlink6  {background: url(../images/6-over.png) no-repeat;}

.rates_pane h2 a, .rates_pane h2 a:visited {color: #4d96bf; text-decoration: none;}
.greyline {border-bottom: solid 1px #d4e0e7; height: 1px; overflow: hidden; width: 670px; margin: 10px 0px; display: inline}
.coll_div {padding: 10px 0px 0px 0px; width: 650px;}
.whiteline {border-bottom: solid 1px #FFFFFF; height: 1px; overflow: hidden; width: 650px; margin: 10px 0px;}
.tabbar { height: 45px; overflow: hidden;}
a.h2like, a.h2like:visited, a.h2like:hover {color: #4d96bf; text-decoration: none; font-size: 14px; font-weight: bold; display: block; width: 670px; border: solid 0px red; margin-left: 0px;}


/* for styles used on tabs, see tabs.php */

.print {display: none;}




.faq_header {
    color: #4d96bf; font-size: 14px; font-weight:bold;
}

.faq_question {
    color: #4d96bf; font-size: 14px; font-weight:bold;
    margin: 10px 0 0 0;
}

.faq_search {
    float: right;
    width: 400px;
    position: relative;
    margin-top: -5px;
}

.faq_category_panel .selected {
    font-weight: bold;
    color: Black;
}

.faq_category_panel {
    float: left;
    width: 200px;
}

.faq_question_panel {
    float: left;
    margin: 20px 0 0 40px;
}

.faq_question_block {
    margin: 10px 0 0 0;
}

.faq_advanced_search_panel_input {
    width: 300px;
} 

.faq_ask_textbox {
    width: 300px;
    height: 50px;
}

.faq_sent {
    background: #dee9f0;
    border: 1px solid #006666;
    color: #006666;
    font-weight: bold;
    padding: 10px;
    margin: 10px;
    
}

.faq_viewed {
    display: none;
}

.alphabar a, .alphabar a:visited {display: inline-block; width: 10px; height: 12px;}