img{  } blockquote{ margin: 0px 0px 0px 20px; } body{ font:10px Verdana; } a:hover{ text-decoration: none; } body, a{ color: #393939; } h3{ color: #690303; font: 17px Verdana; margin: 0px; padding: 10px 0px 2px 0px; } .input{ border-collapse: collapse; border-left: 1px solid #808080; border-top: 1px solid #808080; border-right: 1px solid #D4D0C8; border-bottom: 1px solid #D4D0C8; } .wide .input{ width: 300px; } .hr{ background-color: #852624; width: 101%; height: 2px; margin: 0px; padding: 0px; font-size: 0px; line-height: 0px; } .hrh{ background-color: #852624; width: 100%; height: 2px; margin: 0px; padding: 0px; font-size: 0px; line-height: 0px; } img{
	border: none;
	top: 0px;
} #wrapper{ width: 800px; margin: 0px auto; } #header{
	width: 800px; /* 800px - 2x5px padding */
	height: 83px;
	margin: 0px 0px 3px 0px;
	background-image: url(../img/headerPattern.png);
	background-repeat: repeat-x;
	background-position: left top;
} a #logo{ display: block; width: 234px; height: 62px; } #logo{ position: relative; float: left; width:234px; height: 62px; top: 10px; left: 10px; } 

#siteMenu{ margin: 10px 3px 0px 0px; position: relative; text-align: right; font-size: 11px; line-height: 10pt; display: block; } 
#siteMenu li{ margin: 0px; padding: 0px; display: inline; border-right: 1px solid #B4B4B4; padding: 0px 8px; } #siteMenu .last{ border-right: 0px; } 
#siteMenu a{ text-decoration: none; } 
#siteMenu a:hover{ text-decoration: underline; } 


#CorpLogo{ float: right; margin: 15px 10px 0px 0px; } #headMenu{ float: left; width: 800px; margin: 0px 0px 3px 0px; } 


/* ********************** Main Menu *********************** */ #leftCol{ float: left; width: 177px; height:100% } 
#leftMenu{
	border-left: 9px solid #B3B3B3; /*background-color: #D2D2D2;*/
	float: left;
	height: 100%;
	background: #D2D2D2;
} #mainMenu{
	width: 169px;
	margin: 0px;
	float: left;
	padding: 0px;
	font: 12px/12px Verdana;
	height: 100%;
	background-image: url(../img/menuPattern.png);
	background-repeat: repeat;
} * html #mainMenu { width: 169px; } #mainMenu li{ list-style: none; margin: 0px; padding: 0px; margin: 0px 0px 1px 0px; width: 168px;  } #mainMenu a{ text-decoration: none; display: block; padding: 7px 0px 0px 10px; width: 158px; } #mainMenu[id] li{ background: url('img/mainMenuTransparent.png'); } * html #mainMenu a { height: 20px; } #mainMenu[id] a { padding: 7px 0px 7px 10px; } #mainMenu a:hover, #mainMenu a:active, #mainMenu .selected a{
	background-color: white;
	background-image: url(../img/menuHoverArrow.gif);
	background-repeat: no-repeat;
	background-position: left top;
} /*#mainMenu .selected{ font-weight: bold; }*/  #aboutTheBank{ background: white url('img/mainMenuPattern.gif') repeat; margin: 1px 0px 0px 0px; padding: 0px; font: 12px Verdana; } #aboutTheBank a{ margin: 0px; padding: 4px 0px 6px 0px; width: 150px; } * html #aboutTheBank a { height: auto; h\eight: auto; } #aboutTheBank li{ padding: 0px; background: white; color: #690303; width: 168px; margin: 0px 0px 1px 0px; } #mainMenu .selected ul li a{ color: #690303; padding-left: 19px; background: white url('img/rightArrowRed.gif') no-repeat 6% 50%; } #mainMenu .selected ul li a:hover, #mainMenu ul li.sel a{ padding-left: 19px; background: #690303 url('img/aboutTheBankHoverArrow.gif') no-repeat 6% 50%; color: white; } #aboutTheBank li a:hover, #aboutTheBank a:active, #aboutTheBank .selected a{  background: #690303; color: white; } #endLevel{ width: 170px; margin: 0px 0px 5px 0px; float: left; padding: 0px; font: 10px Verdana; } * html #endLevel{ width: 166px; w\idth: 166px; } #endLevel li{ list-style: none; width: 170px; border-left: 9px solid #67120F; background-color: #67120F; } * html #endLevel li{ width: 166px; w\idth: 166px; } #endLevel a{ color: white; background: url('img/rightArrow.gif') no-repeat center left; text-decoration: none; padding: 5px 0px 6px 10px; width: 150px; display: block; border-bottom: 1px solid #8C4D4B; } * html #endLevel a{ width: 170px; w\idth: 158px; } #endLevel a.last{ border-bottom: 0px; } #endLevel a:hover, #endLevel a:active, #endLevel .selected{ font-weight: bold; } /* ******************************************* */ 
#mainImage{ width: 623px; height: 203px; float: left; 
} #mainSections{
	font: 15px Verdana;
	position: relative;
	float: right;
	width: 800px;
	height: 56px;
	margin: 0px;
	background-image: url(../img/sectionsGradient.png);
	background-repeat: repeat-x;
	background-position: left top;
}

 #mainSections ul{
	margin: 16px 0px 0px 0px;
	padding: 0px;
	float: right;
	width: 800px;
	color: white;

}

#mainSections ul li{ display: inline; float: left; height: 40px; /*width: 200px;*/ white-space: nowrap; }
 #mainSections ul .last a{ border-right: 0px; /* 160px */ } 

/*#mainSections ul a{ color: white; text-decoration: none; border-right: 1px solid #999999; height: 40px; text-align: center; line-height: 240%; padding: 0px 17px; float: left; } 
*/

#investorRelations a{ width:157px; color: white; text-decoration: none; border-right: 1px solid #999999; height: 40px; text-align: center; line-height: 240%; padding: 0px 17px; float: left; } 
#corporateCustumers a{ width:165px; color: white; text-decoration: none; border-right: 1px solid #999999; height: 40px; text-align: center; line-height: 240%; padding: 0px 17px; float: left; } 
#individualCustumers a{ width:213px; color: white; text-decoration: none; border-right: 1px solid #999999; height: 40px; text-align: center; line-height: 240%; padding: 0px 17px; float: left; } 
#cardCentre a{ width:119px; color: white; text-decoration: none; border-right: 1px solid #999999; height: 40px; text-align: center; line-height: 240%; padding: 0px 17px; float: left; } 

#mainSections ul a:hover, 
#mainSections ul .selected{ background-color: #660000; } 
#subSections{ float: left; width: 800px; background-color: #660000; font: 10px Verdana; } #subSections ul{ margin: 0px; list-style: none; padding: 0px 0px 0px 10px; float: left; } #subSections ul li{ display: inline; padding: 10px 0px; float: left; } #subSections ul a{ border-right: 1px solid #8A4947; padding: 00px 5px; color: #EBEBEB; text-decoration: none; } #subSections a:hover, #subSections ul li.selected{ font-weight: bold; } #subSections ul li.selected{ background: #660000 url('img/selectedSection.gif') no-repeat 50% 110%; } #subSections ul .last a{ border-right: 0px; } /* ******************************************* */ #body{ border-left: 9px solid #E1E1E1; border-right: 9px solid #E1E1E1; width: 782px; float: left; margin: 3px 0px 3px 0px; } #news{ float: left; width: 178px; background: url('img/newsGradient.gif') top right no-repeat; } #news h3{ color: #660000; margin: 0px 0px 0px 10px; } #news div{ padding: 0px 0px 8px 0px; font-size: 9pt; margin: 10px 10px 5px 10px; border-bottom: 1px solid #D8D8D8; } #news a{ text-decoration: none; font-weight: normal; display: block; margin: 0px 0px 10px 0px; } #news a:hover{ text-decoration: underline; } #news .date{ color: #999999; font-size: 8pt; background: url('img/dateArrow.gif') 0% 50% no-repeat; padding: 0px 0px 0px 8px; } #newsArchive{ margin: 10px 0px 0px 10px; font-size: 8pt; font-weight: bold; text-decoration: underline; background: url('img/newsArchive.gif') top left no-repeat; padding: 0px 0px 0px 15px; float: left; } #content{
	float: right;
	width: 584px;
	font-size: 11px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
} #content #cnt ul{ list-style-position: inside; } #content div{ float: right; } #content h3{ color: #660000; margin: 0px 0px; float: left; height: 100%; width: 100%; /* font-weight: bold;*/ } #content h4{ font-size: 11pt; margin: 10px 0px 0px 0px; float: left; display: block; } #content h4 a{ text-decoration: none; } #content h5{ font-size: 11px; float: left; } #content .date{ color: #999999; font-size: 11px; margin: 0px 5px 0px 0px; float: left; } #content .cnt{ margin: 10px 0px 20px 0px; float: left; width: 584px; display: block; } #content .image{ float: left; clear: right; width: 100px; } #content .info{ float: left; width: 478px; padding: 0px 0px 0px 4px; } #content .item{ float: left; width: 100%; margin: 5px 0px; } #footer{
	float: left;
	width: 800px;
	height: 35px;
	background-color: #999999;

} #footer1{
	float: left;
	width: 800px;
	height: 35px;
	background-color: #666666;
} #footer2{
	float: right;
	width: 600px;
	height: 60px;
	background-color: #FFFFFF;
 } #copyright{ font-size: 7pt; float: left; 
 } #creators{ font-size: 7pt; text-align: right; float: right; 
 } #copyright, #creators{ margin: 10px 0px 0px 0px; } 
 /* ************************* */ 
 #navigationPath{ border-bottom:1px solid #D4D4D4; width: 100%; float: left; margin-bottom: 10px; 
 } #navigationPath ul{ margin: 0px; padding: 9px 0px 14px 0px; list-style: none; font-size: 10px; float: left; 
 } #navigationPath ul li{ padding: 0px; display: inline; border-right: 1px solid #D7D7D7; padding: 0px 5px; 
 } #navigationPath ul li a{ color: #67120F; 
 } #navigationPath ul .last{ border-right: none; } 
 /* ************************* */ 
 .pagination{ border-top: 1px solid #D4D4D4; font: 11px Verdana; padding: 15px 0px; width: 100%; float: left; display: block; 
 } .pLinks{ margin: 0px 0px 0px 5px; 
 } .pLinks a, .pLinks span{ margin: 0px 2px; padding: 3px 7px; text-decoration: none; 
 } .pLinks a{ border: 1px solid #D4D4D4; background-color: #EBEBEB; 
 } .pLinks a:hover, .pLinks .currentPage{ background-color: #89221D; border: 1px solid #89221D; color: white; } 
 /* ************************* */ 
 #gallery{ float: left; width: 100%; 
 } #gallery h4{ color: #660000; float: left; width: 100%; display: block; 
 } #gallery img{ margin: 6px 12px 6px 0px; } .mainImage{ margin: 0px 5px 5px 0px; } 
 /* ************************* */ 
 #headImage{ margin: 10px 0px 0px 0px; text-align: center; 
 } .usefulLinks{ width: 100%; margin: 0px 0px 20px 0px; } .usefulLinks ul{ list-style: none; margin: 0px; padding: 0px; } .usefulLinks li{ margin: 15px 0px 0px 0px; font-weight: bold; } .forms{ width: 100%; margin: 0px 0px 20px 0px; } .forms ul{ list-style: none; margin: 0px; padding: 0px; } .forms li{ display: block; margin: 0px 0px 10px 0px; width: 100%; line-height: 150%; }