/*
Rich Burgundy - #9E1257
Dark Burgundy - #731148
Bright Blue - #2898FF
Blue - #284AC9
Dark Blue - #1C2154
Aqua Bright - #00D2FF
Aqua Bright at 40% - #97DCFF
Aque Bright at 20% - #C6E6FA
*/

body, html{margin: 0; padding: 0; background: #2898FF;}
body{font-family: 'lucida grande', 'ms trebuchet', arial, sans-serif; font-size: 12px;}
img{border: none;}
a{text-decoration: none;}
h1,h2,h3,h4,h5,h6{font-weight: normal; font-size: 1em; margin: 0; padding: 0;}
table,tbody,tr,td{margin: 0; padding: 0; border: 0;}

/*TOP PROMOTION*/
#toppromo_container{overflow: visible; display: block; background: #2898FF; text-align: center; border-bottom: #9E1257 solid 6px;}
#toppromo{overflow: visible; display: block; width: 850px; margin: 0 auto; text-align: left; cursor: pointer;}
#toppromo .teaser{position: absolute; z-index: 200; cursor: pointer;}
#toppromo .teaser a{display: block; padding: 15px 0; height: 50px; width: 850px;}
#toppromo .teaser .button{display: block; color: #FFF; cursor: pointer;}
#toppromo .teaser .button strong{display: block; float: left; border: 1px solid #FFF; height: 50px; border-right: none; background: #9E1257; }
#toppromo .teaser .button em{display: block; border: 1px solid #FFF; float: left; height: 50px;}
#toppromo .teaser .button em span{display: none;}
#toppromo .teaser .button strong, #toppromo .teaser .button em{display: block; line-height: 20px; height: 20px; padding: 10px 20px;}
#toppromo .content{overflow: hidden; display: block; height: 70px;}
#toppromo .teaser a:hover .button{background: #731148;}

#toppromo_teaser_show em{background:#9E1257 url(../img/arrow_burgundy_down.gif) no-repeat; background-position: center center;}
#toppromo_teaser_show:hover em{background:#731148 url(../img/arrow_burgundydrk_down.gif) no-repeat; background-position: center center;}


#toppromo_teaser_hide{position: absolute; z-index: 100;}
#toppromo_teaser_hide em{background:#9E1257 url(../img/arrow_burgundy_up.gif) no-repeat; background-position: center center;}
#toppromo_teaser_hide:hover em{background:#731148 url(../img/arrow_burgundydrk_up.gif) no-repeat; background-position: center center;}

/*HEADER*/
#header_container{background: #284AC9; text-align: center;}
#header{background: url(../img/header.jpg) no-repeat; background-position: top center; width: 850px; margin: 0 auto; text-align: left; overflow: auto;}
#header h1 {float: left;}
#header h1 a{display: block; min-height: 150px; width: 300px;}
#header h1 span{display: none;}
#onlinetools_container{float: right;}
#onlinetools_container ul, #onlinetools_container ul li{margin: 0; padding: 0; display: block; list-style-type: none;}
#onlinetools_container ul li{background: url(../img/darktoblue_gradient_right.gif) repeat-y; width: 290px; overflow: hidden;}
#onlinetools_container ul{margin: 0;}
#onlinetools_container ul li{margin: 1px 0; padding: 0; line-height: 15px;}
#onlinetools_container ul li h2 a{display: block; padding: 5px 10px; color: #00D2FF; line-height: 15px; height: 17px;}
#onlinetools_container ul li h2 a strong{display: block; float: left; background: url(../img/arrow_blueondark_down.gif) no-repeat; background-position: center left; width: 20px; height: 17px; margin: 0px;}
#onlinetools_container ul li h2 a strong.link{background: url(../img/arrow_blueondark_right.gif) no-repeat; background-position: center left;}
#onlinetools_container ul li h2 a strong span{display: none;}
#onlinetools_container ul li h2 a:hover {color: #97DCFF;}
#onlinetools_container .content{background: #284AC9; padding: 10px 10px;}
#onlinebanking form{margin: 0; padding: 0;}
#onlinebanking label{text-align: right; display: block; clear: both; margin: 3px 0;}
#onlinebanking label span{text-align: left; display: block; float: left; margin: 0; padding: 2px; line-height: 1.2em; font-size: 1em; width: 80px;}
#onlinebanking label.text{color: #88dfff; font-style: oblique;}
#onlinebanking label.text input{float: right; margin: 0; padding: 2px; border: none;  line-height: 12px; font-size: 12px; height: 12px; width: 180px;}
#onlinebanking input.submit{height: 20px; border: none; line-height: 16px; font-size: 14px; color: #FFF; background: url(../img/lock_whiteonblue.gif) 0 3px no-repeat;  overflow: visible; padding: 0 0 0 14px; margin: 5px 0 5px 5px;}
#onlinebanking .submit_label{text-align: right; font-size: 14px;}
#onlinebanking .small_links{clear: both; font-size: 12px; margin: 5px 0 0 0; display: block; float: left; padding: 0 0 0 2px; text-align: left; line-height: 14px;}
#onlinebanking a.small_links {color: #fff; line-height: 12px;}
#onlinebanking a.small_links em{font-size: 12px; color: #88dfff;}

/*TOP MENU*/
#topmenu_container{text-align: center; background: #284AC9 url(../img/submenu_gradient.gif) repeat-y; background-position: top center;}
#topmenu{margin: 0;}

#topmenu ul{margin: 0 auto; display: block; text-align: center; height: 32px; list-style: none; overflow: hidden;}
#topmenu ul li{display: inline; margin: 0; padding: 0; list-style: none; height: 32px;}
#topmenu a{display: inline; padding: 12px 20px; color: #FFF; margin: 0; height: 0px;}
#topmenu a span{line-height:32px;}
#topmenu .mainmenu{background: url(../img/menu_gradient.gif) repeat-y; background-position: top center;}
#topmenu .mainmenu a:hover{background: #731148;}
#topmenu .submenu a{color: #1C2154}
#topmenu .submenu a:hover{color: #000;}

#topmenu .mainmenu a:hover{background: #731148 url(../img/arrow_burgundyaqua_up.gif) no-repeat; background-position: bottom center;}

#topmenu td{vertical-align: middle; text-align: center;}
#topmenu .headline{display: none;}
#dynamic_submenu em{display: none; height: 0;}

/*CONTENT*/
#content_container{background: url(../img/content_bg.gif) repeat-x; min-height: 450px; text-align: center;}
#content{width: 850px; margin: 0 auto; text-align: left; overflow: auto; background: #FFF url(../img/sidebar150.gif) repeat-y; background-position: top right; min-height: 450px; padding-bottom: 15px;}
#copy_container{float: left;}
.copy{padding: 15px;}
#copy_container.large{width: 700px;}
#copy_container.large #copy{width: 670px; text-align: center;}

#sidebar_right_container{margin: 0; float: right; width: 150px;  height: 100%;}

#sidebar_right_light{padding: 15px 15px 0 15px; background: #C6E6FA;}
#sidebar_right_light ul{display: block;margin: 0; padding: 0 0 15px 0; list-style-type: none;}
#sidebar_right_light ul .headline, #sidebar_right_light ul .headline a{font-size: 1.15em; color: #9E1257; margin: 0 0 .5em 0;}
#sidebar_right_light ul li{margin: .65em 0; line-height: 1.2em;}
#sidebar_right_light ul a, #sidebar_right_light ul{color: #284AC9}
#sidebar_right_light ul a:hover {color: #1C2154;}
#sidebar_right_container .icon_menu, #sidebar_right_container .icon_menu .icon{list-style: none; display: block; margin: 0; padding: 0;}
#sidebar_right_container .icon_menu{padding: 13px 10px;}
#sidebar_right_container .icon_menu .icon{background: url(../img/icon_star.gif) no-repeat; background-position: left top;}
#sidebar_right_container .icon_menu .icon .box{display: block; padding: 2px 0 12px 25px; font-size: 12px; line-height: 1.2em;}
#sidebar_right_container .icon_menu a, #sidebar_right_container .icon_menu strong{color: #284AC9; font-size: 12px;}
#findbranch_zip{width: 60px; height: 11px; font-size: 12px; line-height: 11px; background: #43B2EF; border: 1px solid #43B2EF; padding: 4px;}
#findbranch_submit{margin-left: 4px; background: #284AC9 url(../img/arrow_whiteonblue_right.gif) no-repeat; background-position: center center; border: 0; height: 21px; width: 22px;}
#sidebar_right_container .icon_menu .box{color: #1C2154; font-size: 10px;}
#sidebar_right_container .icon_menu .box em a{color: #284AC9; font-style: normal;}
#sidebar_right_container .icon_menu form{margin: .5em 0;}

#sr_icon_loan{background: url(../img/icon_exclamation.gif) no-repeat; background-position: left top;}
#sr_icon_rates{background: url(../img/icon_percent.gif) no-repeat; background-position: left top;}
#sr_icon_contact{background: url(../img/icon_person.gif) no-repeat; background-position: left top;}
#sr_icon_find{background: url(../img/icon_magnifying.gif) no-repeat; background-position: left top;}

#sidebar_left_container{background: url(../img/softvertical_gradient.gif) repeat-x; margin: 0; float: left; width: 150px; height: 100%; min-height: 260px;}
#sidebar_left{padding: 15px;}
#sidebar_left ul{display: block;margin: 0; padding: 0 0 15px 0; list-style-type: none;}
#sidebar_left ul .headline, #sidebar_left ul .headline a, #sidebar_right_light ul .headline a, #sidebar_right_light ul .headline{font-size: 1.15em; color: #9E1257; margin: 0 0 .5em 0;}
#sidebar_left ul li{margin: .65em 0; line-height: 1.2em;}
#sidebar_left ul a, #sidebar_right_light ul{color: #284AC9}
#sidebar_left ul a:hover {color: #1C2154;}

/*SLIDING PROMO*/
#sliding_promo{width: 670px; height: 130px; background: #FFF; padding: 15px 0 15px 15px;}
#sliding_promo .content{position: relative; float: left; width: 630px; margin: 1px 0; height: 128px; background: #FFF; overflow: hidden;}
#sliding_promo_slide{width: 1050px; margin: 0; height: 128px; background: #000; position: relative; }
#sliding_promo a.button{float: left; display: block; float: left; width: 18px; height: 128px; background-color: #9E1257; margin: 1px;}
#sliding_promo a.button strong{display: block; height: 128px; width: 18px; cursor: pointer;}
#sliding_promo a.button:hover{background-color: #731148;}
#sliding_promo a.button span{display: none;}
#sliding_promo_left strong{background: url(../img/arrow_burgundy_left.gif) no-repeat; background-position: center center;}
#sliding_promo_right strong{background: url(../img/arrow_burgundy_right.gif) no-repeat; background-position: center center;}
#sliding_promo_left{background: url(../img/arrow_burgundydrk_left.gif) no-repeat; background-position: center center;}
#sliding_promo_right{background: url(../img/arrow_burgundydrk_right.gif) no-repeat; background-position: center center;}
#sliding_promo_left strong:hover{background: none;}
#sliding_promo_right strong:hover{background: none;}


/*FOOTER*/
#footer_container{text-align: center; font-size: 11px;}
#footer{width: 850px; margin: 0 auto; text-align: left; overflow: auto;}
#footer ul, #footer ul li{display: block; list-style-type: none; margin: 0; padding: 0;}
#footer ul{padding: 15px 0;}
#footer ul li{padding: 2px 20px;}
#footer .headline, #footer .headline a{color: #17264C; font-size: 14px;}

#searchbar{width: 340px; float: left; min-height: 190px;}
#searchbar .headline{color: #FFF; font-size: 14px;}
#sb_input input{background: #FFF; width: 100%; padding: 4px 0; margin: .5em 0 .75em 0; line-height: 1.4em; border: 0;}
#sb_submit{float: right; border: 1px solid #FFF; background: #9E1257;}
#sb_submit input{padding: 4px 8px; border: none; background: none; color: #FFF;}
#sb_tip{font-size: 11px; color: #FFF; line-height: 13px;}

#footer div.column strong{color: #FFF;}
#footer ul li a, #footer ul li{color: #C6E6FA;}
#footer ul li a:hover{color: #FFF;}
#footer div.column{float: left; width: 170px; min-height: 190px;}
#footer div.double_wide{width: 340px;}

#footer .gradient{background: url(../img/footer_gradient.gif) repeat-x;}
#footer .gradient_light{background: url(../img/footer_gradient_light.gif) repeat-x;}
#local_weather {padding-bottom: .5em;}

#copy_home, #copy_default{float: left;}
#copy_default_x, #copy_home_x{padding: 15px;}
#copy_home, #copy_home_x{width: 670px; margin: 0 auto; text-align: left; }
#copy_default, #copy_default_x{width: 520px; margin: 0 auto; text-align: left;}
#copy_home_x table, #copy_default_x table{font-size: 12px;}
#copy_home p, #copy_home_x p, #copy_default p, #copy_default_x p, #content_promo p {line-height: 1.8em;}
#copy_home a, #copy_home_x a, #copy_default a, #copy_default_x a, #content_promo a {color: #1C2154; font-weight: bold; text-decoration: underline;}
#copy_home a:hover , #copy_home_x a:hover, #copy_default a:hover, #copy_default_x a:hover, #content_promo a:hover {color: #284AC9; font-weight: bold;}
#copy_home hr, #copy_home_x hr, #copy_default hr, #copy_default_x hr, #content_promo hr {background-color: #666; border: none; height: 1px;}
#copy_home h1, #copy_home_x h1, #copy_default h1, #copy_default_x h1, #content_promo h1 {font-size: 1.8em; color: #731148; line-height: 1em;}
#copy_home h2, #copy_home_x h2, #copy_default h2, #copy_default_x h2, #content_promo h2 {font-size: 1.8em; color: #1C2154; line-height: 1em;}
#copy_home h3, #copy_home_x h3, #copy_default h3, #copy_default_x h3, #content_promo h3 {font-size: 1.4em; color: #1C2154; line-height: 1.4em; font-weight: bold}
#copy_home h4, #copy_home_x h4, #copy_default h4, #copy_default_x h4, #content_promo h4 {font-size: 1.4em; color: #284AC9; line-height: 1.4em; font-weight: bold}
#copy_home h5, #copy_home_x h5, #copy_default h5, #copy_default_x h5, #content_promo h5 {font-size: 1em; color: #731148; line-height: 1.8; font-weight: bold;}
#copy_home .footnote, #copy_home_x .footnote, #copy_default .footnote, #copy_default_x .footnote, #content_promo .footnote {font-size: .9em; color: #666; line-height: 1.1em; font-style: oblique;}
#copy_home .highlight, #copy_home_x .highlight, #copy_default .highlight, #copy_default_x .highlight, #content_promo .highlight {font-size: 1em; color: #9E1257; font-weight: bold;}

#copy_home th, #copy_home_x th, #copy_default th, #copy_default_x th, #content_promo th {padding: 5px; color: #FFF; background: #9E1257; font-weight: bold;}
#copy_home table, #copy_home_x table, #copy_default table, #copy_default_x table, #content_promo table {width: 100%; border-collapse: collapse; border-bottom: #999 solid 1px;}
#copy_home td, #copy_home_x td, #copy_default td, #copy_default_x td, #content_promo td {padding: 5px; color: #284AC9;}

/* #copy_home .callout, #copy_home_x .callout, #copy_default .callout, #copy_default_x .callout, #content_promo .callout {font-size: .9em; color: #666; line-height: 1.1em; display: block; float: right; width: 200px;}*/

/* This will simulate the websites content background */
#copy_home_x{background: #FFFFFF;}
#copy_default_x{background: #FFFFFF;}


/* Ratesheet */
.single_ratesheet{margin: 2em 0;}
.single_ratesheet h4{margin: .5em 0; height: 30px; padding-left: 35px; background: url(../img/icons_large_rates.gif) no-repeat;}
.single_ratesheet h4 span{line-height: 30px;}
.single_ratesheet th, .single_ratesheet td{padding: 10px; margin: 0;border: 0; vertical-align: top;}
.single_ratesheet th{color: #FFF; background: #9E1257; font-weight: bold;}
.single_ratesheet table{width: 100%; border-collapse: collapse; background: url(../img/softvertical_gradient.gif) repeat-x; border-bottom: #999 solid 1px;}
.single_ratesheet .modified_date{font-size: .65em; color: #999;}
.single_ratesheet td{background: #FFF; color: #284AC9;}
.single_ratesheet td.cell_highlight{background: none; text-align: center; font-weight: bold;}
.single_ratesheet th.cell_highlight{text-align: center;}
.single_ratesheet tr:hover td{color: #000;}
.single_ratesheet td strong{font-size: 18px; line-height: 1em;}


/* Promotions */
.promoEditOutlined{margin: 50px; border: #999 1px dashed;}
.promoEditOutlined #php_code .note{display: block; background: #FFFF00; color: #000; padding: 20px; border: 1px dotted #333;}

#sliding_promo_slide .single_promo{ float: left; width: 315px; height: 128px; display: block; background-color: #FFF; overflow: hidden;}
#sliding_promo_slide .single_promo p{margin: 0 0 1em 0;}

#sidebar_promo {display: block; width: 120px;  margin-left: auto; margin-right: auto; margin-top: 2.2em; margin-top: 2.2em;overflow: hidden;}
#sidebar_promo div{background: #FFF;}
#sidebar_promo  .single_promo{clear: both; margin: 1em 0;}
#sliding_promo_slide.promoEditOutlined{width: 315px; background: #FFF; margin-left: auto; margin-right: auto;}

#dropdown {display: block; width: 850px; height: 350px; margin-left: auto; margin-right: auto; overflow: hidden;}
#dropdown div{background: #FFF;}
#dropdown p{margin: 0 0 1em 0;}
#dropdown  .single_promo{margin: 0;}

#subfooter{padding: 10px 20px; clear: both;}
#subfooter ul{display: inline; margin: 0; padding: 0; list-style: none;}
#subfooter ul li{display: inline; margin: 0 .5em; padding: 0; list-style: none;}

#sf_ncua{display: inline-block; background: url(../img/ncua.gif) no-repeat; width:36px; height:16px;}
#sf_ncua span{display: none;}
#sf_ehl{display: inline-block; background: url(../img/ehl.gif) no-repeat; width:23px; height:18px;}
#sf_ehl span{display: none;}