body {
	margin:  0px;
	padding: 0px;
	border:  0px;
	
	text-align:  center;
	font-size:   12px;
	font-family: Verdana;
	
	background-image:  url('http://www.brbwal.com/images/background.png');
	background-repeat: repeat-x;
	background-color:  #1A2F56;
}

body a {
	text-decoration: none;
}

body a:hover {
	text-decoration: underline;
	color:           #0000FF;
}

img {
	border-style: none;
	behavior: url(iepngfix.htc);
}

.heading {
	width:  922px;
	height: 169px;
	
	background-image:  url(http://www.brbwal.com/images/top_logo.png);
	background-repeat: no-repeat;
}

.heading_button_container {
	float:    right;
	position: relative;
	top:      112px;
	left:     212px;
}

.heading_button a {
	display: block;
	display: inline;
	float:   left;

	margin-right: 4px;
	padding-top:  10px;
	width:        102px;
	height:       26px;
	
	text-align:      center;
	text-decoration: none;
	font-weight:     bold;
	font-size:       13px;
	font-family:     Verdana;
	color:           #ffffff;

	background-image:  url(http://www.brbwal.com/images/inactive_button.png);
	background-repeat: no-repeat;
}

.heading_button a:hover {
	background-image: url(http://www.brbwal.com/images/active_button.png);
	color:           #ffffff;
}

.heading_ob_container {
	float:  right;

	padding-right: 10px;
	padding-top:   5px;
	width:         200px;
}

.heading_ob_link {
	cursor:          pointer;
	
	float:           right;
	position:        relative;
	
	text-decoration: none;
	font-size:       14px;
	color:           #ffffff;
}

.heading_ob_link a {
	text-decoration: none;
	color:           #ffffff;
}

.heading_ob_link a:hover {
	text-decoration: none;
	color:           #ffffff;
}


#obl_login {
	position: relative;
	top:      7px;
	left:     0px;

}

#obl_signup {
	position: relative;
	top:      15px;
	left:     20px;
	
	width:  197px;
	height: 68px;
}

.online_banking_login iframe {
	float:   right;

	border:  0px;
	margin:  0px;
	padding: 0px;
	width:   765px;
	height:  40px;
}



.container {
	width: 922px;  

	text-align: left;

	background-color: #ffffff;
}

.menu_title {
	padding-bottom: 8px;

	font-size:   14px;
	font-family: Verdana;
	font-weight: bold;
	color:       #ffffff;
}

.box_bottom {
	margin-top: 5px;
	width:      160px;
	height:     23px;
	
	background-image:  url('http://www.brbwal.com/images/box_bottom.png');
	background-repeat: repeat-x;
}

.left_container {
	float: left;
	
	padding:     3px;
	width:       160px;
}

.left_menu_title_bar {
	width: 160px;
	height: 23px;
	
	background-image:url('http://www.brbwal.com/images/blue_title_bar.png');
	background-repeat:repeat-x;
}

.left_menu_content {
	padding-left: 10px;
	padding-top:  5px;
	
	font-size:       11px;
	color:           #464545;
}

.left_menu_content a {
	font-size: 11px;
	color:     #464545;
}

.middle_container {
	float: left;
	padding: 5px;
	margin-left: 5px;
	margin-right: 5px;
	width:570px;
	font-family:     Verdana;
	min-height:500px;
}
.page_title {
font-family:     Verdana;
font-size:       18px;
	font-weight: bold;
}

.right_container {
	float: right;
	padding: 3px;
	width: 160px;
}

.right_menu_title_bar {
	width: 160px;
	height: 23px;

	background-image:url('http://www.brbwal.com/images/green_title_bar.png');
	background-repeat:repeat-x;
}

.right_menu_content {
	padding-left: 2px;
	padding-top:  5px;
	
	font-size:       11px;
	color:           #464545;
}

.right_menu_content a {
	font-size: 11px;
	color:     #464545;
}

.footer {
	padding-left: 5px;
	width: 922px;
	height:110px;

	text-align: center;
	clear: both;
	color:#ffffff;
	
	background-image:  url('http://www.brbwal.com/images/footer_background.png');
	background-repeat: no-repeat;
}

.footer a {
	text-decoration: none;
	border: 0px;
	color: #ffffff;
}

.footer a:hover {
	text-decoration: underline;
	color: #ffffff;
}

.footer_copyright {
	float:left;
	text-align:left;
	color:#C0C0C0;
}

.footer_links {
	position:relative;
	top:90px;
	left:-200px;
	color:#ffffff;
}

#hideshow {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#fade {
	background: #000; 
	position: fixed; 
	width: 100%;
	height: 100%;
	filter:alpha(opacity=70);
	opacity: .70;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*--IE 8 Transparency--*/
	left: 0;
	z-index: 10;
}
.popup_block {
	background: #254677;
	padding: 10px 20px;
	border: 10px solid #fff;
	float: left;
	width: 480px;
	position: fixed;
	top: 20%;
	left: 50%;
	margin: 0 0 0 -250px;
	z-index: 100;
 
}
.popup_block .popup {
	float: left;
	width: 100%;
	background: #fff;
	margin: 10px 0;
	padding: 10px 0;
	border: 1px solid #bbb;
}
.popup h3 {
	margin: 0 0 20px;
	padding: 5px 10px;
	border-bottom: 1px solid #bbb;
	font-size: 1.5em;
	font-weight: normal;
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}
.popup img.cntrl {
	position: absolute;
	right: -20px;
	top: -20px;
}
 
/*--Making IE6 Understand Fixed Positioning--*/
 
*html #fade {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop : document.body.scrollTop);
}
 
*html .popup_block {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	+((documentElement.clientHeight-this.clientHeight)/2)
	: document.body.scrollTop
	+((document.body.clientHeight-this.clientHeight)/2));
	
	left:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollLeft 
	+ (document.body.clientWidth /2 ) 
	: document.body.scrollLeft 
	+ (document.body.offsetWidth /2 ));
}

div.show
{
display: block;
}


div.hide
{
visibility: hidden;
display:    none;
}