body
{
	background-color: #2D5D08;
}

#wrapper 
{
	margin: 0 auto;
	width: 980px;
}

#PrintLogo 
{
	display: none;
}

#header 
{
	background: url('/Images/TopBanners/insidebanner.jpg') no-repeat transparent;
	width: 980px;
	height: 90px;
}

	#header div.Overlay 
	{
		width: 980px;
		height: 90px;
	}
	
		#header div.Overlay a 
		{
			width: 360px;
			height: 71px;
			display: block;
		}
		
#searchBar 
{
	height: 24px;
	line-height: 24px;
	color: #fff;
	background-color: #427E39;
	padding: 0 5px;
}

	#searchBar .left 
	{
		width: 40%; 
	}
	
	.search 
	{
		padding-left: 25px;
		display:inline;
	}
	
	.search input 
	{
		font-size: 9px;
	}
	
	.search .smallWhite
	{
		color:#FFFFFF;
		font-family:Frutiger,arial,helvetica;
		font-size:11px;
		font-style:normal;
		font-weight:bold;
		text-decoration:none;
		text-transform:uppercase
	}
	
	#searchBar ul
	{
		margin:0
	}

#contentArea 
{
	background-color:#FFFFFF;
	min-height:435px;
	height:auto !important;
	height:435px;
	padding:0 15px 15px 10px;
	position:relative
}		

#Nav 
{
	left:-10px;
	position:absolute;
	top:0;
	width:228px
}

	#Nav ul
	{
		margin:0
	}

		#Nav ul li 
		{
			width: 228px;
			height: 44px;
			line-height: 44px;
			background:url('images/menuColors.jpg') no-repeat
		}
		
		#Nav ul li.red {background-position:0 0}
		#Nav ul li.yellow {background-position:0 -44px}
		#Nav ul li.lightGreen {background-position:0 -88px}
		#Nav ul li.darkGreen {background-position:0 -132px}
		#Nav ul li.lightBlue {background-position:0 -176px}
		#Nav ul li.darkBlue {background-position:0 -220px}
		#Nav ul li.lightPurple {background-position:0 -264px}
		#Nav ul li.darkPurple {background-position:0 -308px}

			#Nav ul li a 
			{
				text-align: right;
				color: #fff;
				opacity:.99;
				padding-right: 28px;
				text-transform: uppercase;
				font-weight: bold;
				font-size: 14px;
			}
			
			#Nav ul li a:hover
			{
				opacity:0.8
			}

#Subnav 
{
	background-color:#C5D6D0;
	font-family:Myriad,Frutiger,arial,helvetica;
	font-size:11px;
	left:218px;
	margin-right:15px;
	min-height:400px;
	height:auto !important;
	height:400px;
	position:absolute;
	top:0;
	width:111px
}
	
	#Subnav ul
	{
		margin:0;
		background:url('images/nav_arrow.gif') no-repeat top left;
		padding-top:8px
	}

	#Subnav ul.PeerlisMenu li a
	{
		white-space: normal;
	}

	#Subnav li 
	{
		padding:4px 5px 4px 12px;
	}
	
		#Subnav li a 
		{
			color: #000;
		}

#contentArea #contentBody
{
	padding-top:15px;
	width:600px;
	padding-left:350px
}

	#contentArea #contentBody #onlineBankingPanel
	{
		position:absolute;
		top:2px;
		right:-10px;
		width:285px
	}
	
		#contentArea #contentBody #onlineBankingPanel h2
		{
			margin:0;
			padding:0;
			font-size:13px
		}
		
		#contentArea #contentBody #onlineBankingPanel h2,
		#contentArea #contentBody #onlineBankingPanel a.button
		{
			background-image:url('Images/onlineBankingBackground.gif');
			background-repeat:repeat-x;
			height:28px;
			text-transform:uppercase;
			text-align:center;
			color:#fff;
			line-height:24px;
		}
		
		#contentArea #contentBody #onlineBankingPanel a.button
		{
			display:inline-block;
			text-decoration:none;
			color:#e9e9e9;
			letter-spacing:1.2px;
			font-weight:bold;
			font-size:11px;
			margin-right:4px;
			*display:inline;zoom:1
		}
		
		#contentArea #contentBody #onlineBankingPanel a.login
		{
			padding-left:20px
		}
		
			#contentArea #contentBody #onlineBankingPanel a.login img
			{
				vertical-align:middle
			}
			
	#contentArea #contentBody #secondaryImageContainer
	{
		width:265px;
		height:215px;
		position:absolute;
		top:190px;
		right:10px
	}
	
#footer 
{
	text-align: center;
	color: #fff;
	width: 100%;
	margin-top: 10px;
}

	#footer a 
	{
		color: #fff;
	}
	
a.RateButton
{
	text-align: center;
	text-decoration: none;
	padding-top:15px;
	background:url('Images/interestRateHeaders.gif') no-repeat;
	color: #fff;
	display:block;
	height:15px;
	font-size:11px;
	font-weight:bold;
	float:left;
	*display:inline
}

a.RateButton span
{
	color:#fff;font-weight:bold
}

a.RateButton:hover{line-height:7px}
	
	a#consumerloanButton{width:103px;background-position:0 0}
	a#consumerloanButton:hover{background-position:0 -12px}
	a#mortgageloanButton{width:101px;background-position:-103px 0}
	a#mortgageloanButton:hover{background-position:-103px -12px}
	a#savingsButton{width:60px;background-position:-204px 0}
	a#savingsButton:hover{background-position:-204px -12px}
	a#checkingButton{width:69px;background-position:-265px 0}
	a#checkingButton:hover{background-position:-265px -12px}
	a#annuitiesButton{width:67px;background-position:-335px 0}
	a#annuitiesButton:hover{background-position:-335px -12px}

.RatePanel 
{
	padding: 2px 5px;
	height: 165px;
	overflow: auto;
}

	.RatePanel a, .RatePanel
	{
		color:#535353;
		font-family:Frutiger,Arial,Times New Roman,Times,serif;
		font-size:11px;
		text-decoration:none
	}
	
	.RatePanel a{font-weight:bold}
	.RatePanel a:hover{text-decoration:underline}

.RateTable
{
	width: 100%;
}

	.RateTable td, .RateTable th 
	{
		padding: 3px 1px;
	}

#consumerloanPanel{background-color:#A5B9A3;color:#535353}
#mortgageloanPanel{background-color:#5B6E68;color:#ECE9E9;display:none}
	#mortgageloanPanel a{color:#ECE9E9}
#savingsPanel{background-color:#026E4E;color:#ECE9E9;display:none}
	#savingsPanel a{color: #ECE9E9}
#checkingPanel{background-color:#065678;color:#ECE9E9;display:none}
	#checkingPanel a{color: #ECE9E9}
#checkingPanel{background-color:#065678;color:#ECE9E9;display:none}
	#checkingPanel a{color: #ECE9E9}
#annuitiesPanel{display:none}
	
.bold{font-weight:bold}
.italic{font-style:italic}

span.required {color:#f00; font-weight:bold;}