/* Photo Gallery -------------------------------*/
a.photo {width:110px; height:140px; display:block; float:left; text-align:center; margin:0 15px 15px 0;}
a.photo img {width:100px; height:100px; border:1px solid #473019; padding:4px;}
a.photo:hover img {border-color:#000;}
a.photo p {margin:0; text-align:center; color:#473019;}
a.photo:hover p {color:#000;}
.gallery, .album, .photo {width:100px; height:140px; display:block; float:left; overflow:hidden; line-height:15px; margin:0 20px 20px 20px;}

/* Contact Form (standard styling) -------------*/
.contact label {font-size:11px;}
.contact label.req {font-weight:bold; padding-right:16px; background:url(../images/body/label-req.png) no-repeat 100% 50%;}
.contact label em {font-size:10px; margin-left:6px; font-weight:normal;}
.contact input[type=text] {width:235px;}

/* FAQ Listing ---------------------------------*/
#faqs h3 {font-size:16px; font-weight:bold;}
#faqs .faq_list {margin:0 0 25px 0;}
#faqs .faq_list .question_link {width:100%; color:#666; font-weight:bold; margin:10px 0 20px 0}
#faqs .faq_list .question_link:hover {cursor:pointer; text-decoration:underline;}
#faqs .faq_list .answer {display:none; margin:0 0 15px 15px; color:#000;}

/* Search Engine (Form and Results) -------------------*/
.big_search {width:100%; float:left; clear:both; margin:10px 0 20px 0;}
.big_search .search_box {width:500px; height:30px; line-height:28px; padding:0 3px; border:1px solid #999; border-top-color:#ccc; border-right:none; float:left;}
.big_search .search_button {height:32px; display:block; padding:0 6px; margin:0; font-size:15px; line-height:30px; border:1px solid #999; border-top-color:#ccc; float:left; cursor:pointer;}
.big_search .count {clear:both; float:left; padding:5px 0;}
.search_result {width:100%; margin:15px 0;}
.search_result a {font-size:14px; text-decoration:underline;}
.search_result div {font-size:11px; line-height:14px;}
.search_result span {width:100%; height:14px; display:block; line-height:14px; font-size:11px; overflow:hidden; color:#00f;}
.search_pages {width:100%; height:25px; margin:15px 0;}
.search_pages a {width:18px; height:18px; display:block; line-height:18px; text-align:center; float:left; margin:0 3px 0 0; border:1px solid #4b4b4b; color:#000; text-decoration:none;}
.search_pages a:hover {background-color:#d72131; color:#fff !important; text-decoration:none;}
.search_pages a.current {font-weight:bold; border-color:#fff;}
.search_pages a.current:hover {background-color:#fff; color:#666;}

/* Body - Banner Animations ------------------*/
.banner_container  {
	position: absolute;
	z-index: 1;
	width: 100%;
	min-width: 1000px;
	height: 310px;
	margin: 5px 0 0;
	background: repeat-x url(../images/body/banner_bg.png);
}

.banner_container.burgandy  {
	background: repeat-x url(../images/body/banner_bg_burgandy.png);
}

.banner_container.with_tag { height: 350px; }

.banner_container .slider {
	width: 100%;
	height: 310px;
}

.banner_container .slide {
	overflow: hidden;
	display: none;
	width: 100%;
	height: 100%;
}

.banner_container .slide a {
	position:absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 70;
	display:block;
}

.banner_container .slide img {
	position: absolute;
	z-index: 68;
}

.banner_container .slide .text {
	position: absolute;
	top: 100px;
	left: 50%;
	z-index: 155;
	margin-left: -220px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:normal;
	line-height:26px;
}

.banner_container .slide .text strong {
	font-family: CenturyGothicStd, "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	font-size: 24px;
	font-weight: bold;
	line-height:48px;
}

.banner_container .slide.color_black, .banner_container .slide.color_black a { color: #000; }
.banner_container .slide.color_white, .banner_container .slide.color_white a { color: #fff; }

.banner_container .control {
	position: absolute;
	bottom: 10px;
	right: 50%;
	z-index: 85;
	height: 16px;
	margin-right: -500px;
	line-height: 16px;
}

.banner_container .control .nav { float: left; }

.banner_container .control .nav a,
.banner_container .stopgo {
	float: left;
	display: block;
	width: 16px;
	height: 16px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-left: 5px;
	background: no-repeat url(../images/body/banner_control.png);
	cursor: pointer;
}

.banner_container .control .nav a.activeSlide { background-position: 0 -16px; }
.banner_container .control .nav a:hover { background-position: -16px 0; }

.banner_container .stopgo.pause { background-position: -16px -16px; }
.banner_container .stopgo.pause:hover { background-position: -32px -16px; }
.banner_container .stopgo.play { background-position: -32px 0; }
.banner_container .stopgo.play:hover { background-position: -48px 0; }

.banner_container .stopgo.play { display: none; }

.banner_container .banner_tag {
	width: 100%;
	height: 40px;
	background: repeat-x url(../images/body/banner_tag.jpg);
}

.banner_container .banner_tag .tagline {
	width: 1000px;
	height: 40px;
	margin: 0 auto;
	font-size: 18px;
	line-height: 40px;
	color: #fff;
}

.banner_container .banner_tag .tagline a {
	position: absolute;
	top: 8px;
	right: 0;
	overflow: hidden;
	width: 145px;
	height: 23px;
	background: no-repeat url(../images/body/open_account_home.png);
	text-indent: 100%;
	white-space: nowrap;
}

/* Home Page Sub-Banner--------------------------------------*/
.body .subbanners {
	float: left;
	clear: both;
	width: 730px;
	min-height: 200px;
	padding: 10px;
}
.body .content_container .subbanners {
	padding: 0 0 10px;
	margin-left: -15px;
}
.body .subbanners .sub_left,
.body .subbanners .sub_center,
.body .subbanners .sub_right {
	float: left;
	width: 242px;
	height: 350px;
	border-right: 1px solid #d2d3d5;
}
.body .subbanners .sub_right { border-right-width: 0; }
.body .subbanners .bannerhead {
	display: block;
	float: left;
	width: 232px;
	height: 35px;
	margin: 5px;
	color: #6d6e70;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	line-height: 28px;
	border-bottom: 1px solid #d2d3d5;
}
.body .subbanners .subbanner {
	display: block;
	float: left;
	width: 220px;
	height: 150px;
	margin: 5px 11px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.body .subbanners .bannerdesc {
	float: left;
	width: 220px;
	margin: 0 11px;
}
.body .subbanners .bannerdesc p { margin: 5px 0; }

/* Locations --------------------------------------------*/
.location {
	overflow: hidden;
	float: left;
	width: 325px;
	height: 125px;
	margin-bottom: 10px;
	font: normal 11px/16px Arial, Helvetica, sans-serif;
}

.location .google_map {
	float: left;
	display: block;
	width: 115px;
	height: 100px;
	margin-right: 6px;
	background-repeat: no-repeat;
	border: 1px solid #ccc;
}

.location p {
	float: left;
	width: 180px;
	margin: 0 0 0 5px;
	padding: 0;
}

.multi_map {
	width: 698px;
	height: 330px;
	margin-bottom: 15px;
	border: 1px solid #ccc;
}

#multi_map .csb_map_location {
	height: 85px;
	padding: 4px;
	white-space: nowrap;
	font-size: 11px;
}

#multi_map .csb_map_location strong { font-size: 12px; }
#multi_map .csb_map_location a { font-size: 11px; }

.locale {width:430px; float:left; margin-right:40px;}
.locale p {margin-bottom:10px; line-height:18px;}
.localcontent {width:320px; float:left; display:block;}
.locale strong {width:100px; float:left; display:block;}
.locale strong.head {clear:both; width:100%;}
.locale_2 {width:250px; float:left;}

/* News Articles -------------------------------*/
.news_articles {width:100%; float:left; margin:20px 0;}
.news_articles .news_article {float:left; clear:both; margin-bottom:25px;}
.news_articles .news_article .intro {float:left; clear:both;}
.news_h1.news_alert strong {text-transform:uppercase; color:#c00; margin-right:6px;}

.comment-contain {width:100%; float:left; clear:both; padding-bottom:15px; margin-top:15px; border-bottom:1px dashed #fff;}
.comment-contain.last {border-bottom:0;}
.comment-contain .avatar {width:70px; height:70px; float:left; margin-right:10px;}
.comment-contain .comment {width:860px; min-height:70px; float:left;}
.comment-contain .comment .header {font-size:90%; margin-bottom:10px;}
.comment-contain .comment .header a, .comment-contain .comment .header span {font-weight:bold;}

.comment-form td {height:50px; vertical-align:top;}
.comment-form td.tall {height:145px;}
.comment-form label.req {background-image:url(../images/forms/label-req-white.html);}
.comment-form .info {font-size:80%;}
.comment-form input[type=text] {width:280px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px;}
.comment-form textarea {width:480px; height:100px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px;}
.comment-form .defaulted {color:#999;}
.comment-form input.check {display:none;}

/* Links & Resources --------------------------------------*/
.body #resources {border-top:1px solid #ccc; padding-top:10px;}
.body #resources .resource {font-size:11px; border-bottom:1px solid #ccc; margin:0 0 10px 0; padding:0 0 10px 0;}
.body #resources .resource .newstitle {font-size:12px; font-weight:bold;}
.body #resources .resource h2 {margin:0; padding:0; font-size:14px; font-weight:bold; color:#595c56; width:100%;}
.body #resources .resource a.pdf {background: transparent url(images/pdf-icon.gif) no-repeat center left; padding: 5px 20px;}
.body #resources .resource a.www {background: transparent url(images/www-icon.gif) no-repeat center left; padding: 5px 20px;}

/* Staff Directory -------------------------------*/
#staff_group {width:100%; margin:0 0 15px 0; padding-bottom:15px; overflow:hidden;}
#staff_group .staff_member {width:49%; height:140px; float:left; margin:0; padding:0; line-height:16px;}
#staff_group .staff_member a{color:#c10435; text-decoration:none;}
#staff_group .staff_member a:hover {text-decoration:underline;}
#staff_group .staff_member img {float:left; width:100px; height:133px; margin:0 10px;}

/* Rates -------------------------------*/
#rates {width:605px; float:left; margin-bottom:5px}
#rates .ratestbl {width:610px;}

/* Member Privilege Discounts ----------*/
#category_selector span {
	display: inline-block;
	padding-left: 12px;
	color: #005594;
}

#category_selector span:hover {
	cursor: pointer;
	text-decoration: underline;
	color: #808284;
}

#category_selector span.active {
	color: #000;
}

#discount_wrapper h2 {
	margin: 15px 0 0;
}

#discount_wrapper .discount {
	margin: 10px 0 15px;
}

#discount_wrapper .discount .title {
	font-size: 14px;
	color: #005594;
    font-weight: bold;
}

#discount_wrapper .discount .details {
	margin: 3px 0;
	font-weight: bold;
}

#discount_wrapper .discount .locations_title {
	font-weight: bold;
	color: #005594;
}

#discount_wrapper .discount .discount_location {
	background-color: #f1f1f2;
	color: #000;
	padding: 5px;
	margin: 5px 0;
	width: 30%;
}

/* Weather Widgets ----------*/
#weather {
    display: none;
	float: left;
	overflow: hidden;
	width: 496px;
	height: 95px;
	margin-top: 5px;
	background: #3682B1;
}

#weather .loading, #weather .no_weather {
	position: absolute;
	top: 0;
	left: 0;
	width: 496px;
	height: 95px;
	text-align: center;
	line-height: 95px;
	background-color: #fff;
}

#weather .loading img {
	vertical-align: -4px;
	padding-right: 0.5em;
}

#weather .current {
	float: left;
	width: 297px;
	height: 95px;
	color: #fff;
	position: relative;
	background: #1968a2 50% 50% no-repeat url(../images/body/weather_current.png);
}

#weather .current div {
	line-height: 1;
}

#weather .current .when {
	position: absolute;
	bottom: 8px;
	left: 8px;
	font-size: 24px;
}

#weather .current .city {
	position: absolute;
	top: 8px;
	left: 8px;
	font-size: 13px;
}

#weather .current .change_zip {
	position: absolute;
	top: 24px;
	left: 8px;
	color: #1e9dd5;
	font-size: 11px;
}

#weather .current img {
	position: absolute;
	top: 15px;
	left: 117px;
}

#weather .current .temp {
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 50px;
}

#weather .current .condition {
	position: absolute;
	bottom: 15px;
	right: 15px;
}

#weather .forecast {
	float: left;
	width: 99px;
	height: 85px;
	margin: 5px 0;
	text-align: center;
	background-color: #3682B1;
	color: #fff;
}

#weather .forecast1 {
	border-right: 1px solid #156da4;
}

#weather .forecast img {
	padding: 5px 0;
}

#weather #weather_form {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #1968a2;
	padding: 15px;
}

#weather #weather_form label {
	display: block;
	font-weight: bold;
	margin: 0 0 5px;
}

#weather #weather_form .weather_zip.default {
	color:#999;
	font-style:italic;
}

#weather #weather_form .cancel_zip {
	color: #1e9dd5;
	display: inline-block;
	padding-top: 10px;
}

#weather #weather_form .cancel_zip:hover, #weather .current .change_zip:hover {
	cursor: pointer;
	text-decoration: underline;
}