body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background-color: #FCF7E5;
	background-image: url("images/background2.png");
	background-repeat: repeat-x;
	color: #333333;
	background-position: top center;
}

hr { display: none; }
p {
	font-size: 11px;
	line-height: 18px;
}
a {
	color: #990000;
}
a:hover {
	color: #000066;
}
a img { border-width: 0; }
li {
	font-size: 11px;
	line-height: 18px;
}
.clear {
	clear: both;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	overflow: hidden;
}
#pageWrap {
	width: 700px;
	margin: 0 auto;
}
#skipper {
    display: block;
    background: transparent;
    background-image: none; /* safari bug */
    border: none;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: -1px 0 0 -1px;
    width: 1px;
}

/*** BANNER and MENU ***/
#banner {
	height: 95px;
	background-image: url("images/banner.gif");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

#banner2 {
	height: 95px;
	background-image: url("images/banner.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

#printLogo {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	top: -1000px;
	left: -1000px;
}
#topMenu ul {	
	margin: 0;
	padding: 0;
}
#topMenu ul li {
	display: block;
	float: left;
	padding: 7px 13px 6px 13px;
}
#homepage #topMenu ul li {
	padding: 7px 13px 5px 13px;
}
#homepage #topMenu ul li.first, #topMenu ul li.first { padding-left: 8px; }
#homepage #topMenu ul li.last, #topMenu ul li.last { padding-right: 8px; }

#topMenu ul li a {
	height: 15px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	text-decoration: none;
	text-indent: -9114px;
}
#topMenu ul li a:hover { background-position: 0 -15px; }
#topMenu ul li#current a { background-position: 0 -30px; border-bottom: 1px solid #990000; }
#topMenu ul li a#menu-about { background-image: url("images/m_about.gif"); width: 54px; }
#topMenu ul li a#menu-rates { background-image: url("images/m_rates.gif"); width: 82px; }
#topMenu ul li a#menu-locations { background-image: url("images/m_locations.gif"); width: 58px; }
#topMenu ul li a#menu-products { background-image: url("images/m_products.gif"); width: 116px; }
#topMenu ul li a#menu-banking { background-image: url("images/m_banking.gif"); width: 89px; }
#topMenu ul li a#menu-tools { background-image: url("images/m_tools.gif"); width: 91px; }
#topMenu ul li a#menu-home { background-image: url("images/m_home.gif"); width: 35px; }
	

#photos {
	clear: both;
	margin: 0 0 12px 0;
}

/*** END BANNER ***/



/*** FORM STYLES ***/
form#normalForm {
	margin: 0;
	padding: 0;
}
form#normalForm br {
	clear: left;
}
#normalForm label {
	font-weight: bold;
	color: #990000;
	display: block;
	width: 25%;
	font-size: 11px;
	float: left;
	line-height: 20px;
	padding: 0 0 10px 0;
}
#normalForm input {
	font-size: 11px;
	width: 50%;
	height: 16px;
}
#normalForm textarea {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	width: 50%;
	height: 75px;
}
#normalForm input.button {
	width: auto;
	padding: 0 5px;
	margin: 10px auto;
	height: auto;
	line-height: normal;
}
#normalForm input.radio {
	width: auto;
	height: auto;
	padding: 0 10px 0 0;
}
#normalForm ul { list-style-type: none; margin-left: 25%; padding-left: 0; }
* html #normalForm ul { height: 1%; }
#normalForm ul li { margin: 0; padding: 0; }

#calcForm { margin-top: 20px; }
#calcForm label {
	font-weight: bold;
	color: #000042;
	display: block;
	font-size: 11px;
	float: left;
	width: 50%;
}
#calcForm p {
	border-top: 1px solid #D3D3BE;
	margin: 0;
	padding: 5px 0;
}
#calcForm p span {
	display: block;
	float: left;
	width: 10px;
}

p.results {
	width: 80%;
	margin: 10px auto;
	border: 1px solid #FF9933;
	background-color: #FFCC66;
	padding: 10px;
	text-align: center;
	font-size: 12px;
}
/*** END FORM STYLES ***/


/*** HEADER STYLES ***/
h1#logo {
	margin: 0;
	padding: 6px 0 0 10px;
	height: 82px;
	width: 205px;
	text-indent: -9114px;
	float: left;
}
h1#logo span, h1#logo a {
	display: block;
	height: 82px;
	width: 205px;
	background-image: url("images/ev_logo.gif");
	background-repeat: no-repeat;
	text-decoration: none;
}
h4#slogan {
	float: right;
	margin: 0 45px 0 0;
	height: 85px;
	width: 268px;
	display: inline; /* IE doubled float margin fix */
	background-image: url("images/ev_slogan.png");
	background-repeat: no-repeat;
	background-position: 0 18px;
	text-indent: -9114px;
}

h2,h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0;
}
h2 {
	font-size: 18px;
	color: #990000;
	font-weight: normal;
	padding: 5px 0 0 0;
}
h2.graphic {
	height: 118px;
	width: 513px;
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -9114px;
	margin-top: 5px;
}
h2#about { background-image: url("images/h2_about.jpg"); }
h2#rates { background-image: url("images/h2_rates.jpg"); }
h2#locations { background-image: url("images/h2_atm-locations.jpg"); }
h2#products { background-image: url("images/h2_products.jpg"); }
h2#online-banking { background-image: url("images/h2_online-banking.jpg"); }
h2#personal-banking { background-image: url("images/h2_personal-banking.jpg"); }
h2#contact { background-image: url("images/h2_contact.jpg"); }
h2#financial-tools { background-image: url("images/h2_financial-tools.jpg"); }
h2#e-statements { background-image: url("images/h2_estatements.jpg"); }

h3 {
	font-size: 13px;
	color: #000042;
}
#contentMain h3 {
	padding: 10px 0 0 0;
}

h4 {
	font-size: 11px;
	color: #000042;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#head_login {
	float: right;
	margin: 0 15px 0 0;
	height: 85px;
	width: 110px;
	display: inline; /* IE doubled float margin fix */
	background-image: url("images/head_login.gif");
	background-repeat: no-repeat;
	background-position: 0 18px;
}

#head_login h3 {
	color:#E5919A;
	font-size:14px;
	margin-top:8px;
}

#head_login_bt {
	margin-top:5px;
	margin-bottom:-5px;
}


/*** END HEADER STYLES ***/

/*** CONTENT STYLES ***/
#contentWrap {
	background-image: url("images/content_back.gif");
	background-repeat:repeat-y;
	clear: both;
	position: relative;
	width: 100%;
	height: 100%; /* fixes background problem in IE */
}
#contentCrumbs {
	/*position: absolute;
	top: 4px;
	left: 187px;*/
	float: right;
	width: 513px;
	height: 12px;
	font-size: 9px;
	color: #7D7D55;
	margin-top: 4px;
}
* html #contentCrumbs { height: 1%; }
#contentCrumbs a {
	color: #7D7D55;
	text-decoration: none;
}
#contentCrumbs a:hover {
	text-decoration: underline;
}
#contentMenu {
	width: 155px;
	background-image: url("images/col_back.gif");
	background-position: 0 -30px;
	background-repeat: no-repeat;
	float: left;
	margin: 0 12px 0 0;
	padding: 7px 10px 10px 10px;
}
#homepage #contentMenu {
	background-image: url("images/col_back2.gif");
}
#contentMenu form {
	margin: 0;
	padding: 0;
}
#contentMenu form input {
	width: 150px;
	border: 1px solid #646456;
	border-bottom-color: #9A9A9A;
	border-right-color: #9A9A9A;
	font-size: 11px;
}
#contentMenu form label {
	font-size: 9px;
	font-weight: bold;
	display: block;
	margin: 6px 0 0 0;
	padding: 2px 0 2px 0;
}
#contentMenu form input.button {
	width: auto;
	border: none;
}
#btn-login {
	float: right;
	margin: 10px 0 0 0;
}
#contentMenu ul {
	padding: 15px 0 0 0;
	margin: 0;
}
#contentMenu ul li {
	padding: 3px 0 3px 0;
	margin: 0;
	list-style-type: none;
}
#contentMenu ul li.map, #contentExtra ul li.map, a.map {
	background-image: url("images/map.gif");
	background-repeat: no-repeat;
	padding-left: 30px;
}
a.map {
	display: block;
	height: 20px;
	margin: 5px 0 0 0;
}
a.arrow {
	background-image: url("images/arrow.gif");
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: 0 2px;
}
#contentMenu ul li a {
	font-weight: bold;
	color: #666666;
	font-size: 10px;
	text-decoration: none;
}
#contentMenu ul li a:hover {
	color: #990000;
}

#contentMain {
	float: left;
	width: 513px;
	padding: 5px 0 0 0;
}
#homepage #contentMain {
	width: 325px;
	padding: 0;
}
/* OLD SIDEBAR
#contentExtra {
	float: right;
	margin: 0 0 0 12px;
	background: none;
	width: 175px;
	background-image: url("images/xcol_back.gif");
	background-repeat: no-repeat;
	background-position: bottom;
}
#contentMain #contentExtra {
	margin-top: 8px;
}
#contentExtra div {
	background-image: url("images/col_back.gif");
	background-repeat: no-repeat;
	padding: 7px 10px 10px 10px;
}*/
#contentExtra {
	float: right;
	margin: 0 0 0 12px;
	width: 175px;
}
#contentExtra strong, #atms strong {
	display: block;
}
#contentExtra ul, ul#atms {
	margin: 0;
	padding: 12px 0 0 0;
}
#contentExtra ul li, ul#atms li {
	list-style-type: none;
	margin: 0;
	padding: 0 0 12px 0;
	font-size: 10px;
}

img.right {
	float: right;
	margin: 0 0 15px 15px;
}
img.left {
	float: left;
	margin: 0 15px 15px 0;
}
ul.arrows {

	padding: 0;
	margin: 10px 0 10px 35px;
}
ul.arrows li {
	list-style-type: none;
	background-image: url("images/arrow.gif");
	background-repeat: no-repeat;
	background-position: 0 4px;
	margin: 0 0 0 5px;
	padding: 0 0 0 18px;
}
.half-column, #tabs div.half-column {
	width: 45%; 
	float: left;
	padding: 0 15px 0 0;
}
/*** END CONTENT STYLES ***/


/*** CITATION STYLES ***/
a.cite {
	color: #333333;
	text-decoration: none;
	vertical-align: text-bottom;
}
th a.cite { color: #EFEFE7; }
a.cite:hover, th a.cite:hover {
	color: #FFCC66;
}
dl#cites {
	font-size: 9px;
	margin: 25px 0 0 0;
}
dl#cites dt {
	width: 25px;
	float: left;
}
dl#cites dd {
	margin: 6px 0 6px 35px;
}

/*** END CITATION STYLES ***/


/*** TAB STYLES ***/
#tabs {
	position: relative;
	clear: left;
	background-image: url("images/tab_content_back.gif");
	background-repeat: no-repeat;
}
#homepage #tabs { background-image: url("images/xcol_back.gif"); background-position: bottom;}
#homepage #tabs div { background-image: url("images/col_back2.gif"); background-repeat: no-repeat; }
#tabs .tab {
	height: 30px;
	margin: 0;
	padding: 0 0 0 10px;
	background-image: url("images/tab_left.gif");
	background-repeat: no-repeat;
}
#tabs h3 a {
	display: block;
	background-image: url("images/tab_right.gif");
	background-position: right top;
	background-repeat: no-repeat;
	height: 30px;
	text-decoration: none;
	color: #666666;
	text-align: center;
	line-height: 30px;
	padding: 0 10px 0 0;
	outline: 0;
}
#tabs h3 a:hover {
	color: #000040;
}
#tabs h3 a:active {	outline: none; }
#tabs h3 a:focus { outline: 0; color: #900; }

#tabs h3.current { background-position: 0 -30px; }
#tabs h3.current a {
	background-position: right -30px;
	color: #990000;
}

#tabs div {
	display: none;
	visibility: hidden;
	padding: 40px 10px 25px 14px;
}
#tabs div.show {
	display: block;
	visibility: visible;
}
#tabs div.half-column {
	padding: 0 15px 0 0;
	display: block;
	visibility: visible;
}
/*** END TAB STYLES ***/



/*** TABLE STYLES ***/
table.data-table {
	width: 100%;
	font-size: 10px;
	margin: 20px 0 10px 0;
}
table, th, tr, td { margin: 0; padding: 0; border-collapse: collapse; }
th {
	background-color: #646456;
	color: #EFEFE7;
}
th, td {
	text-align: center;
	padding: 4px 0 4px 0;
	vertical-align: top;
}

tr.odd td { }
tr.even td { background-color: #DCDAB9; }
tr.odd th {	background-color: #A3A389; }
tr.even th { background-color: #7B7B60; }

tr.oddhover td { background-color: #ffcc99; cursor: pointer; }
tr.oddhover th { background-color: #990000; cursor: pointer; }

td ul, td p, td li {
	text-align: left;
}
td li, td p {
	font-size: 9px;
}
td ul {
	margin: 0;
	padding: 0;
}
td li {
	margin: 0 0 0 15px;
	padding: 0;
}
th a, th a:hover {	
	color: #ffffcc;
}
tr.totals td {
	background-color: #FFCC66;
	text-align: left;
	padding-left: 10px;
}
/*** END TABLE STYLES ***/

.GMapEZ {
	border: 1px solid #333333;
	margin: 20px 0 0 0;
	cursor: move;
}

/*** FOOTER STYLES ***/
#footer {
	background-image: url("images/content_base.gif");
	background-repeat: no-repeat;
	padding: 66px 0 10px 0;
	font-size: 9px;
	color: #666666;
	position: relative;
}
#footer ul {
	margin: 5px 5px 0 0;
	padding: 0;
	float: right;
}
#footer li {
	list-style-type: none;
	display: inline;
	padding: 0 0 0 10px;
	font-size: 11px;
}
#copyright {
	padding: 5px 0 10px 5px;
	line-height: 14px;
}

p#fdic, p#housing {
	float: left;
	
	background-repeat: no-repeat;
}
p#fdic { margin: 5px 10px 5px 6px; height: 17px; padding-top: 10px; }
p#housing { width: 87px; height: 27px; text-indent: -9114px; background-image: url("images/housing.gif"); margin: 5px 16px 5px 10px; }

dl#calendar { margin: 0; font-size: 10px; line-height: 16px; }
dl#calendar dt { padding: 0 0 0 16px; margin: 8px 0 0 0; background: url("images/icon_cal.gif") 0 3px no-repeat; font-weight: bold; }
dl#calendar dd { padding: 0 0 0 16px; margin-left: 0; }

.webster { font-size: 11px; line-height: 18px; }
.webster dt { font-weight: bold; margin: 10px 0 0 0; }
.webster dd { margin: 0 0 10px 0; }

/*** POWER PAGES BADGE ***/
#PPGS {
	width: 94px;
	position: absolute;
	right: 5px;
	top: 115px;
}
#PPGS a {
	display: block;
	height: 19px;
	width: 94px;
	background-image: url("images/ppgs.gif");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -9114px;
}
#PPGS a:hover {
	background-position: 0px -19px;
}
/*** END POWER PAGES BADGE ***/


/*** SIDE AD STYLES ***/
.ad { border: 1px solid #D3D3BE; border-width: 1px 0; margin: -1px -10px 0 -10px; padding: 10px 0; }
.ad * { font-size: 10px !important; line-height: 1.2em; }
#contentMenu .ad h3 a { font-size: 11px !important; color: #000055; text-decoration: none; }
.ad h3, .ad p, .ad ul { padding: 0 10px !important; }
#contentMenu .ad a { color: #900; }
#contentMenu .ad li { list-style-type: disc; margin-left: 15px; }
.ad a img { border-width: 0; }



/*** LIGHTBOX MODAL STYLES ***/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 11px;
	padding: 15px;
	line-height: 16px;
}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#lightbox a {
	border-width: 0px;
}

#overlay{ background-image: url("images/overlay.png"); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/overlay.png", sizingMethod="scale");
}
#lightboxLink {
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
#lightboxLink a { padding: 0 10px; }