@charset "utf-8";
/* *******************************************
    Stylesheet for Mifflinburg Bank & Trust
    Oshyn Inc. - LC - 10-19-07
   ****************************************** */
/* Reset
************************** */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    /*font-size: 9pt;*/
    font-family: Arial, Helvetica, Verdana, sans-serif;
    vertical-align: baseline;

}
:focus {
    outline: 0;
}
ol {
    margin-left: 3em;
}
ul {list-style-type: square; margin-left: 1.5em;}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
iframe {border: 1px solid #cccccc;}
caption, th, td {
    font-weight: normal;
}

/* Global
************************** */
body {background: #012768; margin: 10px; behavior:url(/WA/2716mifflinburg-dev/hover.htc); font-family: Arial, Helvetica, Verdana, sans-serif;}
a img {border: none;}
* {line-height: 1.5; font-size: 9pt; font-family: Arial, Helvetica, Verdana, sans-serif;}
a {color: #4d596c;}
a:hover {color: #333333;}
.clearer {clear: both;}
.bordered_box {border: 1px solid #cccccc; margin: 10px 0px 0px 0px; width: 100%;}
.bordered_box img {display:inline;}
.bordered_box p {margin: 7px;}
.small {font-size: 7pt; line-height: 1.1em; color: #666666; padding: 0px 15px;}
sup {font-size: .75em; vertical-align: text-top;}
h2 {margin: 1.5em 0 .75em 0; font-size: 1.5em; font-weight: bold; color: #6a7b95;}
h2 span {font-weight: normal; color: black;}
.product_box {border: 1px solid #cccccc; background-color: #FFFFFF; align: center; margin: 10px 2px 0px 0px; padding-bottom: 5px; width: 98%;}
.product_box h1 {padding: 5px 0px 5px 0px; align: center;}
.product_box img {border: 1px solid #012768; align: left; margin: 5px;}
/* .product_box p {margin: 0px;} */ 
p {margin-bottom: 2em;}
.floatimageleft {
    margin: 0px 5px 5px 0px;
    float: left;
}
.divider {width: 100%; height: 5px; padding: 0; margin: 1.5em 0; font-size: 1px;}
#content, {text-align: justify;}
.redtext {color: red;}
/* Layout
************************** */
.wrapper {
    width: 910px; /* 930px */
    margin: 0 auto;    
    border: 10px solid white;
    overflow:hidden;
    position:relative;
    background: #ffffff url(/WA/2716mifflinburg-dev/images/bg_internal.gif) top left repeat-y;
}
    #home .wrapper {background: #ffffff;}
.header {position: relative; width: 910px; height: 137px; overflow:hidden; top: 0px; left: 0px;}
.banner {
    width: 910px;
    height: 137px;
    float: left;
    clear: none;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
}
.header_box {
    position: relative; 
    right: 21px;
    top: 12px;
    float: right; 
    clear: none; 
    z-index: 10; 
    height: 83px; /* 83px */
    width: 224px; /* 250px */
    padding: 13px;
    background: #ffffff;
    border: 1px solid #c6ccd7;
    color: #012768;
}
    .header_box h1 {font-weight: bold; font-size: 1.1em; text-transform: uppercase; color: #012768;}
    
.topnav {
    height: 22px; /* 27px */
    width: 884px; /* 909px */
    background: #012768;
    color: #ffffff;
    padding: 5px 13px 0px 13px;
    border-bottom: 2px solid #ffffff;
}    
    .topnav a {color: #ffffff; text-decoration: none;}
    .topnav a:hover {color: #c6ccd7;}
    .topnav .right {float: right; display: inline; clear: none; text-align: right; text-decoration:underline; font-weight: bold; text-transform: uppercase;}
.footer {
    height: auto;
    overflow:hidden;
    width: 884px; /* 909px */
    background: #ffffff;
    border-top: 3px solid #012768;
    border-bottom: 3px solid #012768;
    padding: 5px 13px 0px 13px;
    margin: 10px 0px 0px 0px;
}
    
    .footer a {color: #012768; text-decoration:none; font-size: .9em;}
    .footer p {font-size: .8em; line-height: .8em; margin: 5px 0px; color: #4d596c;}
    .footer p.legal {color: #999999;}
    .footer p a {font-size: inherit;}
    
    
    .footer .right {text-align: center; margin-left: 8px; margin-top: 15px; float: right; display: inline; clear: none; text-decoration:underline; font-weight: bold; text-transform: uppercase;}
    
.left_main_col {
    width: 198px;
    float: left;
    clear: none;
    display: inline;
}
    .left_main_col a {font-weight: bold;}
    .left_main_col .bordered_box {width: 195px;}
    
    .left_main_col div.bordered_box p {font-size: 8pt; margin-top: 1em; line-height: 1.2em;}
.right_main_col {
    width: 708px;
    margin-left: 3px;
    float: left;
    display: inline;
    clear: none;
}
ul.leftnav {border-bottom: 1px solid white;}
ul.leftnav, ul.leftnav ul {list-style-type: none; margin-left: 0;}
ul.leftnav li {
    background: #002663;
    border-bottom: 1px solid white;
    height: 22px;
    width: 197px;    
    position: relative;
    vertical-align : middle;
    
}
    
    ul.leftnav li a {text-decoration:none; color: #27477f; display: block; background: #dee2e8; padding: 3px 0 0 10px; margin: 0 0 0 15px; height: 19px; width: 172px; }
    ul.leftnav li a:hover {color: #000000;}
    
    
    
    /* Flyouts */
    
    ul.leftnav li ul {position: absolute; left: 197px; top: 0px; display:none; z-index: 5;}
    ul.leftnav li:hover ul {display: block;}
    ul.leftnav li ul li {border-left: none; border-bottom:1px solid white; margin-bottom: 0; width: 182px;}
    ul.leftnav li ul li a {color: #ffffff; margin-left: 0px;}
    ul.leftnav li ul li a:hover {color: #dee2e8;}
    
    /* Flyout Colors */
    
    ul.leftnav li.leftnavsub1, ul.leftnav li.leftnavsub1 ul li a  {background: #d11600;}
        
    ul.leftnav li.leftnavsub2, ul.leftnav li.leftnavsub2 ul li a  {background: #939905;}
    
    ul.leftnav li.leftnavsub3, ul.leftnav li.leftnavsub3 ul li a  {background: #0038a8;}
    
    ul.leftnav li.leftnavsub4, ul.leftnav li.leftnavsub4 ul li a {background: #7c211e;}
    
    ul.leftnav li.leftnavsub5, ul.leftnav li.leftnavsub5 ul li a  {background: #005571;}
    
    ul.leftnav li.leftnavsub6, ul.leftnav li.leftnavsub6 ul li a  {background: #e87511;}
    
    ul.leftnav li.leftnavsub7, ul.leftnav li.leftnavsub7 ul li a {background: #007a3d;}
    
    ul.leftnav li.leftnavsub8, ul.leftnav li.leftnavsub8 ul li a  {background: #5b195e;}
    
    ul.leftnav li.leftnavsub9, ul.leftnav li.leftnavsub9 ul li a  {background: #00335b;}
    
    ul.leftnav li.leftnavsub10, ul.leftnav li.leftnavsub10 ul li a  {background: #75aadb;}
    
    ul.leftnav li.leftnavsub11, ul.leftnav li.leftnavsub11 ul li a  {background: #a56b6d;}
    
.leftcol {margin: 21px 20px; float: left; width: 438px; clear: none; display:inline;}
.rightcol {margin: 21px 1px 0px 0px; width: 217px; float: right; clear: none; display:inline;}
#content {width: 645px; margin: 0px auto; padding: 20px 0px;}
#content .xxsmall {font-size: xx-small;}/*xxsmall*/
#content .xsmall {font-size: x-small;}/*xsmall*/
#content .small {font-size: small;}/*small*/
#content .medium {font-size: medium;}/*medium*/
#content .large {font-size: large;}/*large*/
#content .xlarge {font-size: x-large;}/*xlarge*/
#content .xxlarge {font-size: xx-large;}/*xxlarge*/
.header_image {float: left; display: inline; clear: none; width: 182px; height: 121px;}
.header_title {float: left; display: inline; clear: none; width: 526px; height: 121px; text-align: right; vertical-align:bottom;}
.header_title h1 {text-align: right; font-size: 3em; font-weight: bold; padding: 60px 8px 7px 0px; line-height:1.5em;}
/* Section Colors 
*********************** */
#personal .divider, #personal .header_title h1 {background: #D11600; color: #E7857A;}
#personal ul.leftnav a.active {background: #e7857a; color: #ffffff;}
#personal .datagrid th {background: #D11600; color: #ffffff;}
#personal #content img {border-color: #D11600;}
#personal .product_box h1 {color: #D11600;}
#personal #content h1 {font-size: 2.5em; text-align: center; color: #D11600; text-decoration: underline; }
#personal #content h3 {font-size: 1.25em; color: #D11600;}
#personal #content h4 {font-size: 1.2em; color: #D11600;}
#personal #content h5 {font-size: 1em; color: #D11600;}
#personal #content h6 {font-size: .75em; font-weight: bold;}

#fiftyplus .divider, #fiftyplus .header_title h1 {background: #939905; color: #cfd366;}
#fiftyplus ul.leftnav a.active {background: #cfd366; color: #ffffff;}
#fiftyplus .datagrid th {background: #939905; color: #ffffff;}
#fiftyplus #content img {border-color: #939905;}
#fiftyplus .product_box h1 {color: #939905;}
#fiftyplus #content h1 {font-size: 2.5em; text-align: center; color: #939905; text-decoration: underline; }
#fiftyplus #content h3 {font-size: 1.25em; color: #939905;}
#fiftyplus #content h4 {font-size: 1.2em; color: #939905;}
#fiftyplus #content h5 {font-size: 1em; color: #939905;}
#fiftyplus #content h6 {font-size: .75em; font-weight: bold;}

#business .divider, #business .header_title h1 {background: #0038A8; color: #6584c4;}
#business ul.leftnav a.active {background: #6584c4; color: #ffffff;}
#business .datagrid th {background: #0038a8; color: #ffffff;}
#business #content img {border-color: #0038a8;}
#business .product_box h1 {color: #0038a8;}
#business #content h1 {font-size: 2.5em; text-align: center; color: #0038a8; text-decoration: underline; }
#business #content h3 {font-size: 1.25em; color: #0038a8;}
#business #content h4 {font-size: 1.2em; color: #0038a8;}
#business #content h5 {font-size: 1em; color: #0038a8;}
#business #content h6 {font-size: .75em; font-weight: bold;}

#medical .divider, #medical .header_title h1 {background: #7C211E; color: #d08b88;}
#medical ul.leftnav a.active {background: #d08b88; color: #ffffff;}
#medical .datagrid th {background: #7c211e; color: #ffffff;}
#medical #content img {border-color: #7c211e;}
#medical .product_box h1 {color: #7c211e;}
#medical #content h1 {font-size: 2.5em; text-align: center; color: #7c211e; text-decoration: underline; }
#medical #content h3 {font-size: 1.25em; color: #7c211e;}
#medical #content h4 {font-size: 1.2em; color: #7c211e;}
#medical #content h5 {font-size: 1em; color: #7c211e;}
#medical #content h6 {font-size: .75em; font-weight: bold;}

#professional .divider, #professional .header_title h1 {background: #005571; color: #5f8d9c;}
#professional ul.leftnav a.active {background: #5f8d9c; color: #ffffff;}
#professional .datagrid th {background: #005571; color: #ffffff;}
#professional #content img {border-color: #005571;}
#professional .product_box h1 {color: #005571;}
#professional #content h1 {font-size: 2.5em; text-align: center; color: #005571; text-decoration: underline; }
#professional #content h3 {font-size: 1.25em; color: #005571;}
#professional #content h4 {font-size: 1.2em; color: #005571;}
#professional #content h5 {font-size: 1em; color: #005571;}
#professional #content h6 {font-size: .75em; font-weight: bold;}

#nonprofit .divider, #nonprofit .header_title h1 {background: #E87511; color: #fed2ab;}
#nonprofit ul.leftnav a.active {background: #fed2ab; color: #ffffff;}
#nonprofit .datagrid th {background: #E87511; color: #ffffff;}
#nonprofit #content img {border-color: #E87511;}
#nonprofit .product_box h1 {color: #E87511;}
#nonprofit #content h1 {font-size: 2.5em; text-align: center; color: #E87511; text-decoration: underline; }
#nonprofit #content h3 {font-size: 1.25em; color: #E87511;}
#nonprofit #content h4 {font-size: 1.2em; color: #E87511;}
#nonprofit #content h5 {font-size: 1em; color: #E87511;}
#nonprofit #content h6 {font-size: .75em; font-weight: bold;}

#ag .divider, #ag .header_title h1 {background: #007A3D; color: #6da489;}
#ag ul.leftnav a.active {background: #6da489; color: #ffffff;}
#ag .datagrid th {background: #007a3d; color: #ffffff;}
#ag #content img {border-color: #007a3d;}
#ag .product_box h1 {color: #007a3d;}
#ag #content h1 {font-size: 2.5em; text-align: center; color: #007a3d; text-decoration: underline; }
#ag #content h3 {font-size: 1.25em; color: #007a3d;}
#ag #content h4 {font-size: 1.2em; color: #007a3d;}
#ag #content h5 {font-size: 1em; color: #007a3d;}
#ag #content h6 {font-size: .75em; font-weight: bold;}

#online .divider, #online .header_title h1 {background: #5B195E; color: #9c719e;}
#online ul.leftnav a.active {background: #9c719e; color: #ffffff;}
#online #content img {border-color: #9c719e;}
#online .product_box h1 {color: #9c719e;}
#online #content h1 {font-size: 2.5em; text-align: center; color: #9c719e; text-decoration: underline; }
#online #content h3 {font-size: 1.25em; color: #9c719e;}
#online #content h4 {font-size: 1.2em; color: #9c719e;}
#online #content h5 {font-size: 1em; color: #9c719e;}
#online #content h6 {font-size: .75em; font-weight: bold;}

#investment .divider, #investment .header_title h1 {background: #00335B; color: #50697d;}
#investment ul.leftnav a.active {background: #50697d; color: #ffffff;}
#investment .datagrid th {background: #00335b; color: #ffffff;}
#investment #content img {border-color: #00335b;}
#investment .product_box h1 {color: #00335b;}
#investment #content h1 {font-size: 2.5em; text-align: center; color: #00335b; text-decoration: underline; }
#investment #content h3 {font-size: 1.25em; color: #00335b;}
#investment #content h4 {font-size: 1.2em; color: #00335b;}
#investment #content h5 {font-size: 1em; color: #00335b;}
#investment #content h6 {font-size: .75em; font-weight: bold;}

#customer .divider, #customer .header_title h1 {background: #75AADB; color: #bbd6ef;}
#customer ul.leftnav a.active {background: #bbd6ef; color: #ffffff;}
#customer .datagrid th {background: #75aadb; color: #ffffff;}
#customer #content img {border-color: #75aadb;}
#customer .product_box h1 {color: #75aadb;}
#customer #content h1 {font-size: 2.5em; text-align: center; color: #75aadb; text-decoration: underline; }
#customer #content h3 {font-size: 1.25em; color: #75aadb;}
#customer #content h4 {font-size: 1.2em; color: #75aadb;}
#customer #content h5 {font-size: 1em; color: #75aadb;}
#customer #content h6 {font-size: .75em; font-weight: bold;}

#community .divider, #community .header_title h1 {background: #A56B6D; color: #cab1b2;}
#community ul.leftnav a.active {background: #cab1b2; color: #ffffff;}
#community .datagrid th {background: #A56B6D; color: #ffffff;}
#community #content img {border-color: #A56B6D;}
#community .product_box h1 {color: #A56B6D;}
#community #content h1 {font-size: 2.5em; text-align: center; color: #A56B6D; text-decoration: underline; }
#community #content h3 {font-size: 1.25em; color: #A56B6D;}
#community #content h4 {font-size: 1.2em; color: #A56B6D;}
#community #content h5 {font-size: 1em; color: #A56B6D;}
#community #content h6 {font-size: .75em; font-weight: bold;}

#other .divider, #other .header_title h1 {background: #DEE2E8; color: #012768;}
#other .datagrid th {background: #012768; color: #ffffff;}
#other #content img {border-color: #012768;}
#other .product_box h1 {color: #012768;}
#other #content h1 {font-size: 2.5em; text-align: center; color: #D11600; text-decoration: underline; }
#other #content h3 {font-size: 1.25em; color: #D11600;}
#other #content h4 {font-size: 1.2em; color: #D11600;}
#other #content h5 {font-size: 1em; color: #D11600;}
#other #content h6 {font-size: .75em; font-weight: bold;}

/* Tables
********************** */
.datagrid {border-collapse: collapse; border-width: 1px; width: 100%; margin: 1.5em 0;}
.datagrid th, .datagrid td {border-color: #000000; border-style: solid; border-width: 1px; padding: 5px;}
.datagrid th {font-weight: bold;}
.datagrid th a {color: #ffffff;}
.datagrid td {text-align: center;}
.datagrid td.left {text-align: left;}
.datagrid small {font-size: .9em; font-weight: inherit;}
.footnotes, .footnotes li {font-size: .9em;}
.footnotes {margin-left: 2.5em;}
 
.iframeTitles {
    color: #ffffff;
    background-color: #012768;
    border-style: none;
    border-bottom-style: solid;
    border-color: #009999;
    border-width: 3px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    padding-left: 5px;
    position: relative;
    top: 5px;
    width: 100%;
}
.shareholder {
    text-align: center;
    color: #27477F;
    background-color: #DEE2E8;
    border-style: solid;
    border-color: #cccccc;
    border-width: 1px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    top: 5px;
    padding: 3px;
}
 
.ciCenter {
    text-align: center;
    color: #ffffff;
    background-color: #012768;
    border-style: solid;
    border-color: #cccccc;
    border-width: 1px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    position: relative;
    top: 10px;
    padding: 5px;
    margin-bottom: 15px;
}
.ciCenter a {
    color: #ffffff;
}
.whiteLink {
    color: #ffffff;
    tex-decoration: underline;
}
.whiteLink:hover {
    color: #ffffff;
    tex-decoration: none;
}
.shareholderLink {
    color: #27477F;
    tex-decoration: underline;
}
.shareholderLink:hover {
    color: #27477F;
    tex-decoration: none;
}
.tableHeading {     color: #FFFFFF;     padding: 3px;     text-align: center; }