@charset "utf-8";
/* Hi! This is my CSS! I hope it's as elegant and self-explanitory as I planned it to be! Let's start off with a few general rules: */

body {
    background-color: #ffffff;
}
html, body, ul, ol, li, p, form, fieldset, img {
    border: 0;
    padding: 0px;
    margin: 0px;
}

/* This are all universal DIVS that will be found on ALL pages  */
/* The #wrapper holds all the content and makes things neat and tidy */
#wrapper {
    margin-right: auto;
    margin-left: auto;
    position: relative;
    width: 800px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #000000;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #000000;
}
#footer_nav {
    background-color: #0d59a8;
    height: 43px;
    width: 800px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    text-align: center;
    padding-top: 10px;
}
    #footer_nav a {
    color: #FFFFFF;
    text-decoration: none;
    }
    #footer_nav a:hover {
    color: #CCCCCC;
    text-decoration: underline;
    }
#footer {
    background-color: #ffffff;
    width: 800px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #000000;
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
}
    #footer a {
    color: #0D5988;
    text-decoration: none;
    }
    #footer a:hover {
    text-decoration: underline;
    }
/* This is all HOME PAGE stuff...  */
#splash_header {
    background-color: #0d5988;
    background-image: url(/design/2728portcity-05-Home_r1_c1.gif);
    background-repeat: no-repeat;
    clear: ;
    height: 271px;
    width: 800px;
}
#splash_navbar {
    background-color: #0D59A8;

    clear: ;
    height: 59px;
    width: 800px;
    padding-bottom: 3px;
}

#splash_mainContentHldr {
    background-color: #0d59a8;
    height: 249px;
    width: 800px;
    clear: both;
    padding-top: 8px;
    /*float: right;*/
}

    #splash_mainContentHldr h1 {
    font-family: "Arial Narrow", Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-top: 9px;
    Margin-Bottom: 3px;
       
    }   
 
   #splash_mainContentHldr h2 {
    font-family: "Arial Narrow", Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    color: #333333;
    line-height: 6px;
    margin-top: 4px;
    margin-bottom: 0px;
    
    } 
   
    #splash_mainContentHldr p {
    font-family: "Arial Narrow", Arial, sans-serif;
    font-size: 12px;
    color: #000000;
    margin-left: 16px;
    text-align: left;
    line-height: 15px;
    margin-right: 5px;
    
    } 
   
    #splash_mainContentHldr a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #990000;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 18px;
    text-decoration: underline;
    
    }
    
    #splash_mainContentHldr a:hover {
    color: #000000;
    text-decoration: none;
    
    }
    /*#splash_mainContentHldr img {
    float: left;
    margin: 10px;*/
    
    }

#tony_hldr {
    height: 247px;
    width: 800px;
    float: left;
}
#MainCon_Login {
    width: 396px; 
}
#MainCon_left {
    width: 126px;
    display: inline;
}
#MainCon_right {
    width: 250px;
    display: inline; 
}
#splash_feature_prod {
    height: 247px;
    width: 396px;
    background-image: url(/design/SplashFeature1_BG.jpg);
    background-repeat: no-repeat;
    background-position: 2px 0px;
    float: left;
}
#splash_featuredPic {
    background-color: #0d59a8;
    height: 234px;
    width: 394px;
    float: right;
}
.online_img {
    /*float: left;*/
    margin-right: 4px;
    margin-left: 10px;
    margin-top: 8px;
}
.login_img {
    margin-top: 5px;
}

#splash_stripee {
    background-color: #0d59a8;
    background-image: url(/design/2728portcity-05-Home_r4_c1.gif);
    background-repeat: no-repeat;
    clear: both;
    height: 40px;
    width: 800px;
}
#int_shell {
    width:800px;
    background-color: #0D59A8;
    overflow: hidden;
}
#int_col_A {
    width: 212px;
    float: left;
    background-color: #0D59A8;
}
#int_col_B {
    width: 588px;
    float: right;
    clear: right;
    background-color: #0D59A8;
}
#int_LogoTopLeft {
    width: 212px;
    background-color: #0D59A8;
    background-image: url(/design/Int_TopLeftLogo1.jpg);
    height: 271px;
}
#int_OnlineBox {
    width: 212px;
    background-color: #0D59A8;
    background-image: url(/design/Int_OnlineBankingBGvBG.jpg);
    background-repeat: no-repeat;
    height: 122px;
}
    #int_OnlineBox p {
    font-family: "Arial Narrow", Arial, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    color: #333333;
    font-weight: bold;
    }
    #int_OnlineBox a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    text-decoration: underline;
    text-transform: uppercase;
    }
    #int_OnlineBox a:hover {
    color: #000000;
    text-decoration: none;
    }
    #int_OnlineBox ul, li {
    list-style-image: url(/design/Bullet-Gray.gif);
    }
#int_MissionBox {
    width: 212px;
    background-color: #0D59A8;
    background-image: url(/design/Int_OnlineBankingBGvBG.jpg);
    background-repeat: no-repeat;
    height: 122px;
}
    #int_MissionBox h1 {
    font-family: "Arial Narrow", Arial, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000000;
    margin-left: 45px;
    margin-right: 45px;
    margin-top: 3px;
    margin-bottom: 8px;
    text-transform: uppercase;
}
    #int_MissionBox p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 10px;
    margin-right: 5px;
    text-align: left;
    margin-left: 12px;
}
#int_FeatureBox {
    width: 212px;
    background-color: #0D59A8;
    background-image: url(/design/Int_Personal-CheckingBGSetupNoButton.jpg);
    background-repeat: no-repeat;
    height: 284px;
}

#int_TopRightBanner {
    width: 588px;
    height:77px;
    background-color: #0D59A8;
    background-image: url(/design/Int_TopRightLogo1.jpg);
    background-repeat: no-repeat;
}
#int_TopNav {
    width: 588px;
    height:49px;
    background-color: #0D59A8;
    background-image: url(/design/Int_TopNavBG.jpg);
    background-repeat: no-repeat;
    padding-top: 4px;
}
#int_TopMainHLDR {
    width: 584px;
    background-color: #0D59A8;
    margin: 4px;
}
#int_TopMainCONTENT {
    width: 580px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;    
    background-color: #b7cee5;
    border: 1px solid #000000;
}

#int_TopMainCONTENT td {
      font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333; 
}
    #int_TopMainCONTENT img {
        float: right;
        padding-top: 22px;
        padding-right: 22px;
        padding-bottom: 15px;
        padding-left: 18px;
    }
    #int_TopMainCONTENT h1 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #004ba1;
        font-size: 22px;
        font-weight: bold;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 20px;
    }
    #int_TopMainCONTENT h2 {
        font-family: "Arial Narrow", Arial, sans-serif;
        font-size: 16px;
        color: #000000;
        margin-left: 25px;
        margin-top: 2px;
        margin-bottom: 2px;
    }
   #int_TopMainCONTENT h3 {
        font-size: 14px
        color: #004BA1;
        margin-left: 25px;
        margin-top: 2px;
        margin-bottom: 2px;

}
    #int_TopMainCONTENT p {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #333333;
        margin-left: 30px;
        margin-right: 20px;
        margin-bottom: 10px;
    }
    #int_TopMainCONTENT a {
        color: #004BA1;
        font-weight: bold;
    }
    #int_TopMainCONTENT a:hover {
    text-decoration: none;
    }
    #int_TopMainCONTENT ul {
        margin-bottom: 12px;
        margin-top: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #333333;
    }
    #int_TopMainCONTENT li {
        list-style-type: square;
        margin-left: 50px;
    }
    .int_mainContent_BACKTOTOP {
        font-family: "Arial Narrow", Arial, sans-serif;
        font-size: 9px;
        text-align: right;
        margin-right: 5px;
    }