﻿* html, body, div, span, applet, object, iframe,
h1, h2, h1, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: #2B3757;
    background:url(../images/tile.png);
    font-size:75%;
    text-align:center;
    font-family:Arial, Sans-Serif;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

/* tags */

strong 
{
    font-weight:bold;
}

/* Section DIVs */

#container 
{
    width:994px;
    display:inline-block;
    margin:0 auto;
    text-align:left;
}

#masthead, #mid, #content
{
    clear:both;
    display:inline-block;
    width:100%;
    background-position:top left;
    position:relative;
}

#footer 
{
    clear:both;
    width:100%;
    background-position:top left;
    position:relative;
    margin: -20px 0;

}

#masthead 
{
    background:url(../images/topBG.png);
    position:relative;
    z-index:1000;
}

#mid 
{
    padding-top:4px;
    background:url(../images/midBG.png);
    z-index:500;
}

#content 
{
    background:url(../images/contentBG.png) repeat-y;
    padding:25px 37px 15px 37px;
    clear: both;
}

#footer 
{
    background:url(../images/footerBG.png) top left no-repeat; 
}

#masthead > div, #mid > div, #content > div, #footer > div 
{
    background:none;
}

/******************************* 
Masthead DIV
*******************************/

#logo 
{
    margin:25px 0 0 37px;
    float:left;
}

#logo a 
{
    height:73px;
    width:220px;
    background:url(../images/sprite.gif) 0 0 no-repeat;
    display:block;
}

#mastBanner 
{
    margin-left:12px;
    float:left;
}

#customers, #logins 
{
    float:left;
    margin-left:4px;
}


/* Logins */

#logins 
{
    margin-top:3px;
    width:445px;
}

#logins span.blue 
{
    color:#345CC0;
    font-weight:bold;
}

#onlineBanking, #remoteDeposit 
{
    background:url(../images/sprite.gif) no-repeat;
    width:220px;
    height:55px;   
}

#logins .button 
{
    display:block;
    width:135px;
    height:53px;
    float:left;
    position:relative;
    top:2px;
    left:10px;
}

#logins .learn 
{
    float:right;
    position:relative;
    top:37px;
    right:7px;
    font-size:.9em;
    color:#fff;
    text-decoration:none;
}

#logins .learn:hover 
{
    color:#cccccc;
}

#onlineBanking 
{
    background-position: 0 -125px;
    float:left;
}

#remoteDeposit 
{
    float:right;
    background-position: 0 -180px;
}

/* Top Links */

#topLinks 
{
    float:right;
    margin:0 0 0 0;
    color:#666666;
    width: 250px;
}

#topLinks a, #topLinks a:visited 
{
    text-decoration:none;
    color:#666666;
    line-height:1.5em;
}

#topLinks a:hover, #topLinks a:active
{
    color:#333333;
}

/* Search */

#search 
{
    margin:0 0 0 0;
    width: 200px
}
#search-content 
{
    width: 660px;
    float: left;
}
.siteBox 
{
    width:150px;
    margin:0;
}

#search .siteBox input.siteBox-text, #search .siteBox input.siteBox-onblur
{
    width: 100px;
}
#search .siteBox input.siteBox-button
{
    background: url(../images/live-custom.gif);
    width: 61px;
    height: 15px;
    border: medium none;
    cursor: pointer;
    line-height: 500%;
    margin: 1px 0 1px 2px;
    vertical-align: middle;
}
.siteBox input.siteBox-button
{
    background:url(../images/sprite.gif) -222px -57px;
    height:15px;
    width:60px;
    margin-left:10px;
}

/* Nav */

#navbar 
{
    float:right;
    margin:10px 12px 0 0;
    display:inline-block;
    clear:both;
    width:970px;
}

#officeSelection 
{
    display:inline;
    position:absolute;
    left:37px;
    bottom:5px;
}

#officeSelection select 
{
    font-size:.9em;
}

#navbar div 
{
    display:inline;
    margin-right:13px;
    float:right;
}

#navbar ul li 
{
    display:block;
    padding-right:13px;
}

#navbar a, #navbar a:visited 
{
    padding:0 0 0 13px;
    color:#da5c00;
    height:30px;
    line-height:30px;
    padding-top:5px;
    display:inline-block;
}

#navbar a:hover, #navbar a:active 
{
    color:#b0092d;
}

#navbar li:hover a, #navbar li:hover 
{
    background:url(../images/sprite.gif) no-repeat;
}

#navbar li:hover a 
{
    background-position:-138px -74px;
}

#navbar ul li:hover 
{
     background-position:right -74px;
}

#navbar ul li ul 
{
    z-index:1000;
    top:35px;
    padding-top:10px;   
    background:url(../images/dropdown.png) bottom left no-repeat;
    padding-bottom:15px;
    width:200px;
}

#navbar ul li:hover ul 
{
    left:2px;
}

#navbar ul li:last-child ul, #navbar ul li.lastChild ul
{
    left:-95px!IMPORTANT;
}

#navbar ul li ul li a, #navbar ul li ul li a:visited 
{
    font-size:.9em;
    background-image:none!IMPORTANT;
    padding:2px 0 2px 10px;
    line-height:18px;
    display:block;
}

#navbar ul li ul li, #navbar ul li ul li:hover
{
    background:transparent url(../images/redArrow.gif) center left no-repeat; 
    width:150px;
    border-bottom:1px dotted #cccccc;
    left:15px;
}

/******************************* 
Columns
*******************************/

.column
{
    width:290px;
    float:left;
}

#secondColumn 
{
    margin-left:70px;
}

#bannerColumn 
{
    float:right;
    width:165px;
    margin-right:75px;
}

#contentColumn 
{
    width:660px;
}

/******************************* 
Content Styles
*******************************/

#officeName 
{
    color:#B0092D;
    font-size:1.3em;
    float:right;
    margin:-8px 20px 10px 0;
}

.clear 
{ 
    clear:both; 
}

#content ul 
{
    margin:10px 0 10px 10px;
    color:#2B3757;
    
}

#content ul li 
{
    padding:3px 0 3px 15px;
    line-height:17px;
    background:url(../images/redArrow.gif) 7px left no-repeat !IMPORTANT;
}


#content ol 
{
    list-style-type:decimal;
    margin:10px 0 10px 20px;
    color:#2B3757;
}

#content ul li ol 
{
    margin-left:30px;
}

#content ol li 
{
    line-height:17px;
    padding:3px 0!IMPORTANT;
    background-image:none!IMPORTANT;

}

p, address 
{
    padding-right:5px;
    margin-bottom:10px;
    color:#2B3757;
    line-height:15px;
}

p.small
{
    font-size:.9em;
}

h1 span.small 
{
    font-size: .7em;
}

p.small-highlight 
{
    font-size:.9em;
    color: #5082DC;
}

p.tag 
{
    color: #3B65B9;
    font-size: 18px;
    margin: 25px 0;
}

#content a, #content a:visited 
{
    color:#B0092D;
}

#content a:hover, #content a:active 
{
    color:#333333;
}

h1 
{
    font-size:1.4em;
    border-bottom:1px solid #F0AF00;
    margin:0 0 10px 0;
    font-weight:normal;
    color:#2B3757;
}

h2 
{
    font-size:1.3em;
    color:#666666;
    margin:20px 0 5px 0;
    font-weight:bold;
}

h3 
{
    color:#2B3757;
    font-weight:bold;
    font-size:1.2em;
    margin:20px 0 5px 0;
}

address 
{
    font-style:normal;
}

a.loginNow, a.loginNow:visited
{
    background:url(../images/sprite.gif) -222px 0 no-repeat;
    height:22px;
    width:115px;
    display:block;
    margin-top:10px;
}

a.loginNow:hover, a.loginNow:active 
{
    background-position:-222px -22px;
}

#bannerColumn div 
{
    margin-bottom:10px;
}

#bannerColumn div.bannerCenter
{
    text-align: center;
    margin: 0 auto;
}

dl#branches dt
{
   color:#B0092D;
   font-weight:bold;
   font-size:1.1em;
   display:inline-block;
   width:100%;
}

dl#branches dt .title 
{
    float:left;
}

dl#branches dd 
{
    margin:0 0 7px 5px;
    border-bottom:1px dotted #cccccc;
    padding-bottom:7px;
}

dl#branches dd div 
{
    display:none;
    margin-top:5px;
}

dl#branches dd address 
{
    font-weight:normal;
    line-height:15px;
    margin-bottom:5px;
}

img.float-right-img
{
   float:right;
   margin:3px 0 10px 10px; 
}

a.showAddress 
{
    float:right;
    height:7px;
    width:63px;
    background:url(../images/sprite.gif) 0 -97px no-repeat;
    cursor:pointer;
}

/******************************* 
Footer DIV
*******************************/

#footerInner 
{
    text-align:center;
    margin:20px 0 0 37px;
    width:918px;
    padding: 10px 0;
}

#footerInner, #footer a 
{
    color:#333333;
    font-size:.9em;
    line-height:30px;
}

#fdic-ehl 
{
    float:left;
    display:inline;
}

#fdic, #ehl 
{
    background:url(../images/sprite.gif) no-repeat;
    display:block;
    float:left;
}

#fdic  
{
    background-position:0 -73px;
    height:24px;
    width:39px;
}

#ehl 
{
    background-position:-45px -73px;
    height:24px;
    width:25px;
    margin-left:20px;
}

#footerLinks 
{
    float:right;
}

#copyright 
{
    display:inline;
}

/* custom styling for myWEALTH text */

span.my {
color: #d79a00;
font-weight: bold;
}

span.wealth {
color: #333333;
font-weight: bold;
}

.wealth-float {
float: right;
text-align: center;
margin: 0 0 0 5px;
font-size: 11px;
}

.wealth-float img {
border: 1px solid #a49e98;
}

.disclaimer {
font-size: 11px;
border: 1px solid #bbb;
background: #f8f8f8;
padding: 5px;
margin: 30px 10px 10px 10px;
clear: both;
}

.disclaimer a{
color: #000;
}

.greenbox 
{
    width: 400px;
    padding: 3px;
    text-align: center;
    margin: 0 auto;
    font-weight: bold;
    
}

a#wealthAdvisorsLogo, a#capitolWealth, a#primeVest, #myWealth, a#primeSweep, a#pal 
{
    background:url(../images/wealthSprite.gif) no-repeat;
    display:block;
    float:left;
}

a#wealthAdvisorsLogo 
{
    background-position:-129px -79px;
    height:56px;
    width:230px;
    cursor:cursor;
    margin-bottom:20px;
    float:none;
}

a#capitolWealth 
{
    background-position:0 0;
    width:168px;
    height:47px;
}

a#primeVest 
{
    background-position:-171px 0;
    width:161px;
    height:39px;
    margin-left:50px;
}

a#myWealth 
{
    background-position:0 -53px;
    width:158px;
    height:25px;
}

a#primeSweep 
{
    background-position:-171px -41px;
    width:113px;
    height:36px;
    margin-left:50px;
}

a#pal 
{
    background-position:0 -83px;
    width:113px;
    height:32px;
    margin-left:50px;
}

.text-center 
{
    text-align: center;
}

.video-center 
{
    text-align: center;
}
/***** PDF List *****/

#content ul.pdf li
{
    background: transparent url(../images/pdf-icon.gif) left center no-repeat;
    list-style-type: none;
    font-size: 12px;
    padding-left: 18px;
    margin: 0;
}

dl.pdf dd
{
    background: transparent url(../images/pdf-icon.gif) left center no-repeat;
    padding-left: 18px;
}

/***** Featured List *****/

#content ul.featured 
{
    padding: 0;
    margin: 3px 0 10px 10px;
}

#content ul.featured li
{
    background: transparent url(../images/redArrow.gif) left center no-repeat;
    list-style-type: none;
    font-size: 12px;
    padding: 0 0 0 18px;
    margin: 0;
}

#content p.featured-title 
{
    margin: 0;
    padding: 0;
}

/***** testimonials *****/
p.testimonials 
{
    font-style: italic;
    clear: both;
}

p.testimonials-red 
{
    float: right;
    color: #ff0000;
    font-style: italic;
    margin: 0 0 20px 0;
}

/***** Search *****/

.search p
{
    font-size: 12px;
    padding: 0 0 2px 0;
    margin: 0;
}

.search p strong
{
    background: #ffc;
    font-weight: normal;
}

.search p a
{
    font-size: 14px;
    color: #0000ff;
    text-decoration: underline;
}

.search p.sgreen
{
    font-size: 10px;
    color: #008000;
}

.search-box
{
    width: 215px;
    margin: 20px auto 10px auto;
    font-size: 12px;
}

.search-float
{
    float: left;
    padding: 0 5px 0;
}

.listing
{
    font-size: 12px;
    background: #efefef;
    height: 24px;
    width: 100%;
    border-top: 1px solid #000;
    margin: 10px 0;
}

.listing p
{
    float: right;
    padding: 3px 5px 0;
}

.next-pre
{
    width: 150px;
    margin: 0 auto;
}

.next-pre a
{
    color: #000;
    font-size: 12px;
}

.siteboxWrap
{
    float: right;
}

.siteboxWrap .siteBox
{
    margin: 0px 7px 0;
    width: 201px;
}

.siteboxWrap .siteBox input.siteBox-text, .siteboxWrap .siteBox input.siteBox-onblur
{
    margin: 0px 7px 0;
    width: 100px;
}

.siteBox
{
    margin: 10px auto 10px auto;
    width: 230px;
    height: 20px;
}


.siteBox input, submit
{
    display: inline;
}

.siteBox input.siteBox-text, .siteBox input.siteBox-onblur
{
    border: 1px solid #000;
    color: #333333;
    font-family: arial;
    font-size: 10px;
    padding: 2px 2px 1px 2px;
    vertical-align: middle;
    width: 160px;
}

.siteBox input.siteBox-onblur
{
    color: #999;
    font-style: italic;
}

.siteBox input.siteBox-button
{
    background: url(../images/LiveLogo.gif);
    width: 61px;
    height: 15px;
    border: medium none;
    cursor: pointer;
    line-height: 500%;
    margin: 1px 0 1px 2px;
    vertical-align: middle;
}

.siteBox input.siteBox-button-custom
{
    background: url(../images/LiveLogo-custom.gif);
    width: 61px;
    height: 15px;
    border: medium none;
    cursor: pointer;
    line-height: 500%;
    margin: 1px 0 1px 2px;
    vertical-align: middle;
}

.pn-btn-next
{
    background: url(../images/next.gif) no-repeat right;
    cursor: pointer;
    width: 50px;
    height: 20px;
    padding: 2px 25px 2px 2px;
}

.pn-btn-prev
{
    background: url(../images/prev.gif) no-repeat left;
    cursor: pointer;
    width: 50px;
    height: 20px;
    padding: 2px 2px 2px 25px;
}

.spelling
{
    color: #ff0000;
    font-size: 11px;
    font-style: italic;
}

.float_left
{
    float: left;
}

.float_right
{
    float: right;
}

/**** Vitural Earth Map ****/
.VEAPI_Pushpin
{ 
    text-decoration: none;
}
 
.pinStyle1 
{
    position:relative; 
    background:url(../images/pin1.gif) no-repeat 0 0; 
    height:30px; 
    width:25px; 
    top:-15px; 
    color:#fff; 
    text-align:center; 
    font: bold 12px Arial; 
    cursor: pointer;
}

.pinStyle1 .text 
{
    position: relative; 
    top: 2px;
}

.map 
{
   position:relative;
   width:650px;
   height:400px;
   margin: 0 auto;
   border: 1px solid #787e94;

}

/**************** Accordion*********************/

#accordion
{
width: 650px;
border-bottom: solid 1px #c4c4c4;
margin: 0 auto;
padding: 0;
text-indent: 0;
         
}
#accordion a.head
{
background: #F8F3DC url(images/collapsed.gif) no-repeat right;
border: 1px solid #000;
color: #000;
cursor: pointer;
display: block;
font: bold 120%/100% Arial, Helvetica, sans-serif;
font-size:14px;
margin: 0;
padding: 7px 20px 15px 10px;
text-decoration: none;
text-indent: 0px;
}

#accordion a.head:hover
{
background-color: #fff;
color: #000;
}

#accordion a.selected
{
background-image: url(images/expanded.gif);
}

#accordion a.current
{
    background-color: #FFFF99;
}	


#dhtmltooltip{
    color:#000000;
    position: absolute;
    text-align: justify;
    width: 100px;
    font-size: 11px;
    border: 1px solid black;
    padding: 3px;
    background: #ffffcc;
    visibility: hidden;
    z-index: 100;
    /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
}
