/*  
Site Name: First National Bank
Author: Rockfish Interactive

=COLORS
Body Background:
Main Text:
Links:

=RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
a:focus { outline:none; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

/* =DEFAULT STYLES */
.fl {float: left; clear:none; }
.fr {float: right; margin-left:10px; }
.clear {clear: both; height:1px; line-height:1px; }
.cnt {text-align: center;}
.lt {text-align: left;}
.rt {text-align: right;}
.jst { text-align:justify; }
.hidden {display: none;}	
.fbcprice { color:#9A0130; font-weight:bold; }
#jsErrorMsg { display:none; }
.emailwarn { font-weight:bold; } 
	
/* =GLOBAL ELEMENTS */
body { font: 62.5%/1.5em Arial, Helvetica, sans-serif; background:#fff; color:#666; }
object { outline:none; }
a, a:link, a:visited { color:#e68a05; text-decoration:underline; }
a:hover, a:active { text-decoration:none; }
strong { font-weight:bold; }
em { font-style:italic; }
strong em { font-weight:bold; font-style:italic; }

#wrapper { width: 932px; margin: 10px auto; }

/* =HEADER */
#header { padding-left:40px; position:relative; }
    #header h1 { width:353px; height:55px; text-indent:-9999px; background:url(/images/logo.gif) no-repeat top left; }
    #header h1 a { position:absolute; width:353px; height:55px; top:0; left:0; outline:none; }
    #header #topnav { color:#323232; float:right; font-size:.9em; }
        #topnav li { display:block; float:left; }
            #topnav li a, #subnav li a:visited { color:#323232; padding:0 4px; text-decoration:none; }
            #topnav li a:hover { text-decoration:underline;}

/* =NAVIGATION */
#bar { background:#adadad; clear:right; height:25px; }
#breadcrumbs { clear:right; padding:3px 0; }
.homepage #breadcrumbs { clear:none; }

#mainnav { background:#323232; float:left; }
    #mainnav li { display:block; float:left; width:186px; background:#323232; position:relative; }
        #mainnav li a, #mainnav li a:visited { display:block; padding:10px 20px; color:#fff; text-decoration:none; border:1px solid #323232; border-top:none; border-bottom:none; }
        #mainnav li a:hover { text-decoration:none; border:1px solid #646464; border-top:none; border-bottom:0; }        
        #mainnav li.aLogin { background:#9b0917 url(/images/nav/bgLogin.gif) repeat-x top left; border:none; border-right:2px solid #9F0716; }
        #mainnav li.aLogin a, #mainnav li.aLogin a:visited, #mainnav li.aLogin a:hover { border:none; }
            #mainnav li strong { display:block; text-indent:-9999px; height:16px; }
            #mainnav li.aLogin strong { background:url(/images/nav/aLogin.gif) no-repeat top left; width:39px; }
            #mainnav li.aContact strong { background:url(/images/nav/aContact.gif) no-repeat top left; width:80px; }
            #mainnav li.aAbout strong { background:url(/images/nav/aAbout.gif) no-repeat top left; width:68px; }
            #mainnav li.aLogin a:hover strong, #mainnav li.aContact a:hover strong, #mainnav li.aAbout a:hover strong, #mainnav li.aResource a:hover strong, #mainnav li.aBranches a:hover strong { background-position:0 -16px; }
            #mainnav li.aResource strong { background:url(/images/nav/aResource.gif) no-repeat top left; width:123px; }
            #mainnav li.aBranches strong { background:url(/images/nav/aBranches.gif) no-repeat top left; width:129px; }            
            
                #mainnav li ul { background:#323232; display:none; position:absolute; padding-bottom:10px; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; z-index:10; } 
                #mainnav li:hover ul, #mainnav li.sfhover ul { display:block; left:auto; }
                #mainnav li:hover ul li { background:transparent; }
                #mainnav li li a, #mainnav li li a:visited { padding:10px 10px 0 20px; border:none; }
                #mainnav li li a:hover { text-decoration:underline; color:#e68a05; border:none; }
                
#branding { clear:left; }
#flashWrapper { float:right; width:373px; height:368px; }

/* =CONTENT */
#content { clear:left; font-size:1.2em; }
    #banking { position:relative; }
    .homepage #content ul { clear:both; }
    .homepage #content ul li { display:block; float:left; width:200px; margin: 5px 43px 0 0; }
    .homepage #content ul li h3 { width:150px; background:url(/images/nav/nav_bg.gif) repeat-x top left; line-height:27px; margin-bottom:5px; }
    .homepage #content ul li h3 a, .homepage #content ul li h3 a:visited { padding: 0 5px 0 20px; } 
    .homepage #content ul li p { padding-left:20px; width: 130px; font-size: .95em; }
    .homepage #content ul li.liServices { margin-right:0; }
    
    #sidebar { float:left; width: 183px; margin-right:5px; }    
        #sidebar #nav, #sidebar #subnav{ padding-top:5px; }
        #banking #nav { position:absolute; top: 5px; width:183px; }
            #sidebar #nav li, #banking #nav li { background:url(/images/nav/nav_bg.gif) repeat-x top left; line-height:27px; margin-bottom:5px; }
                #sidebar #nav li a, #sidebar #nav li a:visited, #banking #nav li a, #banking #nav li a:visited { display:block; padding:0 5px 0 20px; }
            
            #sidebar #subnav li { clear:left; } 
            #sidebar #subnav li a, #sidebar #subnav li a:visited { font-size:.95em; display:block; padding:0; line-height:18px; color:#9B0917; font-weight:bold; text-decoration:none;  }
            #sidebar #subnav li a:hover { text-decoration:underline; }
                #sidebar #subnav li li { padding-left:10px; clear:left; }
                    #sidebar #subnav li li a, #sidebar #subnav li li a:visited { font-weight:normal; }
            
    #main { float:left; width:744px; }    
    #banking #main { width:100%; }
        #main h2 { background:#e68b08; font-size:1.666em; color:#fff; line-height:2; padding-left:22px; margin-bottom:7px; }
        #banking #main h2 { margin-left:188px;  }
        #main h3 { padding: 5px 0 0 21px; color:#262626;font-size: 1.084em;line-height:1.3; font-weight:bold; clear:right; }
        #main h4 { padding: 5px 0 0 21px; color:#2F2929;font-size: 1em;line-height:1.2; font-weight:bold; clear:right; }
        #main h3 a { font-style:italic; margin-left:15px; font-weight:normal; font-size:.91em; }
        #main p { padding:0 0 10px 21px; }
        #main ul, #main ol { margin-left:21px; padding-bottom:10px; }
         #main ul p, #main ol p { padding-left:0; }
            #main ul li { line-height:1.4em; }
        #main ul.bul { list-style: disc; margin-left:60px; }
        #main ol.bul { list-style:decimal; margin-left:60px; }
            #main ul.bul ul { padding:0; list-style: circle; margin-left:30px; }
            
        #main .terms { width:600px; margin:0 auto; overflow:auto; height:300px; padding:10px 10px 10px 0; border:1px solid #ccc; background:#efefef; }
        #main .terms_action { padding:5px 0; text-align:center; }
            #main .terms_action a { margin-right:10px; }
        
        #main table { margin:0 0 10px 21px;  }
        #main table td { vertical-align:top; }
        #main table th { font-weight:bold; }
        #main table h3 { padding:10px 0 0 0; margin-bottom:0; }
        #main table p { padding:0 0 10px 0; }            
            table.propertyTable { width:95%; }
            table.propertyTable td { padding:10px; border:1px solid #ccc; border-right:none; border-left:none; width:50%; }
            
            table.calcTable { width:95%; }
            table.calcTable tr.trSum { background-color:#efefef; }
            table.calcTable td { padding:3px 0; }
            table.calcTable td.lbl { text-align:right; width:40%; }
            table.calcTable td .caption { padding-left:5px; }
            table.calcTable td label { padding:0 5px 0 0; line-height:23px; }
            table.calcTable td input { vertical-align:baseline; padding:2px 0; }
            table.calcTable td input.btn { padding:0; }
            
            table.ratesTable { }
                table.ratesTable th, table.ratesTable td { padding:3px; }
                table.ratesTable th { font-weight:bold; background:#e8e8e8; }
                    table.ratesTable th em { color:#9a0130; display:block; font-weight:bold; }
                table.ratesTable td.alt { background:#efefef; }
    
    #banking #main table { margin:0; width:100%; }          
        #banking #main table th { padding:10px 10px 10px 20px; color:#323232; font-size:16px; line-height:22px; vertical-align:bottom; text-align:center; }    
        #banking #main table td.hTitle { width:188px; text-align:right; font-size:12px; }
        #banking #main table td.vTop { vertical-align:top; }
        #banking #main table td { text-align:center; padding:5px 0; vertical-align:middle; font-size:14px; }
             #banking #main table td small { font-size:10px; text-align:left; display:block; padding-left:10px; } 
             
        #banking #main .inner { margin-left: 190px; }
        #banking #main ul.inner  { margin-left:210px;} 
        
        #geo_content { background:#e8951c; padding:20px 0; }
        
            #map_canvas { margin:0 20px 20px 22px; }
            
            #geo_content table { margin:0; width:100%; }
            #geo_content table th { text-align:center; color:#fff; background:#323232; line-height:24px; font-size:16px; font-weight:normal; padding:5px 0; }
                #geo_content table th span { background:#FE766A; color:#000; padding:0 4px; }
            #geo_content table td { color:#fff; padding:0 0 0 30px; line-height:20px; width:25%; }
                
    
    
/* =FORMS */
#contact_form { width:400px; background:#fff; display:none; padding:15px; text-align:left; font-size:12px; line-height:18px; }
    #contact_form h2 { font-size:20px; font-weight:bold; line-height:25px; }
    #contact_form h3 { font-weight:bold; font-size:14px; line-height:20px; margin-top:10px; }
    #contact_form #aClose, #contact_form #aClose:visited { color:#000; text-decoration:none; font-weight:bold; cursor:pointer; }
    #contact_form label.error, #contact_form p label.error { display:none; color:#9F0716; font-weight:bold; }
    .block { display:block; }
    
    #contact_form p.note { color:#9F0716; font-weight:bold; }
    #contact_form p { margin:3px 0; clear:both; }
    #contact_form p label { display:block; } 
    #contact_form p input, #contact_form p textarea { width:100%; font-size:12px; padding:2px 3px; font-family:Arial, Sans-Serif; }
    #contact_form p input:focus, #contact_form p textarea:focus { border:1px solid #E9941D; }
    #contact_form .rbs { vertical-align:baseline; }
    #contact_form .rbs label { display:inline; padding-left:3px; }
    #contact_form .rbs input { margin-left:15px; width:auto; vertical-align:middle; }
    #contact_form .rbs input:focus, #contact_form .rbs textarea:focus { border:none; }
    #contact_form p.fl, #contact_form p.fr { clear:none; }
    #contact_form p.fr input, #contact_form p.fl input { width:160px; }
    #contact_form .cnt input { margin-top:10px; width:auto; }  

/* =FOOTER */
#legal { margin-top:10px; background:url(/images/bg_footer.gif) repeat-x top left; padding-top: 62px; color:#323232; min-height:80px; height:auto !important; height:80px; font-size:.9em; }
    #legal p { float:left; }
    #legal img { vertical-align:middle; }
    #legal ul#footerAddress { float:left; padding-top:1px; }
    #legal ul#footerAddress li { display:block; float:left; padding:0 10px 0 0; }
    #legal ul#footerLinks { float:right; padding-top:1px; }
    #legal ul#footerLinks li { display:block; float:left; }
    #legal ul li a, #legal ul li a:visited { text-decoration:none; color:#323232; padding:0 4px; }
    #legal ul li a:hover { text-decoration:underline; }