body {
	margin: 1em auto;
	/*width: 767px;*/
	background: #FFFFFF url("images/bg.jpg") repeat-x fixed left top;
	font: 13px/13px sans-serif;
}
p,ul,ol { margin-top: 0 }
ol ol { list-style:lower-alpha}
table {font-size: 1em}
a:link { color: #CF2C4D;}
a:visited {color: #992135;}
a:hover, a:active { background-color:#CCC}

/* layout related styles */
#logo {
	color: #933;
	font: 900 26px sans-serif;
	text-transform: uppercase;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 30px;
}
#slogan { float:right; margin: -12px 14px 10px 0;}
#navRegion {background: #621D29 url("images/homeBG.png") repeat scroll left top;
 clear:both;
 height:220px !important;
 height:215px ;
 
 }
.splash #navRegion { padding: 0}
.clear {clear:both}
.cleaner {
	clear:both;
	height: 1px;
	font: 1px/1px serif;
	margin-top: -1px;
}
#primaryNavigation {
	margin: 0;
	list-style: none;
	padding: 0;
	font: bold 10px/20px Verdana, Geneva, sans-serif;
	height: 20px; /* This is expanded in IE 5-6; stretched from 0 in Gecko. */
}
.interior #primaryNavigation {
	border-top: 3px solid #992135;
	font: bold 9px/20px Verdana, Geneva, sans-serif;
	background: #D9D9D9 url('images/navBG.jpg') repeat fixed left top;
}
.interior #primaryNavigation li ul { position: absolute; left: -999em;}
.interior #primaryNavigation li:hover ul,
.interior #primaryNavigation li.hover ul { left: auto}
.interior #primaryNavigation li ul li { 
	font: bold 9px/20px Verdana, Geneva, sans-serif;
	background: #D9D9D9;
	width: auto;
}
.interior #primaryNavigation ul a {
	width: 145px;
	display:block;
	padding: 0 3px;
	min-width: 145px;
	border-width: 1px;
	border-style: solid;
	border-color: #FFF #666 #666 #FFF;
	text-align:left;
}
.interior #primaryNavigation[id=#primaryNavigation] ul a {width: auto }
.interior #primaryNavigation ul a:link, .interior #primaryNavigation ul a:visited {color: #992135; text-decoration: none}
.interior #primaryNavigation ul a:hover, .interior #primaryNavigation ul a:active {
	color: #FFF;
	background: #992135 none;
	text-decoration: none;
	border-color: #992135
}
#primaryNavigation:after {
	content: ".";
	font: 1px/1px serif;
	height:1px;
	margin-top:-1px;
	display:block;
	clear:both;
	visibility:hidden;
}
#primaryNavigation li {float:left;}
#primaryNavigation li a {
	display: block;
	color: #992135;
	width: 151px;
	text-align: center;
	text-decoration: none;
	border-width: 0 1px;
	border-style: solid;
	border-right-color: #999;
	border-left-color: #FFF;
	background:transparent;
}
.splash #primaryNavigation li a {
	width: 174px;
	padding-left: 16px;
	text-align: left;
	background-color: #FFF;
	color: #333;
	border-top: 1px solid #932444;
	border-right: 0 solid #932444;
	border-bottom: 0 solid #932444;
	border-left: 1px solid #932444;
}
.interior #primaryNavigation a:hover,.interior #primaryNavigation a:active {
	color: #FFF;
	background-color:#992135;
	border-color:#992135;
}
#primaryNavigation ul { /* secondary navigation */
	margin: 0;
	list-style: none;
	padding-left: 0;
	font: normal 11px/16px Arial, Hevletica, sans-serif;
	color: #D6415B;
}
#primaryNavigation ul li {
	float: none;
	width: 191px;
}
.splash #primaryNavigation ul li a {
	color: #D6415B;
	background-color: transparent;
	border: none;
}
/* .hover below is used with javascript in IE to emulate the CSS2 :hover pseudo-class for <li> */
.splash #primaryNavigation li:hover a, .splash #primaryNavigation li.hover a { color: #FFF; background:#C32A48 url("images/bulletBigArrow.gif") no-repeat scroll 6px}
.splash #primaryNavigation li:hover ul a, .splash #primaryNavigation li.hover ul a {background:transparent none}
.splash #primaryNavigation li ul li a:hover { 
	background: url("images/bulletArrow.png") no-repeat scroll 6px;
	text-decoration:underline;
}
#layoutContainer { background-color:#FFF; border: solid 1px #000; width:765px; margin:0 auto;}
.splash #layoutContainer {	background: #EFF4F3 url(images/homeTopBG2.png) repeat-x scroll left top; padding-bottom:0}
.bg2 {
	background: transparent url(images/go_paperless.gif) no-repeat scroll right top;
	height: 242px;
}
/* hide the Online Banking Menu on the home page */
/*   'display:none' will not suffice b/c of IE duplicate content bug */
.splash #OnlineBanking { position: absolute; visibility:hidden; top:-5000px; }
#topNavigation, /* 'Home', 'About Us', etc. on the interior */
#footerSitemap  /* Home, Privacy, Terms, etc. on the interior */
 { 
	font: bold 10px/normal Verdana, Geneva, sans-serif;
	list-style: none;
	padding: 0; margin: 10px 0 0;
	float:right;
}
#topNavigation li {
	display: block;
	background: #FFF url(images/bulletRect.gif) no-repeat left center;
}
#footerSitemap li {
	display: inline;
	background: #FFF url(images/bulletRect.gif) no-repeat left center;
}
#topNavigation a,
#footerSitemap a {
	text-decoration: none;
	color: #992135;
	padding: 0 16px 0 12px;
}
#topNavigation a:hover, #topNavigation a:active,
#footerSitemap a:hover, #footerSitemap a:active { text-decoration:underline; background: transparent none}
#footerSitemap { margin-top: 0.5ex }
#footerSitemap li.lastItem a {padding-right: 0 }
#content { /* Wraps the interior content output by CCP */
	height: 309px; /* min-height hack */
	min-height: 309px;
}
div[id=content]#content { height:auto }
.redBar { height: 13px; font: 13px/13px serif; background-color: #992135 }#olbLogin label {
	font-size: 10px;
	line-height: 19px;
	font-weight: normal;
	color: #FFFFFF;
	vertical-align: middle;
	background-color: transparent;
}
.olbInput {
	height: 16px;
	width: 85px;
	border: 1px solid #000000;
	font-size: 11px;
}
.olbSelect {
	height: 18px;
	width: 150px;
	border: 1px solid #000000;
	font-size: 10px;
}
#olbLogin {
	margin: 0px;
	border-bottom: 1px solid #FFFFFF;
	clear: both;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 33px;
	width: 734px;
}
#olbLogin img {
	font-weight: bold;
	color: #FFFFFF;
	background: transparent;
	vertical-align: middle;
}
.olbButton {
	width: 60px;
	border: 1px solid #000000;
	background-color: #CCCCCC;
	font-weight: bold;
	font-size: 10px;
}

.footerNotice {
	width: 525px;
	float: left;
	margin-top: 1em;
	font: 0.80em Arial, Helvetica, sans-serif;
	color: #666;
	text-align:justify;
}
.footerLogos {	float: right;}
.footerLogos img { margin: 0 1ex; }
.footerLogos a:hover { background-color: #fff }
.copyright, .poweredBy { color: #666; font-size: 0.80em; margin: 0;}

#videoIcon {
	margin: 195px 0 0 11px;
}
#videoIcon:link, #videoIcon:visited, #videoIcon:hover, #videoIcon:active { background:transparent;}
#paperless  {
border:thin solid #7E1434;
padding-left:10px;
}

#paperless  input{
border:1px solid #7E1434;

}