/* CSS Document */

body {
background-color: #999999;
margin-top: 0;
font: 12pt/14pt Verdana, Helvetica, Arial;
color: #000;
}

div {
margin: 0;
border: 0;
padding: 0;
}

a { 
text-decoration: none; 
}

a.boldlink { 
font-weight: bold;
color: #f00; 
}

a.boldlink:visited { 
font-weight: bold;
color: #f00; 
}

a.boldlink:hover { 
font-weight: bold;
color: #00f;
}

p.normaltext {
font-size: 72%;
color: #000;
text-align: justify;
width: 95%;
line-height: 1.6em;
letter-spacing: .1em;
}

img.redborder {
border: 1px solid #993333;
}
/* Specific Divisions */


img.noticegif {
margin-top: 10px;
margin-left: 230px;
}

#wrapper {
background-color: #f4f4f5;
width: 760px;
height: 100%;
min-height: 980px;
margin: 0 auto 0 auto;
}

/* -------------------------------------------------------------------------------------------------------------------- */
                                                   /* Header */
/* -------------------------------------------------------------------------------------------------------------------- */

#header {
position: relative;
float: left;
width: 760px;
height: 78px;
border-bottom: 3px solid #ffcc00;
}

#header img {
float: left;
}

/* -------------------------------------------------------------------------------------------------------------------- */
                                                  /* Navigation */
/* -------------------------------------------------------------------------------------------------------------------- */

#navcontainer {
background: #000033;
position: relative;
float: left;
width: 165px;
margin-top: 10px;
}

/*#cc3300;  */


ul.navigation {
position: relative;
float: left;
background: #993333;
list-style: none;
width: 165px;
margin: 0;
padding-left: 0;
}

ul.navigation li {
border-bottom: 1px solid #ffffff;
font-size: 75%;
margin-left: 0;
padding: 5px 0 5px 5px;
letter-spacing: .04em;
}

ul.navigation li a {
color: #fff;
}

ul.navigation li a:visited {
color: #fff;
}

ul.navigation li a:hover {
color: #000;
background: #ffff66;
display: block;
}


.navmenu {
font-size: 75%;
font-weight: bold;
color: #ff0;
text-align: center;
letter-spacing: .1em;
margin: 3px 0;
}

img.deluxea {
margin: 8px 0 10px 50px;
border: 0;
}

img.deluxe {
border: 0;
text-align: center;
}

img.deluxeb {
border: 0;
margin: 8px 0 10px 20px;
}


/* -------------------------------------------------------------------------------------------------------------------- */
                                                   /* Date */
/* -------------------------------------------------------------------------------------------------------------------- */

#clockbox {
position: relative;
float: left;
width: 580px;
height: 15px;
margin: 5px 0;
font-size: 60%;
color: #0000ff;
font-weight: bold;
text-align: right;
}

#content {
background-color: transparent;
position: relative;
float: right;
width: 585px;
margin: 5px 0 0 0;
}


p.welcometext {
font-size: 80%;
text-align: left;
}

p.overdrafttext {
font-size: 80%;
text-align: center;
}

hr.ruler {
width: 80%;
margin: 0 auto;
border: 1px dotted #000;
}



/* -------------------------------------------------------------------------------------------------------------------- */
                                               /* Index Lower Links Section */
/* -------------------------------------------------------------------------------------------------------------------- */

.linkboxes {
position: relative;
float: left;
width: 580px;
margin: 10px 0 0 10px;
}

.boxleft {
position: relative;
float: left;
width: 270px;
margin-top: 10px;
font-size: 10pt;
}

.boxright {
position: relative;
float: right;
width: 300px;
margin-top: 10px;
font-size: 10pt;
}

img.picleft {
position: relative;
float: left;
margin-right: 5px;
border: 1px solid #000000;
}


span.itemheaders {
position: relative;
float: left;
font: 10pt Verdana, arial, helvetica;
color: blue;
font-weight: bold;
text-align: center;
width: 130px;
}

span.itemtext {
font: 8pt Verdana, arial, helvetica;
color: #000000;
}


.boxleft a:link, .boxleft a:visited {
color: #ff0000;
font-size: 7pt;
}

.boxright a:link, .boxright a:visited {
color: #ff0000;
font-size: 7pt;
}

.boxleft a:hover {
color: #0000ff;
font-weight: bold;
font-size: 8pt;
}

.boxright a:hover {
color: #0000ff;
font-weight: bold;
font-size: 8pt;
}





/* -------------------------------------------------------------------------------------------------------------------- */
                                                /* Lobby Info on Index Page */
/* -------------------------------------------------------------------------------------------------------------------- */
.lobbyinfo {
position: relative;
float: left;
width: 550px;
margin: 45px 0 0 5px;
padding-bottom: 10px;
}


.lobbyinfo p {
font: .8em verdana, arial, helvetica;
color: #000000;
text-align: center;
}


/*-------------------- Online Safety Area ---------------------- */

.bug { position: relative; float: left; width: 100%; margin: 30px 0 0 0; text-align: center;}
.bug img { border: 0; margin-right: 10px; vertical-align: middle;}
.bug p { font-size: 88%; font-weight: bold; }
.bug a { color: #f00; }



/* -------------------------------------------------------------------------------------------------------------------- */
                                                /* Services */
/* -------------------------------------------------------------------------------------------------------------------- */

p.headertext {
padding-bottom: 5px; 
font-size: 90%; 
font-weight: bold;
color: #0000ff;
border-bottom: #000033 1px dotted; 
letter-spacing: 0.2em; 
width: 90%;
}

ul.bulletsleft {
position: relative;
float: left;
width: 220px;
padding-left: 15px;
}

ul.bulletsleft li {
font-size: 75%;
letter-spacing: .1em;
padding: 5px 0;
}

ul.bulletsright {
position: relative;
float: right;
width: 240px;
padding-left: 15px;
}
ul.bulletsright li {
font-size: 75%;
letter-spacing: .1em;
padding: 5px 0;
}

.timearea {
position: relative;
float: left;
width: 99%;
margin: 20px 0;
text-align: center;
}

p.timeweather {
font-size: 80%;
color: #f00;
font-weight: bold;
letter-spacing: .1em;
}

/* -------------------------------------------------------------------------------------------------------------------- */
                                                   /* Locations */
/* -------------------------------------------------------------------------------------------------------------------- */

img.picspace {
margin: 0 20px 30px 30px;
border: 1px solid #000;
}

span.locationheader {
font-size: 80%;
font-weight: bold; 
color: #0000ff;
text-align: left;
}

span.locationtext {
font-size: 75%;
color: #000000;
text-align: left;
}


/* -------------------------------------------------------------------------------------------------------------------- */
												   /* ATM Locations */
/* -------------------------------------------------------------------------------------------------------------------- */

span.locheader {
font-weight: bold;
}

ul.atmbullets {
position: relative;
float: left;
width: 250px;
margin-left: 15px;
padding-left: 15px;
}

ul.atmbullets li {
font-size: 72%;
padding: 5px 0;
}

img.atmloc {
margin-top: 30px;
border: 1px solid #000;
}
											  
/* -------------------------------------------------------------------------------------------------------------------- */
												   /* History */
/* -------------------------------------------------------------------------------------------------------------------- */

#historywrapper {
background-color: #f4f4f5;
width: 760px;
height: 960px;
margin: 0 auto 0 auto;
}

/* -------------------------------------------------------------------------------------------------------------------- */
                                                /* Officer List */
/* -------------------------------------------------------------------------------------------------------------------- */

.spaceboxes {
position: relative;
float: left;
width: 100%;
}

ul.officersleft {
position: relative;
float: left;
width: 220px;
}

ul.officersleft li {
list-style: none;
font-size: 75%;
padding-bottom: 5px;
}

ul.officersright {
position: relative;
float: right;
width: 240px;
}

ul.officersright li {
list-style: none;
font-size: 75%;
padding-bottom: 5px;
}
/* -------------------------------------------------------------------------------------------------------------------- */
                                                /*Directors List */
/* -------------------------------------------------------------------------------------------------------------------- */

ul.directorsleft {
position: relative;
float: left;
width: 220px;
}

ul.directorsleft li {
list-style: none;
font-size: 75%;
padding: 3px 0;
}

ul.directorsright {
position: relative;
float: right;
width: 240px;

}

ul.directorsright li {
list-style: none;
font-size: 75%;
padding: 3px 0;
}
/* -------------------------------------------------------------------------------------------------------------------- */
                                                        /* Links */
/* -------------------------------------------------------------------------------------------------------------------- */
														

#linknotice {
background-color: #ffffff;
position: relative;
float: left;
width: 515px;
min-width: 515px;
margin: 0 0 0 15px;
border: 1px dotted blue;
padding: 0;
}

p.noticetext {
font-size: 65%;
color: #f00;
padding: 5px;
text-align: justify;
letter-spacing: .1em;
line-height: 1.3em;
}

ul.linksleft {
position: relative;
float: left;
width: 220px;
}

ul.linksleft li {
list-style: none;
font-size: 85%;
padding: 3px 0;
}

ul.linksright {
position: relative;
float: right;
width: 240px;
}

ul.linksright li {
list-style: none;
font-size: 85%;
padding: 3px 0;
}



/* -------------------------------------------------------------------------------------------------------------------- */
                                                 /* Privacy Policy */
/* -------------------------------------------------------------------------------------------------------------------- */

#privacywrapper {
background-color: #f4f4f5;
width: 760px;
height: 3350px;
margin: 0 auto 0 auto;
}

p.heading {
font-size: 80%;
color: #0000FF;
}

ul.privacybullets {
margin-left: 0;
padding-left: 15px;
width: 530px;
}

ul.privacybullets li {
font-size: 75%;
padding-bottom: 5px;
text-align: justify;
}




/* -------------------------------------------------------------------------------------------------------------------- */
                                                          /* FASTWAY - BusinessCard */
/* -------------------------------------------------------------------------------------------------------------------- */

img.picloc {
border: 1px solid #000;
}


/* -------------------------------------------------------------------------------------------------------------------- */
                                                          /* Fast Check */
/* -------------------------------------------------------------------------------------------------------------------- */

img.spaceonleft {
margin-left: 20px;
}


/* -------------------------------------------------------------------------------------------------------------------- */
                                                          /* Footer */
/* -------------------------------------------------------------------------------------------------------------------- */														  
														  
#footer {
background: #000033;
position: relative;
clear: both;
width: 760px;
height: 15px;
margin: 0 auto 0 auto;
border-top: 3px solid #ffcc00;
padding-top: 4px;
font: .6em arial;
color: #fff;
text-align: center;
}

.footerleft {
background: #000033;
position: relative;
float: left;
width: 100px;
min-width: 100px;
height: 20px;
}

.footerleft p {
font: 7pt/8pt Verdana;
color: #ffffff;
padding: 5px 5px 5px 10px;
}

#footer a:link, #footer a:visited {color: #ffff00; text-decoration: none; background: none; font-weight: bold;}
#footer a:hover  { text-decoration: none; color: #00ff00; background: none; font-weight: bold; }