/* 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-size: 1.5em;
	font-weight:100;
	font-style: oblique;
	letter-spacing: .075em;
  }
h3, h4 {
	margin: 0;
    color : #8289AB;
	font-size: 1.25em;
	line-height: 1.75em;
	font-weight:100;
	font-style: oblique;
	letter-spacing: .075em;
	border-bottom: 1px solid #8289ab;
  }
h4 a {
	text-decoration: none;
}
h4 a:hover {
	text-decoration: underline;
}
a {
    text-decoration: underline;
    /*font-weight: bold;*/
  }


a:link {
    color:#374588;
  }


a:visited {
    color:#0E0E51;
  }


a:hover {
    color:#0E0E51;
    text-decoration: underline;
  }


/********** CLASSES **********/
.center {
    text-align: center;
  }


.singlepage {
    margin-left : 15%;
    margin-right : 15%;
    margin-top : 20px;
    max-width : 1000px;
  }


.indent {
    /* indent from left*/ margin-left : 20px;
  }


.clearmenu {
    margin-left:200px;
    margin-top:20px;
    margin-right:5%;
  }


.pageimage {
    float : right;
    margin-top : 0px;
  }


.submenu {
    clear : right;
    float : left;
    margin-right : 10px;
    margin-top : -16px;
    margin-left:0px;
    width : 169px;
    z-index : 60;
  }


.outline {
    padding: 10px;
    border: 1px solid #8289AB;
  }


.small_print {
letter-spacing: normal;
    color:#999999;
    font-size : .7em;
  }
.small_print a {
	color: #6699FF;
}

.textleft {
    text-align:left;
  }


.image-right {
    float : right;
    margin-left : 0px;
    margin-right : 0px;
  }

/********** ID **********/
#nonFooter {
	position: relative;
	min-height: 100%;
}
* html #nonFooter {
	height: 100%;
}

#content {
  }


#homepage {
    margin-left : 10%;
    margin-right : 10%;
    margin-top : 20px;
    max-width : 1000px;
  }


#singlepage {
    padding: 25px 15px 25px 15px;
  }


#footer {
margin-top: 75px;
position: relative;
background-image:  url("../images-gradient/pg-bttm2.gif");
background-repeat: repeat-x;
background-color:#EEEEEE;
clear: both;
height: 80px;
text-align: center;
  }

#footer p {
margin: 0;
  }

#accreditation {
	margin: 0px;
	padding: 4px;
}
#copyright {
}

#frontPageFeature {
float:right;
margin: 25px 0 50px 0;
  }



#join {
float: left;
margin-top: 45px;
padding-top: 5px;
float:left;    
padding-left : 15px;
width : 50%;
border: 1px dashed #8289AB;
background-color:#fafafa;
  }

/********** Special Groupings **********/
#menu {
    /*submenu list attributes*/ 
position: absolute;
top: 140px;
font-size: .8em;
color : #666666;
    width : 147px;
    float : left;
    clear : left;
    padding-left : 0px;
    padding-top : 2px;
    padding-bottom : 2px;
    font-family : verdana, sans-serif;
    z-index : 10;
  }


p.menu {
    width:100%;
    text-align : left;
    margin-bottom : 1px;
    margin-top : 0;
    padding-right : 1px;
    padding-left : 15px;
    z-index : 10;
  }


p.menu a, p.menu a:visited{
color: #8289AB;
    text-decoration : none;
    display : block;
    padding-top : 4px;
    padding-bottom : 7px;
    padding-right : 1px;
    padding-left : 13px;
    margin-left:-15px;
    z-index : 10;
  }


p.menu a:hover {
    background-color : #8289AB;
background-image: url("../images-gradient/gradient-left.gif");
background-repeat:repeat-y;
background-position:right;
border: 1px solid white;
    color : white;
    padding-top : 3px;
    padding-bottom : 6px;
    padding-left : 12px;
    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: 0px;
    /*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 .price {
color: #374588;
}


table.card-descriptions {
    padding-left:5px;
    vertical-align: top;
  }

/* End For sale card table */

/* Branch Cards */
.branch-card {
padding: 0 15px 15px 15px;
border: 1px dashed #8289AB;
background-color:#F1F3F5;
margin-top: 30px;
margin-bottom: 50px;
max-width: 725px;
}
.branch-card hr {
display: none;
}
.branch-card .indent {
background-color: #ffffff;
margin-left: 0;
padding: 15px;
}
.branch-card a {
margin-left: 15px;
text-decoration: none;
font-size: .8em;
color: #8289AB;
}
.branch-card a:hover {
text-decoration: underline;
}

/* end table classes */


/*******************************************************************************/
/***************************         Header          ***************************/
/*******************************************************************************/

html {
}
body {
background-image: url("../images-gradient/background.gif");
background-repeat: repeat-x;
background-position: left top;
}
#header {
background-image:  url("../images-gradient/logo.gif");
background-repeat: no-repeat;
}
#logo {
float: left;
}
#logobox h1 {
position: absolute;
right: 11000px;
}
#logobox {
height: 85px;
}
#login {
text-align: right;
}
#login form{
margin: 0;
padding: 2px;
}
#login label {
color:#EEEEEE;
font-variant: small-caps;
}
#login input{
margin: 1px;
}

input {
background-color:#efefef;
font-size: .8em;
border: 1px solid #333366;
}
#submitLogin {
color:#cccccc;
border: 1px solid #cccccc;
font-size: .8em;
padding: 0 2px 0 12px;
background-color:#333366;
background-image:url(../images/lock3.gif);
background-repeat: no-repeat;
background-position: 2px 50%;
cursor: pointer;
cursor: hand;
} 
#submitLogin:hover {
color: #ffffff;
border: 1px solid #ffffff;
background-color:#42497b;
background-image:url(../images/lock.gif);
background-repeat: no-repeat;
background-position: 2px 50%;
}
#register a {
color: #cccccc;
font-size: .8em;
margin-right: 4px;
}
#register a:hover {
color:#FFFFFF;
}




#mainmenu {
display:inline-block;
margin: 0;
padding: 0;
border: 1px solid white;
background-image:  url("../images-gradient/bttn_bttm.gif");
background-repeat: repeat-x;
background-position:bottom;
background-color: #ffffff;
}
#navlist {
margin: 0;
padding: 0;
background-image:  url("../images-gradient/bttn_top.gif");
background-repeat: repeat-x;
background-position:top;
text-align: center;
padding-top: .3em;
padding-bottom: .5em;
}
#navlist ul {
}
#navlist li {
background-image:  url("../images-gradient/bttn_split.gif");
background-repeat: repeat-y;
background-position:right;
display: inline;
list-style-type: none;
font-size: 1.1em;
padding-right:6px;
}
#navlist a {
text-decoration: none;
color:#666666;
padding-right: 9px;
padding-left: 8px;
}
#navlist .first a {
background-image:  url("../images-gradient/bttn_split.gif");
background-repeat: repeat-y;
background-position:left;
padding-left: 13px;
}

#navlist a:hover {
color:#FFFFFF;
background-color: #848BAD;
}