﻿@charset "utf-8";

/*
colors:
grey: #999
red: #d4002b
*/

* {
	margin: 0;
	padding: 0;
	border: none;
}
body {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;

	scrollbar-face-color: #999; 
	scrollbar-highlight-color: #999; 
	scrollbar-shadow-color: #999; 
	scrollbar-3Dlight-color: #999;
	scrollbar-darkshadow-color: #999;
	 
	scrollbar-arrow-color: #ccc; 
	scrollbar-track-color: #ccc;
	
	overflow: auto;
 }

p {
	margin-bottom: 1em;
}
h1, h2, h3, h4 {
	color: #d4002b;
}

a:link, a:visited {
	color: #d4002b;
}
a:active, a:hover { text-decoration: none; }
a img { border: none; }

ol { margin: 1em; padding: 1em; font-weight: bold; }
ol li { padding: 1em 0; border-top: 1px solid #eee; }
ol li p { font-weight: normal; }

ol li ol { list-style: upper-alpha; }
ol li ol li  { border: 0; padding: .5em 0 0 0; }

div.content ul, div.freestyle ul { list-style: none; margin: 0 0 20px 20px; xxxwidth: 80%; }
div.content ul li, xxxdiv.content ul span li, div.freestyle ul li { padding-left: 10px; background: url(/Images/bullet_square_4x4.gif) left 5px no-repeat; margin-bottom: .5em; }

.page_wrapper {
	width: 1040px;
	background: #fff;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	border-top: 0;
}
div.header {
	position: relative;
	height: 199px;
	background-image: url(../images/header_bkg.jpg);
	display: block;
	z-index: 6666;
}
.content_wrapper {  }
.sidebar, .home .sidebar {
	width: 290px;
	float: left;
	background-image: url(../images/nav_bkg.jpg);
	background-position: top, left;
	background-repeat: no-repeat;
	color: #000000;
}

p.heading3 { font-size: 15px; font-weight: bold; margin-top: 20px; }
hr { height: 1px; background: #eee; }
.business .sidebar, .personal .sidebar {
	background-image: url(/images/nav_bkg_inside.jpg);
}
.content {
	width: 690px;
	float: right;
	padding: 10px;
	margin: 0;
}

.footer {
	clear: both;
	height: 50px;
	xxxline-height: 37px;
}

table { clear: both; }
/* nav_top */

div.nav_top {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 900px;
	font-weight: bold;
	height: 20px;
	z-index: 1;
}
/* raw nav */
div.nav_top ul {
	list-style: none;
	height: 20px;
	float: right;
}
div.nav_top ul li {
	float: left;
	padding: 0 10px 0 13px;
	background: url(/images/dot.png) left center no-repeat;
	z-index: 9999;
}
div.nav_top ul li:first-child {
	border: 0;
	background-image: none;
}
div.nav_top ul li a {
	display: block;
	color: #fff;
	text-decoration: none;
	margin: 0;
	line-height: 20px;
}
div.nav_top ul li:hover a,
div.nav_top ul a:active {
	color: black;
}
div.nav_top ul li:hover ul {
	display: block;
}
/* secondary nav */
div.nav_top ul li ul {
	position: absolute;
	display: none;
	background: #fff;
	padding: 1px;
	list-style: none;
	width: 150px;
	height: auto;
	z-index: 4444;
}
div.nav_top ul li ul li  {
	float: none;
	background: #ccc;
	margin: 0 0 1px 0;
	padding: 0;
}
div.nav_top ul li ul li a  {
	font-size: .9em;
	font-weight: normal;
	border: none;
	padding: 0 5px;
}
div.nav_top ul li ul li:hover ul {
	display: block;
}
div.nav_top ul li:hover ul a {
	color: black; /* secondary link color */
}
div.nav_top ul li ul li a:hover {
	color: #fff;
	background: #666;
}
/* end nav_top */

/* nav_main */

div.mainNav {
	height: 31px;
	margin: 0;
	position: absolute;
	width: 700px;
	bottom: 0px;
	right: 0px;
	font-size: 13px;
	font-weight: bold;
}
/* raw nav */
ul.tnavmenubar {
	list-style: none;
	padding-left: 50px;
	height: 31px;
}
ul.tnavmenubar li {
	display: block;
	float: left;
	border-left: 1px solid #fff;
	margin-top: 5px;
}
ul.tnavmenubar li:first-child {
	border: 0;
}
ul.tnavmenubar a {
	display: block;
	color: #fff;
	text-decoration: none;
	margin: 0;
	line-height: 20px;
	padding: 0 10px;
}
ul.tnavmenubar li:hover a,
ul.tnavmenubar a:active {
	color: black;
}
ul.tnavmenubar li:hover ul {
	display: block;
}
ul.tnavmenubar li:hover ul ul {
	display: none; /* hides tertiary nav */
}
/* secondary nav */
div.mainNav { position: absolute; z-index: 6666!important; }
ul.tnavmenubar ul {
	position: absolute;
	display: none;
	background: #fff;
	padding: 1px;
	list-style: none;
	xxxwidth: 197px;
	height: auto;
	xxxmargin-left: 2px;
}
ul.tnavmenubar ul li  {
	xxxwidth: 194px;
	background: #ccc;
	margin: 0 0 1px 0;
	xxxheight: auto;
	padding: 0;
	xxxborder: none;
	float: none;
}
ul.tnavmenubar ul li a  {
	xxxcolor: green;
	font-size: .9em;
	font-weight: normal;
	border: none;
	padding: 0 5px;
}
ul.tnavmenubar ul li:hover ul {
	display: block;
}
ul.tnavmenubar li:hover ul a {
	color: black; /* secondary link color */
}
ul.tnavmenubar ul li a:hover {
	color: #fff;
	background: #666;
}

/* tertiary nav */
ul.tnavmenubar ul ul {
	width: 196px;
	xxxz-index: 3333;
}
ul.tnavmenubar ul ul li  {
	width: 193px;
	height: auto;
	xxxpadding: .1em;
	border: none;
}
ul.tnavmenubar ul ul li a  {
	xxxcolor: yellow;
	xxxfont-size: .8em;
}
ul.tnavmenubar ul ul li a:hover {
	color: #fff;
}
/* end nav_main */
ul.nav_business, ul.nav_personal {
	display: none;
}
ul.nav_bottom {
	line-height: 37px;
	float: right;
	margin-right: 10px;
}
ul.nav_bottom li {
	list-style-type: none;
	display: inline;
}
ul.nav_bottom a:link, ul.nav_bottom a:visited {
	color: #d4002b;
	margin-left: 0.4em;
	margin-right: 0.6em;
	text-decoration: none;
	font-size: 11px;
}
ul.nav_bottom a:hover, ul.nav_bottom a:active  {}
.form_search {
	height: 20px;
	float: right;
	padding-left: 20px;
}
input.search {
	font-size: 13px;
	color: #ccc;
	border: 2px solid #ccc;
	border-left: 0;
	border-right: 0;
	height: 16px;
}
input.submit {
	border: 0;
	background: #d4002b;
	color: #FFFFFF;
	font-size: 12px;
	height: 20px;
	width: 25px;
	font-weight: bold;
}
.header h2 {
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 24px;
	bottom: 45px;
	position: absolute;
	right: 20px;
	width: 100%;
	text-align: right;
}
.logo {
	bottom: 31px;
	left: 362px;
	position: absolute;
	float: left;
	top: 31px;
}
ul.icons {
	list-style-type: none;
	position: absolute;
	top: 63px;
	right: 12px;
	xxxwidth: 177px;
}
ul.icons li {
	float: left; margin-left: 8px;
}
ul.icons li span { font-size: 9px; color: #fff; position: relative; top: -5px; }
xxxli.chatButton { margin-right:5px; }
xxxli.chatButton a { display: block; padding:1px 3px; border:1px solid #eee; text-decoration:none; font-family:trebuchet; }
xxxli.chatButton a:link, li.chatButton a:visited { color: #eee; }
xxxli.chatButton a:hover, li.chatButton a:active { color: #666; border-color: #666; }
xxxli.chatButton p { margin:0; }


.sidebar h2 {
	line-height: 31px;
	color: #FFFFFF;
	padding-left: 10px;
	font-size: 14px;
	margin-right: 26px;
	background: #d4002b;
}
.sidebar h3 {
	font-size: 14px;
}
.sidebar .ratings {
	margin-bottom: 0;
	line-height: 18px;
	padding: 8px 0 8px 8px;
}
.sidebar .ratings span {
	font-weight: normal;
	text-transform: uppercase;
	font-size: .85em;
}

span#ctl00_lblRating { font-size: 1.5em; line-height: .85em; }

.scroll_news, .scroll_cal, .scroll_blg, xxx.scroll_announce {
	margin-left: 20px;
	margin-top: 15px;
}
.scroll_blg { margin-bottom: 1px; }
.scroll_news, .scroll_blg {
	height: 98px;
	margin-right: 28px;
	padding-right: 5px;
	overflow: auto;
}
.scroll_cal {
	xxxheight: 85px;
	margin-right: 35px;
	overflow: hidden;
}

.scroll_announce {
	xxxheight: 85px;
	margin-right: 35px;
	overflow: hidden;
	clear: both;
	margin-bottom: 10px;
}
xxx#BLG_LinksHolder, div.archives { margin: 20px; }

.sidebar p { margin: 0; }
.sidebar p.date { font-size: 11px; }
.sidebar p.title  { font-weight: bold; }
.sidebar p.caption {}
.sidebar a { color: #d4002b; }
.sidebar ul li { padding: .4em 0; }
.sidebar h2 a:link, .sidebar h2 a:visited { color: #fff; text-decoration: none; }
.sidebar h2 a:hover, .sidebar h2 a:active { text-decoration: underline; color: #fff; }
img.banner_nav {
	border: 2px solid #999;
	border-top:0;
	border-left:0;
	padding-bottom: 4px;
}
.banner_home {
	background-color: #d4002b;
	float: left;
	margin-right: 15px;
	text-align: center;
	margin-bottom: 12px;
}
.banner_home_bottom {
	text-align: center;
	margin-bottom: 12px;
	padding: 0 30px;
	border: 2px solid #999;
}
.banner_home h3 {
	color: #FFFFFF;
	text-transform: uppercase;
	font-style: italic;
	font-weight: bolder;
	padding: 6px;
}

.content h1 {
	margin-top: 16px;
	margin-bottom: 8px;
	font-size: 18px;
}

.content p {
	margin-right: 20px;
}
.footer img {
	float: left;
	margin: 5px;
}
.footer p {
	font-size: 10px;
	float: left;
	line-height: 11px;
	margin-top: 10px;
}
.inner {}
.red {
	color: #d4002b;
}
.bold {
	font-weight: bold;
}
.border1 {
	border: 2px solid #999;
}
.first {
	margin-left: 0;
}
.last {
	margin-right: 0;
}

/*pages*/
div.navBoard { overflow: hidden; margin-bottom: 10px; xxxbackground: red; }
div.navBoard p { float: left; }
div.navBoard a { margin: 0 5px; padding: .1em .45em; xxxborder: 1px solid #333; font-size: 10px; text-decoration: none; }
div.navBoard a:hover { text-decoration: underline; }
div.navBoard div { width: 375px; float: right; xxxbackground: blue;  }
div.navBoard div a {  }

table.team td { padding: 9px 0; }

table.team a { font-size: 10px; font-style: italic; }
table.team a strong, table.team strong { font-size: 13px; font-style: normal; }

div.photo { float:right; margin: 0 20px 20px 10px; padding: 5px; border:1px solid #eee; xxxoverflow: hidden; }
div.photo img { width: 290px; xxxheight: 170px; }

div.freestyle table img { width: 290px; margin: 0 20px 20px 10px; padding: 5px; border:1px solid #eee; }
div.freestyle table tr td { vertical-align: top; }

div.banner { text-align: center; margin-bottom: 20px; }

/*survey*/

div.modalContainer { width: 450px; }

div.survey { background: #fff; width: 450px; padding: 0 0 5px 0; margin: auto; text-align: left;  }
div.survey div { margin: 10px 10px 20px 5px; xxxheight: 400px; overflow: auto; }

div.survey .logo2 { float: left; }

div.survey p { padding: 10px 20px 0 20px; font-size: 12px; }
div.survey center p { margin: 0; font-size: 14px; }
div.survey center { font-size: 1.5em; color: #000; background: #eee; padding-bottom: 10px; margin: 0 20px; }
div.survey .surveyButton { text-decoration: none;  margin: 0 10px; background: #d2d0d0; padding: 8px 12px; text-transform: uppercase; border: 1px solid #000; }
div.survey .surveyButton:hover { background: #eee; }

div.survey h1, div.survey h2, div.survey a { font-family: "Arial Black"; color: #d4002b; font-weight: bold; }
div.survey h1, div.survey h2, div.survey h3 { text-align: center; }

div.survey h1 { font-size: 25px; margin: 45px 0 20px 0; line-height: 30px; }
div.survey h2 { clear: left;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 20px; }
div.survey h3 { margin: 5px 0 10px 0; color: #666; font-size: 16px; }

div.survey a.close { color: #ccc; background: none; border: none; display: block; text-align: right; border-bottom: 2px solid #ccc; font weight: bold; }
div.survey a.close:hover { color:#999; }

img.about-us { float: left; border: 1px solid #eee; padding: 3px; margin: 0 20px 10px 0; }
p.callout { padding: 20px; border: 1px solid #999; }

div.depositsButton { float: left; text-align: center; xxxborder: 1px solid #333; xxxoutline: 2px solid yellow;  }
div.depositsButton p { margin: 0; }
div.depositsButton a { display: block; width: 130px; height: 60px; height: 50px; xxxpadding: 10px; padding-top: 20px; xxxmin-height: 60px; xxxbackground: #d4002b; background: url('/Images/button.jpg') center no-repeat; font-weight: bold; text-transform: uppercase; text-decoration: none; }
div.depositsButton a:link, div.depositsButton a:visited { color: #fff; }
div.depositsButton a:hover, div.depositsButton a:active { background-image: url('/Images/button-over.jpg'); }

div.team div { padding: 10px 0; border-bottom:1px solid #eee; width: 450px; margin-left: 10px; overflow: hidden; }
div.team h2 { margin-top: 20px; }
div.team div img, div.blogMast img { float:left; padding: 5px; background: #fff; border: 1px solid #eee; margin-right: 20px; }
div.team div p { margin: 90px 0 0 200px; }


table.contact { border-collapse: collapse; }
table.contact td.validation { text-align: center; }
table.contact div.right { text-align: right; margin: .3em .5em; }
table.contact td { padding: 8px 0; margin: 3px 0; vertical-align: top; xxxborder-top: 1px solid #eee; xxxborder: 1px solid red; }
table.contact tr:first-child td { border: none; background: transparent; }
table.contact input.text-box { height: 1.8em; margin: 0; background: #eee; }
table.contact div.catchpa table td { border: none; text-align: left; }
table.contact input.text-button { margin: 10px auto; padding: .25em .5em; }

div.blogMast { width: 670px; background: #eee url(/Images/bkg_blog2.jpg) bottom right repeat-y; overflow: hidden; border: 1px solid #ccc; margin-bottom: 30px; }
div.blogMast2 { background: url(/Images/bkg_blog.jpg) bottom right no-repeat; overflow: hidden; padding: 10px; }
div.blogMast img { float: none; margin: 0 0 10px 0; } 

/*blog*/
div#BLG_PostHolder, div.announce-holder { border-bottom: 1px solid #ccc; padding: 20px; width: 635px; }
div#BLG_PostHolder hr { display: none; }
div#BLG_PostHolder h2, div.announce-title { font-size: 14px; }
div#BLG_PostDate { font-size: 10px; text-transform: uppercase; margin-top: 2px; }
div#BLG_PostBody, div.announce-body { font-size: 12px; overflow: hidden; }
div#BLG_ReadMore { float: left; }
div#BLG_Comments { float: right; }
div#BLG_Comments, div#BLG_ReadMore { margin: 10px 0; }

/*chat*/
.chatContainer h1 { font-size: 24px; }
.chatContainer .text-button { font-size: 14px; } 

/*calendar*/

table#ctl00_Body_EventCal1_calMain  { border: 0px solid!important; font-weight: normal!important; margin-top: 15px; } /* main cal */
table#ctl00_Body_EventCal1_calMain td span  { font-size: 10pt!important; font-weight: normal!important; color: #666; } /* date numbers */
table.calTitle { color: White!important; font-weight: bold!important; background: #999; padding: 10px; } /* top "row" displaying current month */
th.calDayTitle { font-weight: normal; font-size: 10px; background: #d4002b; } /* Sunday, Monday, etc */
td.calToday { background: #999; } /* today's cell */
td.calDay { background: #fff; } /* plain cells */
td.calOtherMonth { background: #eee; } /* day cells outside of current month */

/* tablehead padding */
table.calTitle td { padding: 5px 10px 3px 10px; }
th.calDayTitle { padding: 5px 5px 3px 5px; border-left: 1px dotted #fff; text-align: center; }
th.calDayTitle:first-child  { border: 0; }

.calDayA { vertical-align: top; font-size: 10px; text-align: left; padding: 4px; background-color: #FFFFFF; border: 1px solid #c3b694; }
.calOtherMonthA { background-color: #ccf3fb; vertical-align: top; font-size: 10px; text-align: left; padding: 4px; border: 1px solid #c3b694; }
.datepicker { background-color: #ffffff; padding: 10px; border: 1px solid #cccccc; }
.datepick a { display: block; height: 20px; }
.datepick td, .datepick th { padding:0px; }

/*photo gallery*/

div.ctl00_Body_ptCategories_Links {  }
td.PG_NextPrevious, td.PG_NextPrevious2 { padding: 2px 5px 3px 5px; background: #eee; border-top: 1px solid #999; }
td.PG_NextPrevious span, td.PG_NextPrevious2 span, td.PG_NextPrevious a, td.PG_NextPrevious2 a { font-size: 10px; font-weight: normal; color: #666; }
td.PG_NextPrevious a, td.PG_NextPrevious2 a { color: #999; text-decoration: none; }
td.PG_NextPrevious a:hover, td.PG_NextPrevious2 a:hover { text-decoration: underline; }
table.PG_ImageTable {  }
td.PG_ImageCell {  }
td.PG_CaptionCell2 { color: #666; }
td.PG_ImageCell, td.PG_CaptionCell2 { padding: 10px; }

/*cms*/
div.cms_title { color: #999!important; }
input.text-button, input.text-buttond { padding: .25em .5em; background: #d4002b; border: 0; color: #fff; }

/*news*/
td.NEWS_Title { padding-left: 5px!important; background:#fff!important; border: 1px solid #999; padding: 10px; color: #666; }
#ctl00_Body_lblTitle { font-weight: bold!important; }

/*survey*/
table#ctl00_Body_gvQuestions { width: 450px!important; }
table#ctl00_Body_gvQuestions td { padding-bottom: 10px; vertical-align: top; }
table#ctl00_Body_gvQuestions td table td table { width: 100%; }
table#ctl00_Body_gvQuestions td table td table td { background: #eee; padding: 5px; border-top: 1px solid #999; xxxvertical-align: middle; }
table#ctl00_Body_gvQuestions td table td table td input { vertical-align: middle; padding: 3px; }
a.srv_button { margin: 0 20px 40px; padding: .25em .5em; background: #d4002b; color: #fff; text-decoration: none; }

/*announcements*/
xxxdiv.cf_wrapper { clear: both; height: 2em; }
xxxdiv.cf_wrapper div.cf_element div.content { padding: 0; }
xxxdiv.cf_wrapper div.cf_element div.content p { margin: 0; }
xxxdiv.cf_wrapper div.cf_element div.content p a {  }
xxxdiv.cf_element { z-index: 1!important; }

div.announcementsScroller { xxxborder: 1px solid red; width: 671px!important; }
div.announcementsScroller ul {  }
div.announcementsScroller ul li { xxxwidth: auto!important; padding: 0 10px; height: 14px!important; }

/*
colors:
grey: #999
red: #d4002b
*/ 