*{
	margin: 0;
	padding: 0;
}
li{
	margin-left: 30px;	
	_margin-left: 35px;
}
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: url(images/siteBg.png) repeat-x #bfbfbf;
	margin: 0px;
	padding: 0px;
}
#wrapper{
	text-align: center;
	border: solid 0px yellow;	
		
}


/******************************************************************/
/*START HEADER*****************************************************/
/******************************************************************/
#header{
	margin: 0 auto;
	border: solid 0px lime;
	width: 1000px;
	text-align: left;
	height: 145px;
	background: url(images/headerBg.png) no-repeat top right;
}
	#logo{
		border: solid 0px red;
		position: relative;
		top: 20px;
		width: 216px;
		height: 105px;
	}
	#search{
		border: solid 0px green;
		background: url(images/qlSearchBg.png) no-repeat;
		width: 595px;
		height: 51px;
		text-align: left;
		position: relative;
		top: -105px;		
		_top: -107px;
		left: 407px;
	}
		#searchContent{
			position: relative;
			top: 12px;
			left: 20px;
		}
			#searchContent a:link, #searchContent a:visited{
				color: #172f3c;
				text-decoration: none;
			}
			#searchContent a:hover, #searchContent a:active{
				text-decoration: underline;
			}
			#searchContent form{
				position: absolute;
				top: 0px;
				left: 404px;
				width: 164px;
				height: 52px;
				background: url(images/searchBg.png) no-repeat;
			}
			#searchContent input{
				margin: 0px 0 0 0px;
				border: 0;		
				width: 124px;
				background: #F0F2F2;
			}
#nav{
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	height: 50px;
	position: relative;
	_top: -13px;
}
	#nav table{
		position: absolute;
		left: 10px;
		top: -10px;
	}
		#nav table td{
			background: url(images/navTableBg.png) repeat-x;	
		}
	#rcap{
		position: absolute;
		left: 990px;
	}
/******************************************************************/
/*END HEADER*******************************************************/
/******************************************************************/
	
	
	
	
/******************************************************************/
/*START HOMEPAGE***************************************************/
/******************************************************************/
#hpBodyTopRow{
	height: 374px;
	width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	background: url(images/contentYRep.png) repeat-y;
	text-align: left; /* this overrides the text-align: center on the body element. */
	
	
}
	#leftCol{
		/*float: left;  since this element is floated, a width must be given */
		width: 656px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
		text-align: right;
		/*background: #EBEBEB;  the background color will be displayed for the length of the content in the column, but no further */
		/*padding: 0px 0px 10px 10px;*/
		border: solid 0px cyan;
		position: relative;	
		height: 364px;
	}
		#hpBanner{
			border: solid 0px lime;
			position: relative;
			height: 364px;
			width: 646px;
			margin-left: 10px;
		}
	#rightCol{
		position: relative;
		height: 364px;
		width: 321px;
		_width: 324px;
		margin-left: 665px;
		margin-top: -363px;
		border: solid 0px lime;
		/*margin: 10px 0 0 245px;  the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
		/*padding: 0 10px;  remember that padding is the space inside the div box and margin is the space outside the div box */
	}
		#hpBanking{
			/*background: url(images/obBg.png) no-repeat;*/
			height: 159px;
			width: 324px;
		}
#hpBodyBottomRow{
	height: 247px;
	width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #0000ff;
	background: url(images/contentYRep.png) repeat-y;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
	#hpRatesContainer{
		background: url(images/hpContentBg.png) no-repeat;	
		width: 320px;
		height: 245px;
		position: relative;
		margin-left: 10px;
		border: solid 0px lime;
		text-align: center;
		line-height: 3em;
	}
		.hp3BoxesContent{
			width: 300px;
			height: 182px;
			_height: 185px;
			border: solid 0px red;
			margin: 0 auto;
			text-align: left;
			overflow: auto;
			line-height: 1.1em;
			margin-top: 8px;
		}
	#hpMidContainer{
		background: url(images/hpContentBg.png) no-repeat;	
		width: 320px;
		height: 245px;
		position: relative;
		margin: -245px 0 0 340px;
		border: solid 0px lime;
		text-align: center;
		line-height: 3em;		
	}
	#hpRightContainer{
		background: url(images/hpContentBg.png) no-repeat;	
		width: 320px;
		height: 245px;
		position: relative;
		margin: -245px 0 0 670px;		
		border: solid 0px lime;	
		text-align: center;
		line-height: 3em;		
	}
		.hpHeading{
			font-family: Verdana, Geneva, sans-serif;
			font-weight: bold;
			font-size: 16px;
			color: #e7f3fa;
			height: 42px;
		}
		
/******************************************************************/
/*END HOMEPAGE*****************************************************/
/******************************************************************/



/******************************************************************/
/*START MESSAGE PAGES**********************************************/
/******************************************************************/
#mpFullWrapper{
	width: 1000px;
	margin: 0 auto;
	background: url(images/contentYRep.png) repeat-y;
	text-align: center;
	border: solid 0px lime;
}
	#mpContainer{
		width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
		margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
		border: 0px solid #ff0000;
		/*background: url(images/contentYRep.png) repeat-y;*/
		text-align: left; /* this overrides the text-align: center on the body element. */
	}
		#mpTop{
			position: relative;
			height: 169px;
			margin: 0 10px;
			border: dotted 0px red;
		}
			#mpBanner{
				position: relative;
				width: 647px;
				height: 159px;
				border: solid 0px red;
				float: left;
			}
			#mpBanking{
				border: solid 0px red;	
				position: relative;
				/*background: url(images/obBg.png) no-repeat;*/
				height: 159px;
				width: 324px;
				float: right;			
			}
			.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
				clear:both;
				height:0;
				font-size: 1px;
				line-height: 0px;
			}
	#mpBottom{
		text-align: center;
		width: 1000px;
		margin: 0 auto;
		border: solid 0px red;
		/*background: url(images/contentYRep.png) repeat-y;*/
	}
			#mpContent{
				text-align: left;
				border: solid 0px red;		
				width: 980px;
				margin: 0 auto;
			}
/******************************************************************/
/*END MESSAGE PAGES************************************************/
/******************************************************************/



/******************************************************************/
/*START FOOTER*****************************************************/
/******************************************************************/
#footer{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #0066cc;
}
	#footer a:link, #footer a:visited{
		text-decoration: none;
		color: #0066cc;
	}
	#footer a:hover, #footer a:active{
		text-decoration: underline;	
		color: #0066cc;
	}
/******************************************************************/
/*END FOOTER*******************************************************/
/******************************************************************/

.topLinks {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 10px;
	color: #0079C2;
	text-align: center;
	padding-top: 15px;
}
.boxes {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 10px;
	color: #0079C2;
}
.breadcrumbMargin {
	padding-top: 5px;
	padding-left: 15px;
}
.calcHeadline {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 1em;
	font-weight: bold;
}
.calcMaincopy {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: .9em;
}
.calcDisclaimer {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: .75em;
	font-style: italic;
}
.calcBoxes {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: .9em;
}