/* CSS Document */
/* Minnesota Bank and Trust */
html
{
	overflow-x: auto; /* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */
	height: 100%;
}

/** {
	padding:0;
	margin:0;
}
*/
body
{
	background: url(../images/bg_wavy.jpg) repeat-x;
	background-attachment: fixed;
	background-color: #ffffff;
	text-align:left;
	line-height: 1.6em;
	margin: 0;
	padding: 0;
}

.shadowleft {float:left;}
.shadowright {float:right;}

.mcnote {color: #ff0099; font-size:14px;}





/* GLOBAL DEFAULTS
========================================================================*/

h2 {font-size:15px;}
h3 {color:#a94c2a; margin-bottom:-10px !important;margin-bottom:-15px;font-size:12px;}

fieldset,img {border:0; }

a:link, a:active, a:visited  {color: #696ed7; text-decoration:underline;font-weight:normal;}
a:hover {color: #1c2075; text-decoration:underline;}

a:focus { outline: none;}

b {color:#555e6c}

p, td, div
{	
	font-size: 11px;
	line-height: 15px;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #646a74;
}

p {	margin: 13px 0 0 0; }


ul
{
	margin: 5px 0 15px 5px;
	padding: 0px 0 0 10px;
	list-style-type: none;
	display: block;
}


ul.special
{
	margin: 5px 0 15px 5px;
	padding: 0px 0 0 10px;
	list-style-type: none;
	display: block;
}




/* UNORDERED LISTS
========================================*/




	  
/* STRUCTURAL MARKUP
========================================================================*/

#container
{
	margin: 0 auto 0 auto;
	width: 978px;
	background:none;
	position:relative;
	
}

#header
{
	width: 960px;
	height: 90px;
	margin: 0px 0px 0px 9px;
	position:relative; /*positioned relative. allows topblend to be positioned absolutely within it.*/
	
}


/* MISC. HEADER OBJECT STYLES
========================================*/
.logo { margin: 20px 0 0 100px;  position:absolute; z-index:200;}
.topblend { position:absolute; bottom: 0px; right: 0px; z-index:150; width: 960px;} /*positioned absolute. allows to be positioned within relative header.*/



#contentcontainer /*this is holding everything below the header div */
{
	width: 950px;
	float:left;
	margin: 0; 
	padding: 0;
	position: relative;
	background:#ffffff;
	border:5px solid #fff;
	z-index:400;
	
}


#leftcol /*holds the side navigation */
{
	float: left;
	position:relative;
	width: 200px;
	margin: 0px 5px 0px 0px;
	
}


#maincol /*main content area */
{
	float: left;
	position:relative;
	width: 745px;
	margin: 0px 0px 20px 0px;
	/*overflow: auto;*/
}

#patrick /*patrick on investments2.cfm */
{
	position:relative;
	margin: 0px 0px 0px 0px;
	float: right;

	
}


/* UNORDERED LISTS
========================================*/

#maincol ul
{
	margin: 7px 0 10px 5px;
	padding: 0px 0 0 10px;
	list-style-type: none;
	display: block;
	
	
}


#maincol ul li  /* basic lists in content area */
{ 
	background: url(../images/bullet.gif) no-repeat 0 4px;
	padding-left: 1em;
	/*padding-bottom: .3em;*/
	position:relative
}

#maincol ul.links li,
#hmstatement ul.links li,
#hmnews ul.links li /* basic lists in content area */
{ 
	background: url(../images/bullet_arrow.gif) no-repeat 0 4px;
	padding-left: 1em;
	padding-bottom: .3em;
	position:relative;
	
}

#maincol ol li  /* basic lists in content area */
{ 
	padding-left: 1em;
	/*padding-bottom: .3em;*/
	position:relative
}

#maincol .contentfull ul.nobullet 

{
  margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: block;

}


#pghead /*yellow header*/
 { width:745px; height:102px; background: #ffffff url(../images/bg_pghead.jpg) no-repeat 0 0px;  clear:both; margin: 5px 0 30px 0;}
.pgname {color: #993300; text-align: right; font-size: 30px;font-weight:normal; text-transform:uppercase;}
.sectionname {color: #c78457; text-align: right; font-size: 15px; font-weight:normal;text-transform:uppercase;padding: 10px 0 0px 0;}

.pgheadline {width:685px; background: #b5bfcc; padding:5px 30px 5px 30px; color:#ffffff; text-transform:uppercase; font-size:14px; font-weight:bold; margin: 5px 0 5px 0;  }
.pgleader {width:685px; background: #ffffff url(../images/bg_leader.jpg) no-repeat 0 0px;  padding:1px 30px 9px 30px;  margin: 5px 0 -5px 0;  }
.pgleader p {color:#2e3672; font-size:14px; line-height: 16px;  }




/* MISC. CONTENT OBJECT STYLES
========================================*/

.contact {margin-left:25px; float:left;}


.map /*main content area */
{
	float: right;
	position:relative;
	margin: -220px 0px 0px 0px;
	
}


/* COLUMNS IN CONTENT
========================================*/

.contentleft /*main content area */
{
	float: left;
	position:relative;
	width: 325px;
	margin: 10px 30px 0px 30px !important;
	margin: 10px 30px 0px 15px;

	
}


.contentright /*main content area */
{
	float: left;
	position:relative;
	width: 325px;
	margin: 10px 0px 0px 0px;
	
}

.contentfull /*main content area */
{
	position:relative;
	width: 685px;
	margin: -10px 0px 0px 30px !important;
	margin: 10px 0px 0px 30px;
	clear:both;
	
}

.wide /*main content area */
 { width: 500px; }

.narrow /*main content area */
{ width: 175px;}


.small {font-size:10px; line-height:12px; color:#aaaab2;}
.special {color:#cc3300;}


/* FOOTER STYLES
========================================*/



#footer
{
	width: 745px;
	float:right;
	text-align: right;
	border-top:3px solid #d0d8e4;
	margin:0 5px 0 20px;
	position:relative;
	z-index:420;
	clear:both;
}


.copyright
{
	font-size: 10px;
	line-height: 12px;
	color: #94879e;
	display: block;
	clear: both;
	text-align: center;
}




/* NAVIGATION
========================================================================*/   





/* MAIN NAVIGATION HIGHLIGHTS 
========================================*/
/*body.business dt.dtbusbank,
body.waterpark ul li.waterparkbtn a,
body.activity ul li.activitybtn a,
body.corp ul li.corporatebtn a,
body.dine ul li.dinebtn a

{ border-top:2px solid #c2d82e; margin-top:-2px; }*/



/* SIDE NAVIGATION
========================================*/

#secnav
{
	margin: 5px 0 20px 0;
	padding: 0px 0 20px 0;
	width: 200px;
	background: #50578a;
	text-align:left;
}

#secnav ul
{
	margin: 0;
	padding: 0;	
	
}


#secnav ul li
{	
	margin: 0 0 0 0px;
	font-size: 11px;
	line-height: 17px;
	list-style: none;
	font-weight: bold;
	border:0px;
	clear:both;
	
	
}


#secnav ul li a:link,
#secnav ul li a:active,
#secnav ul li a:visited
{
	display:block;
	margin: 1px 0 0px 0 !important;
	margin: 1px 0 -15px 0;
	color: #a7aed7;
	text-decoration: none;
	padding: 1px 10px 1px 15px;
	font-weight: bold;
}

#secnav ul li a:hover { color: #ffffff; background:#7279a7 url(../images/nav_marker1.gif) no-repeat 5px 3px;}




/* SIDE NAVIGATION HIGHLIGHTS 
========================================*/

body.buswealth ul li.secbuswealth,
body.bushealth ul li.secbushealth,
body.buschecking ul li.secbuschecking,
body.bussavings ul li.secbussavings,
body.buslending ul li.secbuschlending,
body.buscredit ul li.secbuscredit,
body.cashmgmt ul li.secbuscashmgmt,
body.busmerchant ul li.secbusmerchant,
body.busswitch ul li.secbusswitch,
body.prichecking ul li.secprichecking,
body.prilending ul li.secprilending,
body.priinvestment ul li.secpriinvest,
body.pribrokerage ul li.secpribrokerage,
body.pritrust ul li.secpritrust,
body.priplanning ul li.secpriplanning,
body.priinsurance ul li.secpriinsurance,
body.perschecking ul li.secperschecking,
body.perssavings ul li.secperssavings,
body.perslending ul li.secperslending,
body.pershealth ul li.secpershealth,
body.persconv ul li.secpersconv,
body.onbusiness ul li.seconbusiness,
body.onpersonal ul li.seconpersonal,
body.onmerchant ul li.seconmerchant,
body.onedeposit ul li.seconedeposit,
body.onestats ul li.seconestatements,
body.infodirectors ul li.secdirectors,
body.infopress ul li.secpress,
body.infolocations ul li.seclocations,
body.infoprivacy ul li.secprivacy,
body.infoservicefees ul li.secservicefees,
body.infohelp ul li.sechelp,
body.inforates ul li.secrates


{  background: #50578a url(../images/nav_marker3.gif) no-repeat 5px 3px;line-height: 17px;}

	
	
/*submenu is set to display:none on all pages in stylesheet. Each page has a body class 
which is connected to the submenu classes below. For example, if I am on a "Business" page, 
the submenu class .subbusiness is set to display:block*/

.submenu { display: none;}

body.business .submenu.subbusiness  { display: block;}
body.private .submenu.subprivate { display: block;} 
body.personal .submenu.subpersonal  { display: block;}
body.online .submenu.subonline { display: block;}
body.info .submenu.subinfo { display: block;}	




/* FLOAT CLEAR FIX
========================================================================*/   

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* FORMS
========================================================================*/   



/* HOME PAGE STYLES
========================================*/
#hmmainpic {float:left;width:695px; height:250px; }
#hmmainsidebar {float:left;width:250px; height:239px;margin: 0px 0 10px 5px;}
#hmstatement {float:left;width:480px; height:250px; margin: 0px 0px 0 40px;}
#hmstatement p, #hmstatement ul {padding: 0px 15px 10px 120px;}
#hmnews {float:left;width:250px; margin: 0px 0 0 5px;z-index:60;border:0px solid #eee;}
#hmnews li {padding: 0px 15px 10px 0px;}

.hmheadline {background: #b5bfcc; padding:5px 30px 5px 30px; color:#ffffff; text-transform:uppercase; font-size:14px; font-weight:bold; margin: 5px 0 5px 0;  }

/* HOME EVENTS 
========================================*/


/* Bigger Bullets 
========================================*/
.bigbutton a {
		display:block;
		width: 190px;
		text-transform:uppercase;
		margin: 1em 0; 
		padding:8px 0 10px 35px;
		font: bold 11px/1.2 sans-serif;
		background: url("../images/gobullet1.jpg") 0 0px no-repeat;
		text-decoration: none;
		}
.bigbutton a:hover {	
		background: url("../images/gobullet2.jpg") 0 0 no-repeat;
		}
.bigbutton a:active {
		background-position: -314px 0;
		color:white;
		}
		
.fdic {display:inline;}

body.nofdic .fdic {display:none;}


sup { /* Keeps consistent line spacing with sup */
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	
}

sup {
	bottom: 1ex;
}


 #services  {
	background: none;
	margin:0;
	padding:0px 0 0 0; /*needs this so top orange bar doesn't get covered by hover*/
	width: 480px;
	list-style-type:none;
}

#maincol #services ul
{
	list-style-type: none;
	background: none;
	font-size: 10px;
	margin: 0px 0 0 -20px;
	padding:0px 0px 0px 8px;
}

#maincol #services li
{
	display: inline;
	list-style-type:none;
	background: none;
	border-bottom: 1px solid #ddd;
	line-height:16px;
	width: 480px;
	float: left;
	margin: 0px 0 0px 0; /*this must be zero so whole row highlights w/o margins*/
}


 #services li em
{
	display: block;
	width: 100px;
	margin: -15px 0 0px 360px;
	font-style: normal;
}


 #services ul li 
{
	font-size: 11px;
	line-height: 15px;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #646a74;}