/* Custom */

.TopLeft {
	top: 10px;
	left: 45px;
	height: 87px;
	width: 125px;
	position: absolute;
}

.TopRight {
	top: 10px;
	left: 180px;
	height: 87px;
	width: 125px;
	position: absolute;
}

.BottomLeft {
	top: 110px;
	left: 45px;
	height: 87px;
	width: 125px;
	position: absolute;
}

.BottomRight {
	top: 110px;
	left: 180px;
	height: 87px;
	width: 125px;
	position: absolute;
}

#staffname {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #3399FF;
}

#stafftitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
}

#staffemail {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
}

#staffmember {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;

}

#staffbio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;


}

.StaffLink:link, .StaffLink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #014838;
}

/*
div#staffmemberinfo h3
{
	color: #D4923B;
	font-size:18px;
	font-weight:bold;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
}

div#stafflist ul
{
	list-style:square;
	margin-bottom:5px;
}

div#staffmemberinfo td
{
	color:#1802FB;
}

div#staffmemberinfo #staffbio
{
	color:Red;
}
*/

/*LAYOUT*/

body{
	text-align: center;
	margin-top: 5px;
	margin-bottom:5px;
	padding: 0px;
	margin: 0px;
	background-image: url(/PageElements/Background.jpg);
	background-repeat: repeat-x;
}


#main
{
	margin: auto; 
	text-align: center; 
	width: 900px;
	display: block;
  	position: relative;
  	background-color: #fff;
  	border: 1px solid #a9a9a9;
  	margin: -6px 6px 6px -6px;
  	padding: 4px;
	

}

#Box
{
	margin: auto; 
	text-align: center; 
	width:906px;
}

.img-shadow {
	float:left;
  	background: url(/PageElements/shadowAlpha.png) no-repeat bottom right !important;
  	background: url(/PageElements/shadow.gif) no-repeat bottom right;
  	margin: 10px 0 0 10px !important;
  	margin: 10px 0 0 5px;
  }

#top{
	padding:0px 0px 0px 0px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 0px;
	background-color:White;
}

#top ul{list-style: none; padding: 0px 0px 0px 0px; margin: 0px;}
#top ul li{display: inline; margin: 0px; padding: 0xp;}
#top ul li a{
	padding: 10px;
}

#membernav {height:50px;width:100%;background-color:#ffffff}

.membermiddle{margin: 0px; text-align:center; padding:0px 0px 0px 0px;height:0px; width:983px;background-color:White }


#bannerImages {height:100px;width:100%;background-color:#ffffff; padding-left:0px ; text-align:center  }


.bannermiddle{margin: 0px;  padding:0px 0px 0px 0px;height:100px;width:890px;background-image:url(/PageElements/Header.jpg);background-repeat: no-repeat; position: absolute;}
.ECDbannermiddle{
	padding:0px 0px 0px 0px;
	height:100px;
	width:890px;
	background-image:url(/PageElements/HOPEBanner.jpg);
	background-repeat: no-repeat;
}
.bannertop{margin: 0px; text-align:right;  padding:0px 0px 0px 0px;width:900px; height:30px;background-image:url(/PageElements/SearchBox.jpg);background-repeat: no-repeat;}

#menuholder {top:104px;height:24px;width:100% ;margin: 4px 0px 0px 0px; text-align:center; padding:4px 0px 4px 0px}

.footerleftcornerimage {margin: 0px; padding:0px 0px 0px 0px;width:9px;background-color:White}
.footermiddle{margin: 0px; padding:0px 0px 0px 0px;background-color:White}
.footerrightcornerimage {margin: 0px; padding:0px 0px 0px 0px;width:9px;background-color:White}
#body1{margin: auto; margin-bottom:0px;padding: 0em 0em 0em 0em;background-color: White}
#footer
{
	padding-top: 5px; 
	padding-bottom:0px;
	margin:0px 0px 0px 0px; 
	clear: both;	
	height:100px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color:#014838;
}

.clr
{
clear:both;
}
.SearchBox
{
	background-color:#FFF;
	position:absolute;
	top:114px;
	right:9px;
	z-index:20000;
}
        
#HopeNet
{
	background-color:#A8B6B0;
	width:200px;
         color: #947309;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	padding:4px;
	text-align: left;
	height:120px;
}

#MessageCenter
{
	background-color:#BC8989;
	width:192px;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	padding: 8px;
	text-align: left;
        color:#FFF;
} 

#MessageCenter a
{
	color:#014838;
}


#MessageCenter a:hover
{
	color:#7A1313;
}


#MessageCenterTitle
{
        background-color:#7A1313;
        width:192px;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	padding-left: 8px;
        padding-right:8px;
        padding-top:2px;
        padding-bottom:2px;
	text-align: center;
        color:#FFF;
        font-weight: 600;
        margin-top:4px;
}

#QuickLinks
{
	Margin-top:4px;
}


#CenterText
{
	float:left;
	width:677px;
	text-align:left;
}
#TitleImage
{
	float:right;
	margin-left:5px;
}

#TitleText
{
	font-size:16px;
	color:#014838;
	text-align:left;
	font-weight:bold;
	margin-left:4px;
	margin-bottom:10px;
}

a#Product1
{
	background-image:url(/PageElements/EasyChecking-Fade.jpg);
	display:block;
	background-repeat:no-repeat;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
	float:left;
	width:250px;
	height:250px;
}

a#Product1 span
{
	display:none;
}

a#Product1:hover
{
	background-image:url(/PageElements/EasyChecking.jpg);
	background-repeat:no-repeat;
}

a#Product2
{
	background-image:url(/PageElements/WealthBuilding-Fade.jpg);
	display:block;
	background-repeat:no-repeat;
	float:right;
	margin-bottom:5px;
	width:250px;
	height:250px;
}

a#Product2 span
{
	display:none;
}

a#Product2:hover
{
	background-image:url(/PageElements/WealthBuilding.jpg);
	background-repeat:no-repeat;
}

a#Product3
{
	background-image:url(/PageElements/ConsumerLoan-Fade.jpg);
	display:block;
	background-repeat:no-repeat;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
	float:left;
	width:250px;
	height:250px;
}

a#Product3 span
{
	display:none;
}

a#Product3:hover
{
	background-image:url(/PageElements/ConsumerLoan.jpg);
	background-repeat:no-repeat;
}

a#Product4
{
	background-image:url(/PageElements/Mortgage-Fade.jpg);
	display:block;
	background-repeat:no-repeat;
	float:right;
	margin-bottom:5px;
	width:250px;
	height:195px;
}

a#Product4 span
{
	display:none;
}

a#Product4:hover
{
	background-image:url(/PageElements/Mortgage.jpg);
	background-repeat:no-repeat;
}

a#Product5
{
	background-image:url(/PageElements/MortgageApply.jpg);
	display:block;
	background-repeat:no-repeat;
	float:right;
	margin-bottom:5px;
	width:250px;
	height:50px;
}

a#Product5 span
{
	display:none;
}

a#Product5:hover
{
	background-image:url(/media/48102/mortgageapplydk.jpg);
	background-repeat:no-repeat;
}

#Advertize
{
	float:right;
	width:160px;
	height:autopx;
	margin-left:8px;
}

#NewsTitle
{
        background-color:#014838;
	float:left;
	margin-top:10px;
	margin-left:5px;
        width:490px;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	padding-left: 8px;
        padding-right:8px;
        padding-top:2px;
        padding-bottom:2px;
	text-align: left;
        color:#FFF;
        font-weight: 600;
}
#NewsList
{
	padding:0px;
	margin-left:4px;
	float:left;
	width:490px;
}

.HOPETable
{
	background-color:03D4A5;
}

#NCUA
{
	float:left;
	margin-left:5px;
	height:60px;
}

#NCUAText
{
	float:left;
	width:450px;
	text-align:left;
	font-size:10px;
	margin-left: 5px;
	margin-top:10px;
	height:60px;
}

#EqualHousing
{
	float:right;
	margin-right:5px;
}

#FairHousing
{
	float:left;
	margin-left:5px;
	width:890px;
	font-size:10px;
}

#test4
{
	
	width:100%;
	
	height:100%;
}

#test
{
	padding:0px;
	margin:0px;
	background-color:White;
	/*margin-left:4px;*/
	float:left;
	vertical-align:top;
	width:210px;
	height:650px;
}

#test1
{
	height:100%;
	margin-top:0px;
	margin-left:4px;
	margin-right:4px;
	
	float:left;
	vertical-align:top;
	background-color:White;
	
	width:33.5%;
	
	}
#home1
{
	padding :0px 0px 0px 0px;
	border: solid 0px black;
	background-color:White;
	margin-left: 5px;
	margin-right: 5px;
	width:99%;
}

/* Subpages layout */
#content{text-align: left;}

#subNavigation{width: 20em; float: right;}
#subNavigation ul{list-style: none; border: 1px solid #FFE8CD; background: #FFF9D8;}

/* FONTS standards */
body {
	font-size:12px;
	font-family:Arial;
}

h1, h2, h3, h4, h5, h6 {color: #014838; font-weight: 500;}
h1 {font-size:60px; line-height: 1; margin-bottom:0.5em; font-weight: bold; text-align: center; letter-spacing: -1px; width: auto; color: #666;}
h2 {font-size:25px; margin-bottom:0.75em;}

h3 {font-size: 18px;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em; text-align:left ; margin-left:0em; padding-left :0em}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

p {margin:0 0 1.5em; color: black; font-size: 12px;}
/* p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}*/
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}

/* LINKS standards */
a:focus, a:hover {color:#7a1313;}
a {color: #8c730a;text-decoration:underline;}
h1 a{color: #666; text-decoration: none;}

/* ELEMENTS standards */
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {
	margin:0 1.5em;
	list-style-type:circle
}
li ul ul{ list-style-type:square}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
/*th, td {padding:4px 10px 4px 5px;}*/
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}

/* FORM ELEMENTS */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:300px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

.error ul{margin-bottom: 0; padding-bottom: 0;}





#HeadingCell 
{ 
 
  background-color : #D8D8E6; 
  border: 1px solid white ;
  text-align :left 
}

#leftBar 
{
margin: 0px 0px 0px 0px;
  float: left; 
width:165px;
vertical-align:top; 
}

#details 
{
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px ;
  	float:left;
  	width:525px;
  	vertical-align:top;
}

#details2 
{
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px ;
  float:right;
  width:175px;
  vertical-align:top;
  
}



































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */