/* Morrill & Janes Bank 2009 style sheet*/
/* author: http://www.fiserv.com */
/* colors: BLUE:#003F72 GRAY:#5C7F92 DARK GREEN:#206C49 LIGHT GREEN:#34B233 PURPLE:#865F7F YELLOW:#ECC200 RED:#A51140 ORANGE:#EC7A08 */

body {line-height: 1;color: black;background: white;}
li, ul, ol {
	margin-bottom:3px; margin-top:2px;
}
table {border-collapse: collapse; *border-collapse: collapse; border-spacing:0 0;}
caption, th, td {font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* general*/
body {
	background-image: url('images/back.jpg');
	background-repeat: repeat-x;
	background-color:#e6e6e6;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	}

/* Main */
#main {
	background-image: url('images/main_back.jpg');
	height: auto;
	float: left;
	width: 728px;
	padding: 16px 37px 35px 28px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666;
}

h1{	color:#003F72;
	font-size:18px;
	text-indent:20px;
	background-image:url('images/h1_title_bullet.jpg');
	background-repeat:no-repeat;
	background-position:left;
	margin-bottom:13px;
}
h2{font-size:16px;font-weight:bold; margin-bottom: 7px}
h3{font-size:14px;font-weight:bold; margin-bottom: 6px}
h4{font-size:12px;font-weight:bold; margin-bottom: 6px}
h5{font-size:11px;font-weight:bold; margin-bottom: 6px}
h6{font-size:10px;font-weight:bold; margin-bottom: 6px}
address{font-size:12px; font-style:italic; margin-bottom:5px}

p {margin-bottom:10px;}

/* Layout */
#wrapper {
	width:793px;
	margin:auto;
	margin-top:-8px;
	*margin-top:-15px;
	overflow:hidden;
	}
#headerBackPhoto {
	width: 793px;
	height: 272px;
	background-image: url('images/flowers.jpg');
	background-repeat: no-repeat;
}
#headerBackPhoto2 {
	width: 793px;
	height: 272px;
	background-repeat: no-repeat;
}

#header {
	width: 793px;
	height: 272px;
	background-image: url('images/header.png');
	background-repeat: no-repeat;
	position:absolute;
	z-index: 600;
	margin-top: -272px;
	*margin-left: -793px;
	_margin-left: -810px;
	}

#header img {
	width: 260px;
	height: 90px;
	float: left;
	}
#headlink {
	position:absolute;
	margin-top:45px;
	margin-left:5px;
	*margin-left:-812px;
	*margin-top:0px;

}
 
#header ul {
	width: 245px;
	height: 30px;
	float: left;
	margin-top:3px;
	}

#header ul li {
	float: left;
	line-height: 25px;
	text-indent:10px;
	background-repeat:no-repeat;
}

#header ul li#home { text-indent:20px; width: 60px; background-image:url('images/home.jpg');background-position:left; list-style:none}
#header ul li#mail { text-indent:20px; width: 82px; background-image:url('images/mail.jpg');background-position:left; list-style:none}
#header ul li#map { text-indent:20px; width: 100px; background-image:url('images/sitemap.jpg');background-position:left; list-style:none}
	
#header li a:link, #header li a:visited,#header li a:active {
	color:#fff;
	text-decoration:none;
	font-size:10px;
	}
	
#header ul li img {
	width:14px;
	height:14px;
	margin:3px 5px;}


#search {
	width: 162px;
	height: 25px;
	float: right;
	margin-top:5px;
	}
#search form {
	color:#fff;
	float:left;
	}
	
#search input {
	float: left;
	margin-top:2px;
	color:#666;
	font-size:10px;
	text-align:center;
	}

.gobtn { 
	padding:3px 5px;
	}

/* Main Navigation*/
#topNav{
	width: 780px;
	height: 32px;
	_height:32px;
	float: left;
	margin-top: 195px;
	}
* html #topNav{
	margin-bottom: -3px;
	}
	
#topNav ul{
	width: 770px;
	_width:780px;
	height: 32px;
	_height:32px;
	float:left;
	_padding-left:30px;
	}
* html	#topNav ul{margin-left:0px;}

#topNav li{
	text-indent:-20px;
	_text-indent:-40px;
	padding-right:12px;
	margin-left:0px;
	margin:0px;
	text-align:left;
	background-image: url('images/separator.jpg');
	background-position:right;
	background-repeat:no-repeat;
	list-style:none
	}
#topNav li.last {
	background-image: none;
	}
	
#topNav li a:link,#topNav li a:visited, #topNav li a:active{
	color:#666;
	font-size:12px;
	font-size:11px;
	font-weight:bold;
	}




#secNavbar {
	position: relative;
	width: 780px;
	height: 32px;
	float: left;
	margin-top: 150px;
	*margin-top: 153px;
	*margin-left: 37px;
}
#navContainer {
	position: absolute;
	z-index: 1000;
	width: 780px;
	height: 32px;
	top: 0px;
	left: 0px;	
}
* html #secNavbar{
	margin-bottom: -3px;
	}

#secNav ul {
	float: left;
	list-style: none;
	font-weight: normal;
	padding: 0;
	margin: 0;
	width: 770px;
	height: 32px;
}
* html	#secNav ul{margin-left:0px;}
#secNav li{
	text-indent:-20px;
	_text-indent:-40px;
	padding-right:12px;
	margin-left:0px;
	margin:0px;
	text-align:left;
	background-image: url('images/separator.jpg');
	background-position:right;
	background-repeat:no-repeat;
	list-style:none;
	}
#secNav li.last {
	background-image: none;
	}
	
#secNav li a:link,#secNav li a:visited, #secNav li a:active{
	color:#666;
	font-size:12px;
	font-size:11px;
	font-weight:bold;
	}


#secNav {
	float: left;
	list-style: none;
	font-weight: normal;
	margin: 0;
	width:770px !important;
}
#secNav a {
	display:block;
	color: #000000 !important;
	text-decoration: none;
	text-align: left;
	line-height: 22px;
	width: auto;

}
#secNav a:hover {
	color: #fff;
	background:#a4cdef;
}
#secNav li ul {
	position: absolute;
	left: -999em;
	width: 220px;
	font-weight: normal;
	margin-left:-200px;
	*margin-left:-210px;
	z-index: 1000;
}
#secNav li ul li {
	width: 220px;
	margin-left:200px;
	border-bottom:1px #a4cdef solid;
	border-left:1px #a4cdef solid;
	border-right:1px #a4cdef solid;
}

#secNav li li a {
	width: 232px;
	color: #fff !important;
	text-align: left;
	background: #003f72;
}
#secNav li li a:hover {
	color: #fff;
	background: #a4cdef;
}
#secNav li ul ul {
	margin: -22px 0 0 0;
}
#secNav li.sfhover ul ul ul {
	left: -999em;
	display: block;
}
#secNav li.sfhover ul ul {
	left: -999em;
	display: block;
}
#secNav li:hover ul ul ul {
	left: -999em;
	display: block;
}
#secNav li:hover ul ul {
	left: -999em;
	display: block;
}
#secNav li li li.sfhover ul {
	left: auto;
	display: block;
}
#secNav li li.sfhover ul {
	left: auto;
	display: block;
}
#secNav li.sfhover ul {
	left: auto;
	display: block;
}
#secNav li li li:hover ul {
	left: auto;
	display: block;
}
#secNav li li:hover ul {
	left: auto;
	display: block;
}
#secNav li:hover ul {
	left: auto;
	display: block;
}
/* Main Hover States
*******************************/
#secNav li.sfhover {
	background: #a4cdef;
}
#secNav li:hover {
	background: #a4cdef;
}
#secNav li.sfhover a {
	/*color: #ff0000;*/
}
#secNav li:hover a {
	/*color: #ff0000;*/
}
/* Dropdown Hover States
*******************************/
#secNav ul li.sfhover {
	background: #a4cdef;
}
#secNav ul li:hover {
	background: #a4cdef;
}
#secNav li.sfhover ul a {
	/*color: #fff;*/
}
#secNav li:hover ul a {
	/*color: #fff;*/
}





















/* Home Color Boxes*/
.homeBox {
	width: 240px;
	height: 90px;
	float:left;
	color:#fff;
	font-size:11px;
	line-height:13px;
	*line-height:14px;
	padding-top:35px;
	}
	
*:first-child+html .homeBox, * html .homeBox {
	padding-top:45px;
	height: 80px;
}	
	
/*green login*/
.green{
	background-image: url('images/obbox.jpg');
	margin-left: 2px;
	margin-right:-1px;
}
* html .green {margin-left: 4px;}
.homeBox form {margin:0px 0px 15px 20px;}
* html .homeBox form, *:first-child+html .homeBox form  {margin-top:-15px;}

.row {
	height:20px;
	float:left;
	display:block;
	margin-bottom:5px;
	padding-bottom:5px;
	line-height:10px;
	*line-height:10px;
}
.row label{	
	width:70px;
	height:15px;
	float:left;
	*padding:6px 0 0 0;
	display:block;
}
.row input{
	float:right;
	margin-right:-10px;
	*margin-right:13px;
	margin-top:-4px;
	*margin-top:-24px;
}

.row select {
	height:19px;
	width:115px;
	color:gray;
	font-size:10px;
}







.rowbiz {
	height:20px;
	float:left;
	display:block;
	margin-bottom:5px;
	line-height:25px;
	*line-height:10px;
	*margin-top:10px;
}
.rowbiz label{	
	width:200px;
	height:15px;
	float:left;
	*padding:6px 0 0 0;
	display:block;
}
.rowbiz input{
	float:left;
	margin-right:-10px;
	*margin-right:13px;
	margin-top:-4px;
	*margin-top:-24px;
}

.rowbiz select {
	height:19px;
	width:200px;
	color:gray;
	font-size:10px;
}











.lgnbtn {
	display:block;
	float:right;
	height:14px;
	margin-right:25px;
	text-align:right;
	width:28px;
}
* html .lgnbtn {
	margin-right:12px;
}
.homeBox p {
	float:left;
	margin-top:10px;
	}

/* orange and blue*/
.orange{background-image:url('images/persbox.jpg'); margin-left:7px;}
.blue{background-image:url('images/blue.jpg');
}
.homeBox ul {margin:15px 10px 0 -30px; *margin:15px 10px; list-style:none;}
.homeBox span a {margin:0px 10px;text-align:right;	}
.homeBox a:link,.homeBox a:visited,.homeBox a:active {color:#fff;}

/*content boxes*/
#columnLeft{
	width: 515px;
	height:auto;
	background-image: url('images/column_left_back.jpg');
	background-repeat: repeat-y;
	float: left;
}
#columnLeftCUST{
	width: 720px;
	*width: 720px;
	height:auto;
	background-image: url('images/column_left_back.jpg');
	background-repeat: repeat-y;
	float: left;
}
#columnLeftCUST2{
	width: 780px;
	*width: 780px;
	height:auto;
	float: left;
}

#columnRight{
	width: 210px;
	_width: 210px;
	height:auto;
	background-image: url('images/column_left_back.jpg');
	background-repeat: repeat-y;
	float: left;
	_vertical-align:top;
}

#columnRight img {

}

#columnLeftContent{
	width: 480px;
	height: auto;
	float: left;
	margin-left: 20px;
}
#columnLeftContentCUST{
	width: 715px;
	*width: 715px;
	height: auto;
	float: left;
	margin-left: 20px;
	*margin-top:10px;
}
#columnLeftContentCUST2{
	width: 780px;
	*width: 780px;
	height: auto;
	float: left;
	margin-left: -20px;
}

* html #columnLeftContent{margin-left: 10px;}

#columnRightContent{
	width: 175px;
	height: auto;
	float:left;	
	margin-left:20px;
	
}
* html #columnRightContent{margin-left: 10px;}

#columnLeft h1, #columnRight h1{
	color:#003F72;
	font-size:18px;
	text-indent:20px;
	background-image:url('images/h1_title_bullet.jpg');
	background-repeat:no-repeat;
	background-position:left;
	margin-bottom:13px;
}

/*Home content boxes width overrites*/

body#colhome #columnLeft{width: 600px;}
body#colhome #columnRight{width: 125px;}
body#colhome #columnLeftContent{width: 565px;}
body#colhome #columnRightContent{width: 90px;}

.columnMinHeight {	height:245px;float:right;width:1px;}
.columnBottom {clear:both;height:29px;overflow:hidden; background-image:url('images/column_left_bottom.jpg');background-repeat:no-repeat;}

/* Footer*/
#footer {
	width: 793px;
	height: 75px;
	clear: both;
	float: left;
	background-image: url('images/footer_back.jpg');
	background-repeat: no-repeat;
	font-size:10px;
	}

#footer img {
	width: 109px;
	height:28px;
	float: left;
	margin:25px 0px 0px 50px;
	}

#footer ul {
	width: 564px;
	float: right;
	margin-top:20px;
	}
	
#footer li {
	float: left;
	line-height:20px;
	margin-right:5px;
	list-style:none
	}

#footer li a:link,#footer li a:active,#footer li a:visited {
	color:#003F72;
	text-decoration:none;
	}

#footer li a:hover {
	color:#000;
	}

#footer p {
	width: 537px;
	margin-top:-6px;
	*margin-top:0px;
	float: right;
	color:#666;
	}



.styledtable {
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #AEB89D;
}
.styledtable a {
	text-decoration:none;
	color:#666;
}
.styledtable th {
	padding: 5px;
	border-bottom-color: #AEB89D;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	background-color: #003f72;
	color: #FFFFFF;
	font-size: 14px;
	text-align: left;
	font-weight:bold;
}
.styledtable td {
	padding: 5px;
	border-bottom-color: #D0D2C4;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	text-align: left;
	font-size: 12px;
}
.styledtable td:hover {
	text-align:left;
	font-size:12px;
	padding: 5px;
	border-bottom-color: #D0D2C4;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	background-color: #a4cdef;
}
.styledtable caption {
	padding: 5px;
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	margin-top: 15px;
	background-color: #D0D2C4;
	color:black;
}

/* Styles for the Questions Wizard */

.quest_mask {
	padding: 0px;
	margin: 0px;
	border: 1px solid #cccccc;
	overflow: hidden;
	visibility: hidden;
	position: relative;
	background-color:#FFFFFF;
	z-index:0;
}
.quest_panels {
	padding: 0px;
	height: 5000px;
	width: 5000px;
	position: absolute;
	left: 0px;
	top: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.quest_panel {
	margin: 0px;
	overflow: hidden;
}
td.quest_solution {
	background-color:#003F72;
	color: #ffffff;
}
td.quest_solution a {
	display: inline-block;
	border-style:solid;
	border-width: 1px;
	border-color: #cccccc;
	background-color: #ffffff;
	padding: 10px;
	text-decoration: none;
	color: #003F72;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 0px;
	width: 80px;
}
td.quest_solution a:hover {
	background-color: #34B233;
	color: #ffffff;
}


a.quest_up1, a.quest_down1, a.quest_left1, a.quest_right1 {
	display: inline-block;
	border-style:solid;
	border-width: 1px;
	border-color: #cccccc;
	background-color: #003F72;
	padding: 10px;
	text-decoration: none;
	color: #ffffff;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 0px;
	width: 80px;
}
a.quest_up1:hover, a.quest_down1:hover, a.quest_left1:hover, a.quest_right1:hover {
	background-color: #5C7F92;
}
.quest_mask h2 {
	font-size: 18px;
	line-height: 1.5em;
	margin-top: 0px;
	margin-bottom: 10px;
}
.quest_mask p {
	font-size: 14px;
	margin-top: 4px;
	margin-bottom: 4px;
}
#quest_reset {
	display:block;
	text-decoration: none;
	font-size: 10px;
	color: #666666;
	padding: 5px;
	background-color: #ffffff;
	border-style:solid;
	border-width: 1px;
	border-color: #cccccc;
	border-top: none;

}
#quest_reset:hover {
	color: #ffffff;
	background-color: #5C7F92;
}
/*SLIDESHOW*******************************************************/
#mainimgxy{
    overflow: hidden;
    position:relative;
	margin-left: 0px;
	height: 244px;
	width: 793px;
}
/*HOVER*******************************************************/
.peekaboo {
	position:relative
}
.peekaboo img {display: none;}
.peekaboo a:hover img{display:inline; position:absolute}
/* Zip Rate Popup */
#obtutorialxy {
	position: absolute;
	width: 322px;
	height: 182px;
	z-index: 5000;
	top: 66px;
	left: 50%;
	background: #003f72;
	margin: -5000px 0 0 -161px;
	padding: 23px 1px 1px 1px;
	/* css3 drop shadow */
    -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.75);
     
    /* css3 border radius */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#obtutorialx {
	position: absolute;
	top: 35px;
	right: 13px;
	z-index: 11100;
	padding: 0px;
	margin: 0px;
	background-color: #fff;
}
#obtutorialx a {
	display:block;
	height: 16px;
	width: 16px;
	background-image: url(images/obtutorialx.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	overflow: hidden;
}
#obtutorialx a:hover {
	background-position: 0px -16px;
}
#obtutorial {
	padding: 20px 30px 25px 30px;
	background: #fff;     
    /* css3 border radius */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#obtutorial h1 {
	display: block;
	font-size: 17px;
	padding: 0 0 0 0;
	margin: 0 0 2px 0 !important;
	text-transform:uppercase;
	font-weight: normal;
}
#obtutorial p {
	font-size: 12px;
	line-height: 14px;
	padding: 3px 0px 3px 0px;
	margin: 2px 0px 7px 0px;
}
#obtutorial label {
	display: inline-block;
	margin: 0 15px 0 0;
}
#obtutorial a {
	font-size: 12px;
	text-decoration: none;
	color: #003f72;
}
#obtutorial a:hover {
	text-decoration: underline;
	color: #22659c;
}
#obtutorial ol {
	list-style-type: decimal;
	margin: 0px 0px 10px 30px;
	padding: 0px;
}
#obtutorial ol li {
	font-size: 12px;
	margin: 3px 0px 3px 0px;
	padding: 3px 0px 3px 0px;
}
.smallgrey {
	color: #666;
	font-size: 10px;
}