/* basic styles */
body {margin: 0px; font-family: arial, sans-serif; font-size: 12px; text-align: center; background: url(http://arrow.secured.cusolutionsgroup.com/templates/arrowhead/images/Top-Slice.gif) repeat-x top;}
.page {width:1000px; margin: 0px auto; text-align: left; text-align: center;  z-index: 10; overflow: hidden; border: solid 0px blue}

p, td, li, blockquote {font-size: 12px;}
a, a:visited {color: black;}
a:hover {color: #9D0E05;}

h1 {color: #8c0c04 ; font-size: 18px;}
h2, .content_rates_category1 {color: #8c0c04 ; font-size: 16px; font-weight:bold;}
h3, .content_rates_table_title {color: #8c0c04 ; font-size: 12px; font-weight:bold; text-transform: uppercase;}
h4 {color: #8c0c04 ; 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: 10px}
img {border: 0px;}
.abso {position: absolute;}

/* rates page */
.content_rates_table {margin-bottom: 20px; width: 100%;}
.content_rates_table_fields {background-color: #8c0c04 ; color: white; font-weight: bold; }
.content_rates_table_row2 {background-color: #c9d3da;}
.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: #8c0c04 ;}
.aprnote {font-size: 10px; width: 180px;}

/* calendars */
.content_calendar_table {border: solid 1px black;}
td.content_calendar_table_headercell {background-color: black; color: white; text-align: center; font-weight: bold;} 
td.content_calendar_table_headercell a, td.content_calendar_table_headercell a:visited { color: white; text-decoration: none;} 
td.content_calendar_table_headercell a:hover { color: silver; text-decoration: none;} 
td.content_calendar_table_cell { border: solid 1px black} 
td.content_calendar_table_selectedcell { border: solid 1px black; background-color: silver} 

/*REMOVE IF CLIENT HAS ARTICLES MODULE*/

ul.content_article_list  {padding-left: 15px;}
ul.content_article_list li {list-style: none;}

.content_poll_option, .regions_poll_option {margin: 5px 0px; display: inline-block;}
.content_poll_title, .regions_poll_title {margin: 5px 0px; display: inline-block; font-weight: bold}
.votebutton, .votebutton_regions  {}


.required_legend {padding-bottom: 20px;color: gray;font-style: italic;}

.print {display: none;}


/* ******************************************************* */

.banner {width: 1000px;  height: 130px; margin: 0px auto; text-align: left; position: relative; z-index: 100;}

.homelink {top: 25px; left: 10px;}

/* top links / utilities */
.toplinks { top: 15px; width: 320px; border: solid px white; margin-right: 10px}
a.chat {position: relative; top: 7px; border: solid 0px cyan; left: 23px;}
.search { width: 175px; border: solid 0px yellow; float: right; clear: none; left: 30px; position: relative}
.searchbox {background: url(http://arrow.secured.cusolutionsgroup.com/templates/arrowhead/images/Seach-box.png) no-repeat; width: 106px; height: 34px; border: 0; padding: 0px 28px 0px 10px; position: relative; top: 0px; left: 0px; }
.searchbutton{position: relative; left: -28px; top: 5px}
.openbttn {left: 0px; top: 1px;}
.appbttn {top: 10px; left: 23px;}

.pipe {font-weight: bold; margin: 0px 5px 0px 5px;}

.content_topper {width: 1000px; position: relative; background: url(http://arrow.secured.cusolutionsgroup.com/templates/arrowhead/images/inside-top.jpg) no-repeat; z-index: 10; height: 50px; }
.content {width: 980px;  text-align: left; position: relative; padding: 0px 10px 20px 10px;  z-index: 10; }
.content_area {width: 658px; overflow: hidden; line-height: 1.5;  z-index: 10;}

.homer{width: 1000px; height: 480px; position: relative; margin-bottom: 20px; z-index: 10;}

.bigbanner {top: 0px; left: 0px; width: 1000px; height: 480px; z-index: 10; } 

.homebox {background: url(http://arrow.secured.cusolutionsgroup.com/templates/arrowhead/images/Home-Box.png) no-repeat; width: 303px; height: 168px; overflow: hidden;z-index: 50; text-align: left; padding: 15px 0px 0px 0px; }
.box1 {top: 300px; left: 10px;} 
.box2 {top: 300px; left: 348px;} 
.box3 {top: 300px; left: 685px;} 
.homebox .code_block_indiv_top, .homebox .code_block_indiv_bttm {display: none}
.homebox .code_block_indiv_content {overflow: hidden; background: url(); width: 303px;  height: 128px; padding: 0px;}
.homebox h1, .homebox h2 {margin-top: 0px;}


.hb {top: 45px; left: 785px; background: url(http://arrow.secured.cusolutionsgroup.com/templates/arrowhead/images/Home-banking-box.png) no-repeat bottom; width: 200px; height: 136px;z-index: 50; color: #f1ecd9;}
.hb a, .hb a:visited {color: #f1ecd9; text-decoration: none;}
.hb a:hover {color: white; text-decoration: underline;}
.hb ol {margin-left: 0px; padding-left: 25px; width: 160px;}
.hb ol li {margin-bottom: 10px;}

.hb1 {background: url(http://arrow.secured.cusolutionsgroup.com/templates/arrowhead/images/hb-box.png) no-repeat; width: 173px; height: 32px; border: 0px; position: relative; top: 19px; left: 8px; padding-left: 10px;}
.hb2 {position: relative; top: 25px; left: 10px;}
.hb .tabs {position: relative; top: 0px; left: 0px; width: 200px; height: 27px; padding: 0px;}
a.taboff{background-position: 0px -27px;  height: 27px;  display: inline-block; text-indent: -9999px; width: 100px;}
a.tabon, a.tabon:visited {background-position: 0px 0px;  height: 27px; display: inline-block; text-indent: -9999px; width: 100px;}
a.tabon:hover {background-position: 0px -27px; }
.login {background: url(http://arrow.secured.cusolutionsgroup.com/templates/arrowhead/images/Login.png) no-repeat; }
.newuser {background: url(http://arrow.secured.cusolutionsgroup.com/templates/arrowhead/images/New-User.png) no-repeat;}
#div901 {display: none;}
input[type="submit"].hbsubmit {background: url(/files/arrow/1/banners/hb-login_6.png) 0px 0px no-repeat; width: 82px; height: 30px; border: 0px; text-indent: -9999px;}
input[type="submit"].hbsubmit:hover {background-position: 0px -30px;}


.alert {top: 190px; left: 785px; background: url(http://arrow.secured.cusolutionsgroup.com/templates/arrowhead/images/Alert-Box.png) no-repeat; width: 170px; height: 64px;z-index: 50; overflow: hidden; color: white; padding: 15px; } 
.alert a, .alert a:visited {color: white;}
.alert a:hover {color: white;}


/* regions and sidebar content*/
.regions {z-index: 99; overflow: hidden; width: 318px;}
.regionbox ul {margin: 0px; padding:0px; list-style: none;}
.regionbox ul li {padding-bottom: 5px;}
.regionbox h1 { font-size: 16px;}

.boxtop { overflow: hidden; background: url(http://arrow.secured.cusolutionsgroup.com/templates/arrowhead/images/Side-Region-top.jpg) no-repeat; width: 318px; height: 14px;}
.regionbox{overflow: hidden; background: url(http://arrow.secured.cusolutionsgroup.com/templates/arrowhead/images/Side-Region-slice.jpg); width: 278px; padding: 1px 20px;}
.boxbottom { margin-bottom: 10px; background: url(http://arrow.secured.cusolutionsgroup.com/templates/arrowhead/images/Side-Region-bottom.jpg) no-repeat; width: 318px; height: 19px; overflow: hidden;}

.code_block_indiv_top, .code_block_indiv_bttm  {display: none;}
.code_block_indiv_content {overflow: hidden; background: url(http://arrow.secured.cusolutionsgroup.com/templates/arrowhead/images/Did-you-Know-2.gif); width: 278px; height: 223px; padding: 65px 20px 10px 20px; margin-bottom: 45px; line-height: 1.5; font-size: 14px;}


.code_block {overflow: hidden; width: 100%} /* prevents breaking the design with images that are too wide, if width set */
.code_block_top {}
.code_block_center {}
.code_block_bttm {}
.code_block_indiv_content p{margin-top: 0px;}

.Ccontainer {width: 658px;z-index: 50;}
.Cboxtop{background: url(http://arrow.secured.cusolutionsgroup.com/templates/arrowhead/images/Content-Region-top.jpg) no-repeat; overflow: hidden; width: 658px; height: 14px; z-index: 50;}
.Cboxmid{background: url(http://arrow.secured.cusolutionsgroup.com/templates/arrowhead/images/Content-Region-slice.jpg); width: 618px; overflow: hidden; padding: 1px 20px; z-index: 50;}
.Cboxbttm{background: url(http://arrow.secured.cusolutionsgroup.com/templates/arrowhead/images/Content-Region-bottom.jpg) no-repeat; overflow: hidden; width: 658px; height: 19px;z-index: 50;}
.Cliner {width: 608px; margin-left: 25px; }


/* footer */
.grey {width: 100%; background: url(http://arrow.secured.cusolutionsgroup.com/templates/arrowhead/images/bottom-slice.png) repeat-x; height: 122px; text-align: center}
.shoe {width: 980px;  height: 122px; margin: 0px auto; text-align: left; border: solid 0px red; position: relative}
.bottomlinks {color: white; width: 100%; text-align: center; margin: 18px 0px;}
.bottomlinks a, .bottomlinks a:visited {text-decoration: none; color: white;}
.bottomlinks a:hover {text-decoration: underline; color: white;}
.footlogos { margin-top: 15px;}
.footnote, .copyr {font-size: 11px; width: 400px; text-align: left; margin-top: 7px; border: solid 0px red }
.blunote {color: #003399;}
.copyr {text-align: right; margin-top: 25px;}

.icons{}
.icons img {margin-left: 5px;}


/*
change '#8c0c04 ' to main site color
Red  #8c0c04 
Grey Blu  #415a68 
Beige  #cbb778 
Pea Green  #827d00 
Grey - #595959
*/