@charset "utf-8";
/* CSS Document */

*{
margin: 0;
padding: 0;
}

body{
text-align: center;
font-family: Verdana, Helvetica, sans-serif;
font-size: 13px;
line-height: 18px;
color: #666666;
}
#content_container{
position: relative;
width: 982px;
height: auto;
margin: 25px auto;
text-align: left;
background: url("../images/layout/bkgd_repeater.jpg") repeat-y top left;
}
.clear{
clear: both;
}
#header{
position: relative;
width: 982px;
height: 207px;
background: url("../images/layout/header_content.jpg") no-repeat top left;
margin: 0;
}
#header #home, #header #cwbank{
position: relative;
display: block;
float: left;
}
#header #home{
height: 57px;
width: 94px;
margin: 66px 0 0 71px;
}
#header #cwbank{
height: 29px;
width: 332px;
margin: 78px 0 0 26px;
}
#bkgd_top {
position: relative;
width: 982px;
height: 91px;
float: left;
background: url("../images/layout/bkgd_top.jpg") no-repeat top left;
}

/* NAVIGATION styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#nav{
position: relative;
width: 180px;
height: 345px;
float: left;
}
#nav ul{
position: relative;
list-style-type: none;
margin:0;
padding:0;
}
#nav ul li{
margin:0;
padding:0;
}
#nav_spacer_top{
position:relative;
width:180px;
height:22px;
background: url("../images/navigation/nav_spacer_top.jpg") no-repeat top left;
}
#nav_1 a{
position: relative;
display:block;
width:155px;
height:71px;
float:left;
background: url("../images/navigation/nav_1.jpg") no-repeat top left;
}
#nav_2 a{
position: relative;
display:block;
width:155px;
height:67px;
float:left;
background: url("../images/navigation/nav_2.jpg") no-repeat top left;
}
#nav_3 a{
position: relative;
display:block;
width:155px;
height:66px;
float:left;
background: url("../images/navigation/nav_3.jpg") no-repeat top left;
}
#nav_4 a{
position: relative;
display:block;
width:155px;
height:69px;
float:left;
background: url("../images/navigation/nav_4.jpg") no-repeat top left;
}
#nav_1 a:hover{
position: relative;
display:block;
width:155px;
height:71px;
background: url("../images/navigation/nav_1_hover.jpg") no-repeat top left;
}
#nav_2 a:hover{
position: relative;
display:block;
width:155px;
height:67px;
background: url("../images/navigation/nav_2_hover.jpg") no-repeat top left;
}
#nav_3 a:hover{
position: relative;
display:block;
width:155px;
height:66px;
background: url("../images/navigation/nav_3_hover.jpg") no-repeat top left;
}
#nav_4 a:hover{
position: relative;
display:block;
width:155px;
height:69px;
background: url("../images/navigation/nav_4_hover.jpg") no-repeat top left;
}
#nav_1 a#active{
position:relative;
display:block;
width:180px;
height:71px;
background: url("../images/navigation/nav_1_active.jpg") no-repeat top left;
}
#nav_2 a#active{
position:relative;
display:block;
width:180px;
height:67px;
background: url("../images/navigation/nav_2_active.jpg") no-repeat top left;
}
#nav_3 a#active{
position:relative;
display:block;
width:180px;
height:66px;
background: url("../images/navigation/nav_3_active.jpg") no-repeat top left;
}
#nav_4 a#active{
position:relative;
display:block;
width:180px;
height:69px;
background: url("../images/navigation/nav_4_active.jpg") no-repeat top left;
}

/* CONTENT styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#copy_content{
position: relative;
width: 687px;
padding: 15px 85px 45px 30px;
height: auto;
float: left;
}
p{
padding: 10px 0 0 0;
}
h1{
font-size: 24px;
font-weight:lighter;
letter-spacing: -1px;
color: #9E182A;
padding: 27px 0 12px 0;
}
h2{
font-size: 14px;
color: #000000;
padding: 27px 0 0 0;
}
h3{
font-size: 14px;
font-weight:normal;
display: block;
color: #000000;
padding: 27px 0 0 0;
}
.hr{
margin: 12px 0 0 0;
border-top: 1px dotted #888888;
}
ul{
position: relative;
padding: 12px 0 0 0;
list-style: none;
}
#copy_content ul li{
display: block;
background: url("../images/layout/arrow_list.gif") no-repeat 0 5px;
padding: 0 0 0 18px;
}
#copy_content a{
color: #5E7C4A;
font-weight:bold;
text-decoration: none;
}
#copy_content a:hover{
color: #85B069;
border-bottom: 1px solid #85B069;
}
#copy_content .location_name, #copy_content .location_name:hover{
color: #9E182A;
border: none;
text-transform: uppercase;
}
#copy_content .top, #copy_content .top:hover{
display: block;
float: right;
text-transform: uppercase;
font-size: 8px;
background: url("../images/layout/arrow_top.gif") no-repeat top right;
padding: 0 18px 0 0;
border: none;
}
#content .top:hover{
color: #000000;
}
.page_menu{
padding: 0 0 30px 0;
border-bottom: 1px solid #999999;
}

/* INSPIRING STORIES styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.quote{
display: block;
overflow: auto;/* IE6 fix; makes text not expand the containing element wider and break the content float below sidebar */
width: 656px;
font-size: 16px;
line-height: 20px;
font-style: italic;
}
.source{
display: block;
font-weight:bold;
color: #5E7C4A;
padding: 0 36px 0 36px;
}

/* FOOTER styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer{
position: relative;
clear: both;
border-top: 1px solid #414f4f;
margin: 0;
padding: 0;
background: #fff;
}
#footer ul{
margin: 0 auto;
width: 740px;
height: 21px;
list-style: none;
padding: 0 0 36px 0;
}
#footer ul li{
display: block;
float: left;
margin: 9px 0 0 0;
padding: 0 9px 0 9px;
border-right: 1px solid #414f4f;
}
#footer ul li#last{
border-right: none;
}
#footer ul a{
text-decoration: none;
font-weight: bold;
color: #5E7C4A;
}
#footer ul a:hover{
color: #85B069;
text-decoration: underline;
}