@charset "utf-8";
/* CSS Styles for the template */
body{
    behavior:url(/2709/mirror/files/csshover.htc);
    background-image:url(/2709/mirror/images/bg.jpg);
    background-position: top;
    background-repeat:repeat-x;
    background-color: #cccccc;
    font-family: Verdana;
    font-size: 11px;
}
a{
    color: #666666;
}
a:hover{
    color: #004739;
}
h3{
    color: #004236;
    font-size: 13px;
    font-weight: bolder;
}
h4{
    color: #006854;
    font-size: 13px;
    font-weight: bolder;
}
strong{
    color: #004236;
    font-weight: bolder;
}
h1{
    color: #00624f;
    font-weight: bold;
    font-size: 14px;
    background-color: #CCCCCC;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #999999;
    padding-top: 5px;
    padding-bottom: 2px;
    padding-left: 10px;
    margin:0 1px 0 1px;
    text-align: left;
}
ul[type='square'] li{
    color: #999999; 
}
ul[type='square'] li a{
    color: #000000;
}
div.content{
    min-height:200px;
    text-align: left;
    padding: 10px 10px 20px 10px;
}
#main{
    width: 770px;
    margin:0px auto 0px auto;
    position: relative;
}
#main #head{
    width:    100%;
    height: 134px;
}
#main #head #border{
    height: 4px;
}
#main #head #border #left{
    float: left;
}
#main #head #border #center{
    float:left;
    height: 4px;
    width: 762px;
    background-color:#FFFFFF;
}
#main #head #border #right{
    float: right;
}
#main #head #content{
    clear:both;
    height: 100%;
    background-color: #ffffff;
    text-align: left;
}
#main #head #content #logo{
    margin-top: 0px;
    margin-left: 20px;
}
#main #head #content #slogan{
    margin-bottom: 22px;
    margin-left: 10px;
}
#main #head #content #left{
    float: left;
}
#main #head #content #right{
    float: right;
    text-align: right;
    padding-right: 10px;
}
#main #head #content #right #middle{
    margin-top: 5px;
    margin-bottom: 5px;
}
#main #head #content #right #bottom{
    margin-top: 10px;
}
#main #head #content #right #bottom a{
    margin-left: 5px;
    margin-right: 5px;
}


                /* NAVIGATION */
#navbar,{
    float: left;
    clear: both;
    background-color:#ffffff;
    height: 32px;
    padding-left: 1px;
    padding-right: 1px;
}
#navbar ul{
    width: 768px;
    height: 28px;
    margin: 0px;
    padding: 0px;
    background-image: url(/2709/mirror/images/bg.gif);
}
#navbar a {
    display: block;
    text-decoration: none;
    text-align:center;
    border-right: 1px solid #cccccc;
    width: 144px;
    w/idth: 147px;
    height: 21px;
    padding: 7px 3px 0 3px;
    color: #ffffff;
    font-size: 10px;
    font-weight: bold;
}
#navbar li {
    list-style: none;
    float: left;
    padding: 0;
    margin:0;
    width:150px;
    w/idth:153px;
}
#navbar li ul {
    position: absolute;
    left: -999em;
    height: auto;
    width: 150px;
    w/idth: 153px;
    padding:0;
    margin: 0;
}
#navbar li li {
    width: 150px;
    w/idth: 153px;
    border-right: 1px solid #82b4aa;
    border-left: 1px solid #82b4aa;
    border-bottom: 1px solid #82b4aa;
}
#navbar li ul a {
    color: #ffffff;
    position:relative;
    background-color: #004236;
    width: 144px;
    w/idth: 147px;
    display: block;
    text-align: left;
    padding: 3px;
    height:auto;
}
#navbar li li a:hover{
    background-color: #82b4aa;
    color: #004236;
}
#navbar li ul ul {
    margin: -32px 0 0 153px;
}
#navbar li:hover ul ul, #navbar li:hover ul ul ul, #navbar li.sfhover ul ul, #navbar li.sfhover ul ul ul {
    left: -999em;
}
#navbar li:hover ul, #navbar li li:hover ul, #navbar li li li:hover ul, #navbar li.sfhover ul, #navbar li li.sfhover ul, #navbar li li li.sfhover ul {
    left:auto;
}
#navbar li:hover, #navbar li.sfhover {
    background-image: url(/2709/mirror/images/bg_over.gif);
    background-position: top;
    background-repeat: repeat-x;
}
#main #navbar #separator{
    clear: both;
    width: 768px;
    height: 4px;
    background-image: url(/2709/mirror/images/barbg.gif);
}


#main #body{
    clear: both;
    background-color: #ffffff;
    text-align: left;
}
#main #body #screen{
    float: left;
    padding: 1px 1px 1px 1px;
}
#main #body #ad{
    float: right;
    padding: 1px 1px 1px 1px;
}
#main #body #ad img{
    border: 2px solid #00392e;
    margin: 3px 3px 2px 2px;
}
#main #body #bar{
    clear:both;
    margin-left: 1px;
    margin-right: 1px;
    height: 5px;
    background-color: #cccccc;
}
#main #body #three-panel{
    clear:both;
    padding-left: 1px;
}
#main #body #three-panel #panel{
    width: 33.2%;
    float: left;
    border-right: 1px solid #cccccc;
}
#main #body #three-panel #panel:last-child{
    border-right: none;
}
#main #body #three-panel #panel #top{
    height: 90px;
}


#main #body #three-panel #panel #top .leftcopy{
    width:150px; float:left; color:#000000; margin:13px 0px 13px 25px; /*12px 6px; IE only*/
}
* > #main #body #three-panel #panel #top .leftcopy{
    
    margin:7px 0px 7px 25px; /*non-IE*/
}

#main #body #three-panel #panel #top img{
    margin-top: 5px;
}
#main #body #three-panel #panel #middle{
    height: 22px; /*28 with padding*/
    background-image: url(/2709/mirror/images/bg.gif);
    color:#ffffff;
    font-weight:bold;
    font-size:13px;
    padding:6px 0 0 12px;
}
#main #body #three-panel #panel #bottom{
    height: 135px;
}
#main #foot{
    clear:both;
    background-color:#ffffff;
}
#main #foot #left{
    background-color:#ffffff;
    float: left;
    text-align: left;
}
#main #foot #left img,h3{
    padding-left: 10px;
}
#main #foot #right{
    float: right;
}
#main #foot #right #adbanner{
    float: left;
    width: 468px;
    height: 57px;
    margin-right: 2px; /*IE only*/
    line-height: 57px;
    font-size: 11px;
    font-weight: bold;
}
* > #main #foot #right #adbanner{ /*non-IE*/
    margin-right: 5px;
}
#main #foot #right #gobutton{
    margin-right: 1px; /*IE only*/
}
* > #main #foot #right #gobutton{
    margin-right: 3px; /*non-IE*/
}
#main #foot #border{
    clear: both;
}
#main #foot #border #left{
    float: left;
}
#main #foot #border #center{
    float:left;
    height: 4px;
    width: 762px;
    background-color:#FFFFFF;
}
#main #foot #border #right{
    float: right;
}
#main #end{
    clear:both;
    margin-top: 20px;
}
#main #end #fdic{
    float:left;
}
#main #end #fdic a{
    text-decoration:none;
}
#main #end #fdic a img{
    border-width: 0px;
}
#main #end #sitemap{
    text-align: center;
    width: 75%;
}
#main #end #ehl{
    float:right;
    width: 75px;
}
#main #end #ehl a{
    text-decoration:none;
}
#main #end #ehl a img{
    border-width: 0px;
}
#main #end #text{
    text-decoration: underline;
}
#main #end #sitemap{
    float: left;
}
#main #end #sitemap #bankname{
    font-weight: bold;
    font-size: 11px;
    color: #006854;
}
#main #end #disclaimer{
    clear: both;
    margin-top: 5px;
    font-size:9px;
}






.title{
    border-bottom: 1px solid #f0f0f0;
    margin: 0px;
}
input{
    margin:2px;
    padding:2px;
    border: 1px solid #000000;
    background-color: #cccccc;
    font-size: 9px;
    color: #000000;
}
input.login{
    padding:2px;
    background-color: #006854;
    font-size: 8px;
    color: #ffffff;
    font-weight: bold;
    text-transform:uppercase;
}
.floatright{
    float: right;
}
.padtop{
    padding-top: 10px;
}
a.golink{
    clear:both;
    background-image:url(/2709/mirror/images/yellow_bullet.gif);
    background-repeat:no-repeat;
    background-position:left 50%;
    padding:0 0 0 12px;
    margin:2px;
}
.property{
border-collapse:collapse;
}
.property td{
border: 1px solid #ccc;
}