/* --------------- START Page Property Styles --------------- */
			
			body {
				margin: 0 !important;
				padding: 0 !important;
				font: 70%/1.8 Geneva, Arial, Helvetica, sans-serif;
				color:#333333;
				background-color: #F0F0F0;
				/*background-image:url(/img/main-back.gif);*/
			}
			h1, p {
				margin-bottom: 1em;
				padding-bottom: 0;
			}
			h1 {
				font-size: 1.8em;
				color:#333333;
				margin-top: 1em;
				margin-bottom: -0.3em;	
			}
			h2 {
				font-size: 1.3em;
				color: #005595;
				margin-bottom: -0.1em;	
/*				line-height:16px;	*/
			}
			h3 {
				font-size: 1em;
				color: #334E66;
			}
			h3 a {
				text-decoration:none;
			}
			h6 {
				font-size: 1em;
				margin-bottom: -1em;
				font-weight:normal;
			}
			img {
				border: 0px;
				margin: 0;
				padding: 0;
			}
			a {
				color: #2780c3;
				text-decoration:underline;
			}
			a:hover {
				color: #005595;
				text-decoration:none;
			}

			#container {
				width: 970px;
				border-left: 3px solid #005595;
				border-right: 3px solid #005595;
				border-bottom: 3px solid #005595;
				margin: auto;
				margin-top: 0 !important;
				margin-bottom: 0 !important;
				background-color: #FFFFFF;
				padding: 0 !important;
				
			}
			/* Assume no padding, browsers. */
			#content {
				padding: 0px;
				margin: 0 !important;
			}
			
			/* Header */
			#header {
				position: relative;
				padding: 0px;
				margin: 0px;
				/*background-color:#B2B2B2;*/
				height: 114px;
				background: #B2B2B2 url(/img/top-back.gif) repeat-x bottom;
				/*border-bottom: 1px solid #ffffff;*/
			}
			#logo {
				margin-left: 10px;
				margin-top: 25px;
			}
			
			#pagegraphic {
				position: relative;
				float: left;
			}

		/* page style for iframe look with background image on left */
			#pagetext {
				position: relative;
				float: left; 
				left: 305px;
			}
			
			#pagetext-special {
				position: relative;
				float: left; 
				left: 15px;
			}
			#pagetextbody {
				width: 410px;
				height: 305px;
				overflow: auto;
				padding: 5px 15px 5px 10px;
				line-height:16px;
			}
			#pagetextbody ul li {
			/*				background: url(/img/diamondbullet.gif) no-repeat 0 middle;	*/
				list-style: none url(/img/diamondbullet.gif) outside;
			}
			#pagetextbody ul {
				margin-top: -5px;
			}
		/* END page style for iframe look with background image on left */

		/* page style REPEAT for iframe look without background image on left */
			#pagetext2 {
				position: relative;
				float: left; 
				left: 10px; /* different left for #2 version */
			}
			#pagetextbody2 {
				width: 600px;	/* different width for #2 version */
				height: 305px;
				overflow: auto;
				padding: 5px 15px 5px 10px;
				line-height:16px;
			}
			#pagetextbody2 ul li {
			/*				background: url(/img/diamondbullet.gif) no-repeat 0 middle;	*/
				list-style: none url(/img/diamondbullet.gif) outside;
			}
			#pagetextbody2 ul {
				margin-top: -5px;
			}
		/* END page style REPEAT for iframe look without background image on left */
		
		/* Job Updater Pages */	
			#jobupdatersearch table { 
				border-collapse: collapse;
			}	
			#jobupdatersearch td { 
				border: 1px solid #cccccc;
			}
			
			.table-main-head {
				font-size: 1.3em;
				font-weight:bold;
				color:#FFFFFF;
				text-align:center;
				background-color:#005595;
				padding: 5px 10px 5px 10px;
			}			
			.table-main-head a {
				color: #ffffff;
				text-decoration:underline;
				background: url(/img/sort-arrow.gif) no-repeat right top;
				padding-right: 15px;
			
			}
			.table-main-head a:hover {
				color: #ffffff;
				text-decoration:none;
			}
			
			.table-sub-head-light {
				padding: 2px 10px 2px 10px;
			}
			
			.table-sub-head-dark {
				padding: 2px 10px 2px 10px;
				background-color:#f0f0f0;
			}


			#jobupdaterdisplay {
				list-style: none url(/img/diamondbullet.gif) outside;
			}
			
			#jobupdaterdisplay td {
				text-align:left;
			}
			
			.general-text-desc { width:100px; } 
			
			
			#jobupdateradmin td {
				text-align:left;
			}
			
			.heading1 {		/* Admin page titles */
				font-size: 1.8em;
				color:#333333;
				margin-top: 1em;
				margin-bottom: -0.3em;	
			}
			
		/* END Job Updater Pages */
		
			#pagetextadmin {
				width: 600px;	/* different width for #2 version */
				padding: 5px 15px 5px 10px;
				line-height:16px;
			}

			.indent {
				text-indent:10px;
			}
			.bold_text {
				font-weight:bold;
			}
			.locationstable tr {
				vertical-align:bottom;
			}
			.bold_em {
				font-weight:bold;
				font-style:italic;
			}

			.identity_theft_table table { 
				border-collapse: collapse;
			}	
			.identity_theft_table td { 
				border: 1px solid #cccccc;
			}
			.identity_theft_header {
				font-weight:bold;
				color:#000000;
				background-color:#d6d5d9;
			}
			.identity_theft_bgcolor_hd {
				background-color:#d6d5d9;
			}
			.identity_theft_bgcolor {
				background-color:#f0f0f0;
			}

			#rate_table table { 
				border-collapse: collapse;
			}	
			#rate_table td { 
				border: 1px solid #cccccc;
			}
			.rates_header {
				font-size: 1.3em;
				font-weight:bold;
				color:#FFFFFF;
				text-align:center;
				background-color:#005595;
			}
			.rates_title {
				font-size: 1.2em;
				font-weight:bold;
				text-align:center;
				background-color:#CCCCCC
			}
			.rates_bgcolor {
				background-color:#f0f0f0;
			}
			
			.fee {
				background: url(/img/underline.gif) repeat-x bottom;
			}

/* --------------- END Page Property Styles --------------- */
			

/* --------------- START Main Body Styles ---------------*/
		/*	#home #middle {
				background: url(/img/banners/home.jpg) no-repeat;
			}	*/
			
			/* Clear gif and banner div for home page flash */	
			#home #middle {
				background: url(/img/banners/clear.gif) no-repeat !important;
			}
			
			#banner {
				position: relative;
				float: left;
				padding-top: 30px;

			}
			/*	End Clear gif and banner div for home page flash */			

			#contact_us #middle {
				background: url(/img/banners/contact_us.jpg) no-repeat;
			}

			#magna_bank_phone #middle {
				background: url(/img/banners/magna_bank_phone.jpg) no-repeat;
			}

			#commercial_multifamily #middle {
				background: url(/img/banners/commercial_multifamily.jpg) no-repeat;
			}

			#private_banking #middle {
				background: url(/img/banners/private_banking.jpg) no-repeat;
			}

			#treasury_management #middle {
				background: url(/img/banners/treasury_management.jpg) no-repeat;
			}

			#construction_loans #middle {
				background: url(/img/banners/construction_loans.jpg) no-repeat;
			}

			#card_services #middle {
				background: url(/img/banners/card_services.jpg) no-repeat;
			}

			#card_services #business {
				visibility:hidden;
			}
			
			#commercial_banking #middle {
				background: url(/img/banners/commercial_banking.jpg) no-repeat;
			}

			#business_deposits #middle {
				background: url(/img/banners/business_deposits.jpg) no-repeat;
			}

			#business_banking #middle {
				background: url(/img/banners/business_banking.jpg) no-repeat;
			}

			#business_checking #middle {
				background: url(/img/banners/business_checking.jpg) no-repeat;
			}

			#business_savings #middle {
				background: url(/img/banners/business_savings.jpg) no-repeat;
			}

			#business_cds #middle {
				background: url(/img/banners/business_cds.jpg) no-repeat;
			}

			#personal_deposits #middle {
				background: url(/img/banners/personal_deposits.jpg) no-repeat;
			}

			#personal_banking #middle {
				background: url(/img/banners/personal_banking.jpg) no-repeat;
			}

			#personal_checking #middle {
				background: url(/img/banners/personal_checking.jpg) no-repeat;
			}

			#personal_savings #middle {
				background: url(/img/banners/personal_savings.jpg) no-repeat;
			}

			#personal_cds #middle {
				background: url(/img/banners/personal_cds.jpg) no-repeat;
			}

			#personal_iras #middle {
				background: url(/img/banners/personal_iras.jpg) no-repeat;
			}

			#consumer_loans #middle {
				background: url(/img/banners/consumer_loans.jpg) no-repeat;
			}

			#mortgage_loans #middle {
				background: url(/img/banners/mortgage_loans.jpg) no-repeat;
			}

			#maincolumn {
				position: relative;
				/*width: 553px;*/
				padding-left: 5px;
				padding-right: 10px;
				line-height:16px;
				/*background: url(/img/banners/index.jpg) no-repeat;*/
			}
			#maincolumn p {
				text-align: justify;
			}

			.stText {
			
				font-size: 9px;
				vertical-align: text-top;
			}
			

/* --------------- END Main Body Styles --------------- */

		
			
/* --------------- START Menu Styles --------------- */
	#topnav {
		position: absolute;
		float: right;
		top: -2px;
		left: 592px;
	}
	
	#topnav ul{
		list-style: none;
		padding: 0;
		margin: 0;
	}
	#topnav ul li {
		float:left;
		padding: 0 0 0 .2em;
	}
	
	#topnav a{
		text-decoration: none;
		color:#333333;
		display: block;
		border: 1px solid white;
		width: 120px;
		font-size: 0.9em;
		padding-top: 8px;
		padding-left: 2px;
		font-weight: bold;
	}
	#topnav a:hover{
		border: 1px solid #ECD000;
		color: #ffffff;	
	}
	
	#utility {
		position: absolute;
		float: right;
		top: 63px;
		left: 592px;
	}
			
	#utility ul{
		list-style: none;
		padding: 0;
		margin: 0;
	}
	#utility ul li {
		float:left;
		padding: 0 0 0 .2em;
	}

	#utility a{
		text-decoration: none;
		color:#333333;
		display: block;
		border-right: 1px solid #FFFFFF;
		border-left: 1px solid #FFFFFF;
		border-top: 1px solid #FFFFFF;
		width: 146px;
		font-size: 0.9em;
		padding-top: 8px;
		padding-left: 2px;
		font-weight: bold;
	}
	#utility a:hover{
		border: 1px solid #ECD000;
		color: #ffffff;
	}
	.noborder {
		border: 1px solid #B2B2B2 !important;
		border-bottom: 0 !important;
	}
	.padleft {
		padding-left: 72px !important;
	}
	.golden {
		width: 150px !important;	
/*		border: 1px solid #ECD000 !important; */
		border-right: 1px solid #ECD000 !important;
		border-left: 1px solid #ECD000 !important;
		border-top: 1px solid #ECD000 !important;	
	}
	.norightborder {
		border-right: 0 !important;
	}

	.notopborder {
		border-top: 0 !important;
	}

	.norighttopborder {
		border-top: 0 !important;
		border-right: 0 !important;
	}
	
	#leftcolumn {
		width: 170px;
	}

	#leftcolumn h2 {
		font-size: 1em;
		margin-bottom: .2em;
		margin-top: .7em;
		margin-left: .5em;
		color:#333333;
	}
	
	#leftcolumn ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 160px; /* Width of Menu Items */
	border-bottom: 1px solid #fff;
	}
	
#leftcolumn ul li {
	position: relative;
	z-index: 200;
	}
	
#leftcolumn li ul {
	position: absolute;
	left: 159px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	}

/* Styles for Menu Items */
#leftcolumn ul li a {
	display: block;
	text-decoration: none;
	color: #000000;
	background: #fff; /* IE6 Bug */
	font-size: 1em;
	padding-top: 8px;
	padding-left: 2px;
	border: 1px solid #fff; /* IE6 Bug */
	border-bottom: 0;
	font-weight: bold; 
	}

#leftcolumn li a:hover {
	background-color:#005595;
	color: #FFFFFF;
}

#leftcolumn li ul a {
	border: 1px solid #ccc;
	border-bottom: 0;
	background-color:#005595;
	color: #FFFFFF;
}

#leftcolumn li ul a:hover {
	background-color:#3B74BF;
	color: #FFFFFF;
}

#leftcolumn li:hover ul, #leftcolumn li.over ul { display: block; } /* The magic */
	
	.oblogin a {
		background-color: #C8D1D8;
		border: 1px solid #78A1BF !important;
	}

	.oblogin a:hover {
		color: #000066 !important;
		background-color: #7184AF;
	}
/* --------------- END Menu Styles --------------- */

			

/* --------------- START Custom Site Styles ---------------*/
			

			.leftSpacer {
				width: 178px;
			}
			
			/* Add mail icon next to any mailto tags */
			a[href^="mailto:"] {
				background: url(/img/email_small.gif) no-repeat left top;
				padding-left: 18px;
			}
			
			.nowrap {
				white-space:nowrap;
			}
			
			.iframetext {
				width: 430px;
				height: 290px;
			}

			
/* --------------- END Custom Site Styles ---------------*/


/* --------------- START Footer Styles --------------- */
			#footer {
				position: relative;  /* Needed for Safari */
				width: 100%;
				border-top: 13px solid #005595;
				color:#333333;
				font-size: .8em;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				background-color: #FFFFFF;
				text-align: center;
				
				/*background: #003768 url(/img/footer-back.gif) no-repeat right;*/
			}
			
			#footer p {
				padding: 4px;
			}
			#footer a {
				color: #333333;
				text-decoration:none;
				padding: 0em 2em 0em 2em;
			}
						#footer a:hover {
				color: #333333;
				text-decoration: underline;
				padding: 0em 2em 0em 2em;
			}
			#footerblock {
				padding-left: 5px;
				padding-top: 6px;
				margin:0 auto;
			}
			#smallfootertext {
				font: 10px Arial;
				padding-top: 9px;
				width: 80%;
				margin: auto;
			}

/* --------------- END Footer Styles --------------- */
		


/* Support Display Styles */
	.linkpop {
		position: relative;
		z-index: 0;
		color:#000000;
		padding-top:5px;
		padding-bottom:2px;
		font-size:10px;
	}

	.linkpop:hover {
		background-color: transparent;
		z-index: 100;
	}

	.linkpop div { 
		position: absolute;
		background-color:#F7F7F7;
		padding: 5px;
		border: 1px solid lightgrey;
		visibility:hidden;
		text-decoration: none;
		width: 130px;
		font-size:12px;
		line-height:12px;
		height:110px;
		text-align:center;
		color:#005595;
	}
	
	.linkpop:hover div{ 
		visibility:visible;
 		bottom: 40px;  /* offset of text */
		left: 8px; /* offset of text */
	}
	
/* Support Display Styles End*/

/*Ask CEO*/
#pageContainer {
	margin:15px;
	border: 2px solid #005595;
}
#ceotable {
	margin-left: 10px;
	margin-right: 10px;
}
.disclaim {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	text-align:justify;
}
.required { 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FF0000;
	font-weight:bold;
}
.title {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.input {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/*End Ask CEO*/

/* FAQs */
.active {
	display:block;
	visibility:visible;
	margin-left:30px;
	margin-right:10px;
}		
	
.inactive {
	display:none;
	visibility:hidden;
}			
/* End FAQs */

/* Emergency Message */
#emergency_header {
	position: absolute;
	padding: 30px 30px 25px 30px;
	float: left;
/*	word-wrap: break-word;	*/
	width:242px;
	text-align:center;
	margin: 0px;
	line-height:16px;
	font-size:14px;
	top: 0px;
	left: 290px;
/*	border: 1px solid #78A1BF; */
}
#emergency{
	color:#FF0000;
	font-size:14px;
}
#emergency a:link, #emergency a:active, #emergency a:visited, #emergency a:hover {
	text-decoration:underline;
	color:#FF0000;
}
/*End Emergency Message*/