/* colors ...
background color = #28160c
dark tan = #a38748
reddish tan = #b98748
light tan = #bdb390
right nav BG = #b3a17e
green = #164741
*/


body {
	background-color: #28160c;
	/*text-align:center*/
}

a:link, a:visited {
	color:#28160c;
	text-decoration:underline;
	font-weight:normal
}

a:hover, a:active {
	color:#164741;
	text-decoration:none;
	font-weight:normal
}

table td {
	padding:8px
}

table, img, div, td, table td  {
	behavior: url('iepngfix/iepngfix.htc'); /*IE png Fix */
}

table td p {
	padding-top:0;
	padding-bottom:0;
	padding-left: 8px;
}

.table td {
	padding-top:0;
	padding-bottom:0;
	padding-left: 8px;
}

.title {
	font-size: 14px;
	font-weight: bold;
}

#container {
	margin: 10px auto;
	_text-align:left*;
	/*text-align:center;*/
	width:760px;
	/*min-height:600px;*/
}

#mainImage {
	width:760px;
	margin-bottom:6px
}

#contentContainer {
	width:760px;
	margin-bottom:10px;
	margin-top:10px;
	background-color:#bdb390
	/*min-height:500px*/
}

#topRoundedEdgesContainer {
	width:760px;
	height:9px;
	background-color:#bdb390;
	
}



#BG-topLeftContentCorner {
	float:left;
	background-image:url('images/BG-topLeftRoundedC.jpg');
	background-repeat:no-repeat;
	height:9px;
	width:12px;
	background-color:#bdb390;
}

#BG-topMiddleContent {
	float:left;
	background-image:url('images/BG-middleOfCorners.jpg');
	background-repeat:repeat-x;
	background-color:#bdb390;
	height:9px;
	width:736px;
}

#BG-topRightContentCorner {
	float:left;
	background-image:url('images/BG-topRightRoundedC.jpg');
	background-repeat:no-repeat;
	background-color:#bdb390;
	height:9px;
	width:12px;
}

#bottomRoundedEdges {
	width:760px;
	height:9px;
	background-image:url(images/bottomRoundedEdges.jpg);
	background-repeat:no-repeat;
}

#bottomRoundedEdgesContainer {
	width:760px;
	height:9px;
	background-color:#28160c;
}


#BG-bottomLeftContentCorner {
	float:left;
	background-image:url('images/BG-bottomLeftRoundedC.jpg');
	background-repeat:no-repeat;
	background-color:#28160c;
	height:9px;
	width:12px
}


#BG-bottomMiddleContent  {
	float:left;
	background-image:url('images/BG-middleOfCorners.jpg');
	background-repeat:repeat-x;
	background-color:#28160c;
	height:9px;
	width:736px
}

#BG-bottomRightContentCorner {
	float:left;
	background-image:url('images/BG-bottomRightRoundedC.jpg');
	background-repeat:no-repeat;
	background-color:#28160c;
	height:9px;
	width:12px
}

#pageContentContainer {
	width:760px;
	/*min-height:300px;*/
	background-color:#bdb390;
	/*min-height:575px;*/
	vertical-align:top;
	
}

#pageContent {
	float:left;
	padding:8px 18px 15px 22px;
	width:476px;
	/*min-height:150px;*/
	text-align:left;
	font-family:Arial;
	font-size:12px;
	background-color:#bdb390;
}

#pageContentSubs {
	float:left;
	padding:8px 18px 35px 18px;
	width:724px;
	min-height:300px;
	text-align:left;
	font-family:Arial;
	font-size:12px;
	background-color:#bdb390;
}

#flashcontent {
		border: none;
		padding:0; 
		vertical-align:top; 
		height:725px; 
		width:724px;
		margin-left:24px;
		_margin-left:20px
	}

#flashcontent1 {
		border: none;
		padding:0; 
		vertical-align:top; 
		height:320px; 
		width:441px;
		float:right;
		margin:0 0 12px 15px
	}

#flashcontent2 {
		border: none;
		padding:0; 
		vertical-align:top; 
		height:264px; 
		width:720px;
		margin:30px auto 0;
	}
	
#flashcontent3 {
		border: none;
		background-color:#28160c;
		padding:0; 
		vertical-align:top; 
		height:500px; 
		width:720px;
		margin:5px auto 0;
	}


#footer {
	width:760px;
	height:27px;
	background-color:#a38748;
	margin-bottom:75px
}

#footerLinks {
	font-size:11px;
	font-family:Arial;
	font-weight:bold;
	text-align:left;
	float:left;
	line-height:27px;
	padding:0px 10px 0px 10px
}

#footerLinks a:link, #footerLinks a:visited {
	text-decoration:none;
	color:#000000;
	font-weight:bold
}

#footerLinks a:hover, #footerLinks a:active {
	text-decoration:underline;
	color:#000000;
	font-weight:bold
}


.clear {
	clear:both;
}

.left {
	float:left
}

#rightSideContainer {
	float:left;
	width:229px;
	padding:15px 15px 15px 0;
	/*min-height:150px;*/
	text-align:center;
	background-color:#bdb390;

}


#rightSidePic {
	width:205px;
	/* container for this is 265px */
	margin-bottom:12px;
}

.topRightNavBorder {
	border-bottom:2px #28160c solid;
	height:2px;
	width:205px
}

#rightSideHomePic {
	width:198px;
	_width:204px;
	padding:0 7px 15px 0;
	_padding:0 1px 15px 0

}


#onlineBankingContainer {
	/*border-top:2px #28160c solid;
	border-bottom:2px #28160c solid;*/
	border:2px #28160c solid;
	background-color:#b3a17e;
	width:201px;
	margin-bottom:15px;
	font-weight:bold;
	font-family:Arial;
	color:#000000;
	font-size:12px	
}

#rightNavSubsButtonContainers {
	width:228px; 
	float:right; 
	padding-left:4px
}


#onlineBankingContainerSubs {
	width:228px; 
	float:right; 
	text-align:center
}

#onlineBankingSubs {
	/*border-top:2px #28160c solid;
	border-bottom:2px #28160c solid;*/
	border:2px #28160c solid;
	background-color:#b3a17e;
	width:201px;
	margin:8px 8px 15px 15px;
	font-weight:bold;
	font-family:Arial;
	color:#000000;
	font-size:12px;
		
}


.onlineBakingTitle {
	background-color:#a38748;
	padding:3px;
	font-size:14px;
	font-weight:bold;
	font-family:Arial;
	color:#28160c
}

.radioButtons {
	text-align:left;
	padding:5px 0px 0px 10px;
	font-weight:normal
}

.logonBox {
	text-align:center;
	padding:5px 0px 5px 0px;
}

.onlineBankingLinks {
	text-align:center;
	padding:0;
	font-size:11px;
	font-weight:normal;
	color: #000000; padding:7px 0 12px 0; *padding:7px 0 0 0 
}

.onlineBankingLinksSubs {
	text-align:center;
	padding:0;
	font-size:11px;
	font-weight:normal;
	color: #000000; padding:3px 0 12px 0; *padding:3px 0 0 0 
}

.onlineBankingLinks a:link, .onlineBankingLinks a:visited {
	color:#000000;
	text-decoration:none
}

.onlineBankingLinks a:hover, .onlineBankingLinks a:active {
	color:#164741;
	text-decoration:underline
}

.letterToShareholdersImage {
	margin:14px 12px 12px 0; border:0;
	*margin:6px 12px 12px 0;	
}

.EastsidePic {
	margin:16px 20px 20px 0px; border:0;
	*margin:18px 0px 20px 0px;
}





/*********************** Top Navigation Styles ********************************/

/* Top Navigation ************************************/


/* Top Navigation ************************************/
.topNavLinkDiv {
	float: left;
	padding:0 0 0 10px
}
#topNav {
	width: 760px;
	height: 25px;
	background-color:#b98748;

}
#nav, #nav ul {/* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
#nav a {
	display: block;
	padding: 0 22px 0 10px; /* adjust padding to space out main nav links */
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	color:#ffffff;
	font-family: verdana;
	line-height: 25px; /*needs to be the same as or close to the topNavLinkDivs class above */
}
#nav li {/* all list items */
	float: left;
	/*width: 116px; /* width needed for Opera */
}
#nav li ul {/* second-level lists */
	position: absolute;
	background: #ffffff;
	width: 150px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	font-weight: normal;
	font-size: 10px;
	/*margin: 0px 0 0 37px; /*controls the positioning of the dropdowns */
	/*_margin: 0px 0px 0px -47px; /*controls the positioning of the dropdowns */
	border-top: 0px #b98748 solid;
	border-right: 1px #b98748 solid;
	border-bottom: 1px #b98748 solid;
	border-left: 1px #b98748 solid;
}
/* this section controls the formatting of the dropdown links *******************/
#nav ul a {
	padding: 0 5px;/*controls padding around dropdown links */
	width: 140px;/* value + padding values should = width property in #nav li ul */
	color: #fff;
	font-weight: normal; /* controls font weight of dropdown links */
	line-height: 18px;
	text-align: left;
	font-family: verdana;
	font-size: 10px;
	border-top:1px #bdb390 solid
}
/*********************************************************************/
#nav li ul ul {/* third-and-above-level lists */
	margin: -1em 0 0 10em;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	display: block;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {/* lists nested under hovered list items */
	left: auto;
	display: block;
}
/* Main Hover States
*******************************/
/*#nav li.sfhover {
	background-color:#ffffff;
}
#nav li:hover {
	background-color:#ffffff;
}*/
#nav li.sfhover a {
	color: #000000;
}
#nav li:hover a {
	color: #000000;
}
/* Dropdown Hover States
*******************************/
#nav ul li.sfhover {
	background-color: #b98748;
}
#nav ul li:hover {
	background-color: #b98748;
	
}
#nav li.sfhover ul a {
	color: #000000;
}
#nav li:hover ul a {
	color: #000000;
}

/**********************************************************************
  Home page nav buttons   *********************************************** */
  
  #rightNavContainer {
	/*border-top:2px #28160c solid;*/
	width:205px;
	/* container for this is 265px */
	margin-top:0px;
}


.rightNavLinks {
	border-bottom:2px #28160c solid;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	font-family:Arial;
	background-color:#b3a17e;	
}

.rightNavLinks a:link, .rightNavLinks a:visited {
	color:#28160c;
	text-decoration:none;
	display:block;
	width:197px;
	padding:4px
}

.rightNavLinks a:hover, .rightNavLinks a:active {
	color:#28160c;
	text-decoration:none;
	background-color:#a38748;
	display:block;
	width:197px;
	padding:4px
}

#middlePageButtonContainers {
	width:488px; 
	margin:12px 0
}

.middlePageLinks {
	border-top:2px #28160c solid;
	border-bottom:2px #28160c solid;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	font-family:Arial;
	background-color:#b3a17e;	
}

.middlePageLinks a:link, .middlePageLinks a:visited {
	color:#28160c;
	text-decoration:none;
	display:block;
	/*width:197px;*/
	padding:4px
}

.middlePageLinks a:hover, .middlePageLinks a:active {
	color:#28160c;
	text-decoration:none;
	background-color:#a38748;
	display:block;
	/*width:197px;*/
	padding:4px
}