
/* CSS Document */

/********** TAG **********/


html {
    height: 100%;
  }


body {
    height: 100%;
    font-family : Verdana, Arial, 'sans-serif',;
    font-size : .8em;
    margin-bottom : 0;
    margin-left : 0;
    margin-right : 0;
    margin-top : 0;
    padding-bottom : 0;
    padding-left : 0;
    padding-right : 0;
    padding-top : 0;
  }


h1 {
    clear : right;
    color : #8289AB;
    font-family : 'URW Bookman L', 'Bookman Old Style', 'bookman', 'Book Antiqua', Palatino, serif;
  }


a {
    text-decoration: underline;
    /*font-weight: bold;
    */;
  }


a:link {
    color:#374588;
  }


a:visited {
    color:#0E0E51;
  }


a:hover {
    color:#0E0E51;
    text-decoration: underline;
  }


img {
    border: 0;
  }

/********** CLASSES **********/

/* front page columns */
.outline-box {
border:1px solid #E8E8E8; 
padding:3px 10px 10px 10px; 
margin-bottom:10px;
}

.highlight-box {
background-color:#F1F3F5; 
padding:3px 10px 10px 10px; 
margin-bottom:10px;
}

.fp-lcolumn {
    margin:0 0 0 -60px;
    max-width:450px;
    float:left;
    clear:left;
  }


.fp-rcolumn {
    margin:0 -60px 0 410px;
    max-width:600px;
  }


.fp-fullpage {
    margin:0 0 50px -60px;
    max-width:1200px;
  }

/* end front page columns */



.author {
    font-style : italic;
    margin-bottom : 10px;
    text-align : right;
  }

.more-link {
    text-align : right;
}


.center {
    text-align: center;
  }


.singlepage {
    margin-left : 15%;
    margin-right : 15%;
    margin-top : 20px;
    max-width : 1000px;
    display: inline-block;
  }


.indent {
    /* indent from left*/ margin-left : 20px;
  }


.clearmenu {
    margin-left:220px;
    margin-top:20px;
    margin-right:5%;
    margin-bottom: 57px;
  }


.pageimage {
    float : right;
    margin-top : 0px;
  }


.submenu {
    /*border-right:1px solid #8289AB;
    */ clear : right;
    float : left;
    margin-right : 10px;
    margin-top : -16px;
    margin-left:0px;
    padding-bottom:40px;
    padding-top:20px;
    width : 200px;
    z-index : 60;
    background-image:url(../images/white.gif);
    background-repeat: repeat-y;
    background-position: right;
  }


.submenu a:hover {
  }


.outline {
    padding: 10px;
    border: 1px solid #8289AB;
    margin-bottom: 95px;
  }


.small_print {
    color : #505050;
    font-size : .7em;
  }


.textleft {
    text-align:left;
  }


.image-right {
    float : right;
    margin-left : 0px;
    margin-right : 0px;
  }

/********** ID **********/

#clear {
    float:right;
    clear:both;
  }


#nonFooter {
    position: relative;
    min-height: 100%;
  }


* html #nonFooter {
    height: 100%;
  }


#content {
    background-color: #FFFFFF;
  }


#homepage {
    margin-left : 10%;
    margin-right : 10%;
    margin-top : 20px;
    max-width : 1000px;
    margin-bottom: 57px;
  }


#singlepage {
    padding: 25px 15px 25px 15px;
  }


#footer {
    position: relative;
    margin-top: -57px;
    background-color: #f7f7f7;
    background-image: url(../images/page-bttm.png);
    background-repeat: repeat-x;
    clear: both;
    height: 57px;
  }


#footer p {
    margin: 0;
    margin-bottom: 1px;
  }


#accreditation {
    margin: 0px;
    background-image: url(../images/transition2.png);
    background-repeat: no-repeat;
    background-position: top left;
    padding-top: 8px;
    padding-left: 10px;
    text-align: left;
  }


#copyright {
    position: absolute;
    right: 0;
    bottom: 0;
    padding-right: 10px;
    padding-bottom: 1px;
  }


#frontPageFeature {
    float: left;
    margin: 0 0 20px -60px;
  }


#join {
    
    font-size:1.2em;
  }

/********** Special Groupings **********/


#menu {
    /*submenu list attributes*/ color : black;
    width : 176px;
    height : 100%;
    float : left;
    clear : left;
    padding-left : 10px;
    padding-top : 2px;
    padding-bottom : 2px;
    font-family : verdana, sans-serif;
    line-height : 15px;
    z-index : 10;
  }


p.menu {
    width:100%;
    font-size : 1.1em;
    text-align : left;
    margin-bottom : 1px;
    margin-top : 0;
    /*padding-right : 15px;
    */ padding-left : 15px;
    z-index : 10;
  }


p.menu a {
    text-decoration : none;
    display : block;
    color : #0E0E51 /*#8289AB;
    */;
    padding-top : 4px;
    padding-bottom : 7px;
    padding-right : 1px;
    padding-left : 5px;
    margin-left:-15px;
    z-index : 10;
  }


p.menu a:hover {
    text-decoration: none;
    background-color : #fff;
    color : black;
    border-left : 1px solid #8289AB;
    border-top : 1px solid #8289AB;
    border-bottom : 1px solid #8289AB;
    border-right: 1px solid white;
    padding-top : 3px;
    padding-bottom : 6px;
    padding-left : 4px;
    z-index : 10;
  }

/*End submenu list attributes*/



/* Phone Teller */



.phoneteller {
    /*phone-teller page style*/ /* list of links on "help out" page */ margin-left : 25px;
  }


.phoneteller ul {
    list-style-type:none;
    /*removes default bullets*/;
  }


.phoneteller li {
    margin-bottom: 10px;
    /*adds space between lines*/ color: black;
  }


.phoneteller img {
    /* replacement bullets */ vertical-align:middle;
    position:relative;
    margin-right: 5px;
    top: -2px;
  }


.phonetellermain ul {
    /* list of links on "help out" page */ list-style-type:none;
    /*removes default bullets*/;
  }


.phonetellermain li {
    margin-bottom: 15px;
    /*adds space between lines*/ color: black;
  }


.phonetellermain img {
    /* replacement bullets */ vertical-align:middle;
    position:relative;
    margin-right: 5px;
    top: -2px;
  }

/* end telephone teller */

/* drop Shadows */


.wrap1, .wrap2, .wrap3 {
    display:inline-table;
    display:block;
  }


.wrap1 {
    float:left;
    background:url(../images/shadow.gif) right bottom no-repeat;
  }


.wrap2 {
    background:url(../images/corner_bl.gif) left bottom no-repeat;
  }


.wrap3 {
    padding:0 8px 12px 0;
    background:url(../images/corner_tr.gif) right top no-repeat;
  }


.wrap3 img {
    display:block;
    border:1px solid #a7a7a7;
    border-color:#ccc #a7a7a7 #a7a7a7 #ccc;
  }

/*end dropshadow*/

/* List using icons instead of bullets */


ul.iconlist {
    list-style-type:none;
  }


li.iconlist {
    margin-bottom: 5px;
  }

/* End List using icons instead of bullets */



#dir-card {
    padding-bottom: 30px;
    width: 100%;
    max-width: 700px;
  }

/* table classes */


table.loanb {
    max-width : 700px;
    font-weight : bold;
    text-align : left;
    color: #FFF;
    width:500px;
    background-color : #374588;
    border-bottom-color : #374588;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    border-left-color : #374588;
    border-left-style : solid;
    border-left-width : 1px;
    border-right-color : #374588;
    border-right-style : solid;
    border-right-width : 1px;
    border-top-color : #374588;
    border-top-style : solid;
    border-top-width : 1px;
    padding-bottom : 0px;
    padding-left : 6px;
    padding-right : 0px;
    padding-top : 0px;
  }


.table1 {
    max-width : 700px;
    text-align : left;
    background-color : #fff;
    border-bottom-color : #E8E8E8;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    border-left-color : #E8E8E8;
    border-left-style : solid;
    border-left-width : 1px;
    border-right-color : #E8E8E8;
    border-right-style : solid;
    border-right-width : 1px;
    border-top-color : #E8E8E8;
    border-top-style : solid;
    border-top-width : 1px;
    padding:15px;
  }

/* Loan Table */


table.loan {
    max-width : 700px;
    width:500px;
    border-bottom-color : #E8E8E8;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    border-left-color : #E8E8E8;
    border-left-style : solid;
    border-left-width : 1px;
    border-right-color : #E8E8E8;
    border-right-style : solid;
    border-right-width : 1px;
    padding-bottom : 10px;
    padding-left : 10px;
    padding-right : 10px;
    padding-top : 10px;
  }


table.loan td {
    padding: 0.2em 2ex 0.2em 2ex;
    color: black;
  }


table.loan tr.d0 td {
    background-color: #FFF;
  }


table.loan tr.d1 td {
    background-color: #F1F3F5;
  }


table.loan tr.dh td {
    background-color : #FFF;
    font-weight : bold;
  }

/* end loan table */

/* For sale card table */


table.card {
    /*width:100%;
    */ max-width:800px;
    margin-bottom:30px;
  }


table.card-title {
    background-color : #374588;
    border-color: #374588;
    border-style:solid;
    border-width:1px;
    color:white;
    font-weight:bold;
    font-size : 12pt;
    padding-bottom : 2px;
    padding-left : 2px;
    padding-right : 2px;
    padding-top : 2px;
    width : 100%;
  }


table.card-contentarea {
    border-left-color : #E8E8E8;
    border-left-style : solid;
    border-left-width : 1px;
    padding-left:10px;
    padding-top:10px;
    padding-right:10px;
    padding-bottom:20px;
    width : 100%;
    vertical-align: top;
  }


table.card-imagecell {
    width : 300px;
  }


table.card-descriptions {
    padding-left:5px;
    vertical-align: top;
  }

/* End For sale card table */

/* Branch Cards */


.branch-card {
    margin-top: 30px;
    margin-bottom: 50px;
    max-width: 725px;
  }


.branch-card a {
  }

/* end table classes */