@charset "UTF-8";
/* Charlottesville Postal FCU */
/* please do not use without written permission */
/* copyright 2009 mitchell phillips design */
/* http://www.mitchellphillipsdesign.com */

* {
margin:0;
padding:0;
}

body {
background:#ccc;
}

.clear {
clear:both;
}

#maincontainer {
width:1020px;
margin:0 auto;
background:#fff;
}

#header {
width:1020px;
height:300px;
background:url(images/header.jpg) no-repeat;
}

#header01 {
width:1020px;
height:300px;
background:url(images/header01.jpg) no-repeat;
}

#header02 {
width:1020px;
height:300px;
background:url(images/header02.jpg) no-repeat;
}

#header03 {
width:1020px;
height:300px;
background:url(images/header03.jpg) no-repeat;
}

#header04 {
width:1020px;
height:300px;
background:url(images/header04.jpg) no-repeat;
}

#header05 {
width:1020px;
height:300px;
background:url(images/header05.jpg) no-repeat;
}

#header06 {
width:1020px;
height:300px;
background:url(images/header06.jpg) no-repeat;
}

#header07 {
width:1020px;
height:300px;
background:url(images/header07.jpg) no-repeat;
}

#header08 {
width:1020px;
height:300px;
background:url(images/header08.jpg) no-repeat;
}

#whitebar {
width:1020px;
height:90px;
}

#latestnews {
width:630px;
height:90px;
background:url(images/latestnews.gif) no-repeat;
float:left;
}

#timedate {
width:390px;
height:90px;
background:url(images/timedate.gif) no-repeat;
float:left;
}

#contentcontainer {
width:100%;
height:100%;
background:#fff;
}

#contentleft {
width:630px;
height:661px;
background:#fff;
float:left;
}

#contentright {
width:390px;
height:661px;
background:#fff;
float:right;
}

#news {
width:630px;
height:400px;
}

#sidebar {
width:390px;
height:529px;
background:url(images/sidebar.gif) no-repeat;
}

#bottomholder {
width:630px;
height:260px;
}

#bottom-navleft {
width:36px;
height:226px;
float:left;
}

#atm {
width:176px;
height:226px;
background:url(images/atm.jpg) no-repeat;
float:left;
}

#banking {
width:180px;
height:226px;
background:url(images/banking.jpg) no-repeat;
float:left;
}

#friends {
width:178px;
height:226px;
background:url(images/products.jpg) no-repeat;
float:left;
}

#bottom-navright {
width:60px;
height:226px;
float:left;
}

#bottom-navbottom {
width:630px;
height:35px;
}

#logos {
width:390px;
height:132px;
background:url(images/logos.gif) no-repeat;
}

#footer {
width:100%;
height:169px;
background:url(images/foot.gif) repeat;
float:left;
}

/*---------------------------------------------------------- CLASSES ----- */

/* top nav */
.navtextholder {
text-align:right;
padding-right:10px;
padding-top:17px;
}

.navtext, .navtext a, .navtext a:link, .navtext a:visited, .navtext a:active {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000;
text-decoration:none;
}

.navtext a:hover {
color:#fff;
}

/* latest news header */
.latestnewsholder {
padding-left:40px;
padding-top:45px;
text-align:left;
}

.latestnewstext {
font-family:Arial, Helvetica, sans-serif;
font-size:38px;
color:#38d6d4;
}

/* news */
.newsholder {
padding-left:40px;
padding-right:40px;
text-align:left;
}

.newstextheader, .newstextheader a, .newstextheader a:link, .newstextheader a:visited, .newstextheader a:active {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
line-height:20px;
color:#333;
text-decoration:none;
}

.newstextheader a:hover {
color:#000;
text-decoration:underline;
}

.newstext, .newstext a, .newstext a:link, .newstext a:visited, .newstext a:active {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:19px;
color:#666;
text-decoration:none;
}

.newstext a:hover {
text-decoration:underline;
}

/* sidebar */
.sidebarholder {
padding-left:50px;
padding-right:75px;
padding-top:130px;
text-align:left;
}

.sidebargreytext {
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
color:#fff;
font-style:italic;
text-decoration:none;
}

.sidebartext {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000;
text-decoration:none;
}

/* content area */
.contentholder {
padding-bottom:40px;
padding-left:40px;
padding-right:40px;
}

/* newsletter */
.newslettertextlarge, .newslettertextlarge a, .newslettertextlarge a:link, .newslettertextlarge a:visited, .newslettertextlarge a:active {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#333;
text-decoration:none;
}

.newslettertextlarge a:hover {
text-decoration:underline;
}

.newslettertext, .newslettertext a, .newslettertext a:link, .newslettertext a:visited, .newslettertext a:active {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#666;
text-decoration:none;
}

.newslettertext a:hover {
text-decoration:underline;
}

/* footer */
.footerholder {
padding-bottom:20px;
padding-left:40px;
padding-right:40px;
padding-top:30px;
}

.footertextheader {
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
font-weight:bold;
color:#fff;
text-decoration:none;
}

.footertext, .footertext a, .footertext a:link, .footertext a:visited, .footertext a:active {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
text-decoration:none;
}

.footertext a:hover {
color:#333;
}

/* contact */
.legend {
font-family:Helvetica, Arial, sans-serif;
font-size:24px;
font-weight:bold;
color:#333;
}

label {
width:242px;
height:32px;
margin-top:3px;
margin-right:2px;
padding-top:11px;
padding-left:6px;
background:#38d6d4;
float:left;
display:block;
font-family:Helvetica, Arial, sans-serif;
font-size:16px;
color:#fff;
}

.form {
margin:0;
padding:0;
}

#formcontainer {
width:750px;
height:1100px;
margin:auto;
padding:10px;
float:left
}

#formtop {
width:680px;
height:50px;
}

#formleftSide {
width:100%;
float:left;
}

.holder {
background-color:#fff;
}

.div_texbox {
width:347px;
float:left;
background:#38d6d4;
height:35px;
margin-top:3px;
padding-top:5px;
padding-bottom:3px;
padding-left:5px;
}

.div_texboxlarge {
width:347px;
float:left;
background:#38d6d4;
height:75px;
margin-top:3px;
padding-top:5px;
padding-bottom:3px;
padding-left:5px;
}

.textbox {
width:285px;
font:normal 18px Helvetica, Arial, sans-serif;
color:#38d6d4;
padding:3px 5px 3px 9px;
}

.textboxlarge {
width:285px;
height:60px;
font:normal 18px Helvetica, Arial, sans-serif;
color:#38d6d4;
padding:3px 5px 3px 9px;
}

.textbox:focus, .textbox:hover, .textboxlarge:focus, .textboxlarge:hover {
/*background:url(images/whitebg.png) repeat;*/
}

.button_div {
width:550px;
float:left;
text-align:right;
height:35px;
margin-top:3px;
margin:25px auto;
padding:5px 32px 3px;
}

.buttons {
background:#38d6d4;
font-size:12px; 
color:#fff; 
padding:6px 14px;
border-width:2px;
border-style:solid;
border-color:#fff #d8d8d0 #d8d8d0 #fff;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
}

/* end contact */