body {
	font-family: Verdana, Sans-Serif;
	background-color: #ffffff;
	line-height: 16px;
	overflow-x: hidden;
}

a {
	color: blue;
}

.mobile_nav {
	display: none;
}

@media only screen and (max-width: 960px) {
.mobile_nav {
	display: block;
}
.mobile_nav #responsive_header .responsive_header .bar { 
    background: #077dc2;
    box-sizing: border-box;
    height: 49px;
    padding: 0 15px;
    position: relative;
    width: 100%;
}
.mobile_nav #responsive_header .responsive_header .bar.open {
	box-shadow: none;
}
.mobile_nav #responsive_header .responsive_header .bar #menu_icon {
      display: inline-block;
      float: right;
      height: 49px;
      margin-left: 30px;
}
.mobile_nav #responsive_header .responsive_header .bar #menu_icon span {
	color: #ffffff;
	display: inline-block;
	font-size: 22px;
	line-height: 49px;
	vertical-align: middle;
}
.mobile_nav #responsive_header .responsive_header .bar #menu_icon span:before {
	content: "\f0c9";
}
a {
	color: #fff;
}
 .mobile_nav #responsive_header .responsive_header .menu {
    display: none;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 99;
    background-color: #ffffff;
 }
 .mobile_nav #responsive_header .responsive_header .menu.open {
 	display: block;
 }
 .mobile_nav #responsive_header .responsive_header .menu .section a:hover {
        text-decoration: none;
      }
 .mobile_nav #responsive_header .responsive_header .menu .section .nav_button {
        display: block;
        font-size: 13px;
        color: #ffffff;
        padding: 11px 0 11px 20px;
        border-bottom: 1px solid #ffffff;
        cursor: pointer;
        background-color: #9da3a8;
       }
        .mobile_nav #responsive_header .responsive_header .menu .section .nav_button:hover {
          background-color: rgba(157, 163, 168, 0.5);
          color: #077dc2;
        }
      .mobile_nav #responsive_header .responsive_header .menu .section .pages {
        display: none;
       }
       .mobile_nav #responsive_header .responsive_header .menu .section.open .pages {
       	display: block;
       }
      .mobile_nav #responsive_header .responsive_header .menu .section .pages a {
        display: block;
        background-color: #077dc2;
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 1px;
        padding: 10px 20px;
       }
        .mobile_nav #responsive_header .responsive_header .menu .section .pages a:hover {
          background-color: rgba(157, 163, 168, 0.5);
          color: #077dc2;
        }
	.mobile_nav #responsive_header .responsive_header .menu .extras {
	  background-color: #9da3a8;
	  padding: 15px;
	 }
	 .mobile_nav #responsive_header .responsive_header .menu .forms {
	  background-color: rgba(157, 163, 168, 0.5);
	  padding: 15px;
	 }
	 .mobile_nav #responsive_header .responsive_header .menu .forms p {
	 	margin-top: 0;
	 	margin-bottom: 5px;
	 	font-size: 14px;
	 	color: #077dc2;
	 	font-weight: bold;
	 }
	 .mobile_nav #responsive_header .responsive_header .menu .forms p.options {
	 	font-size: 12px;
	 	font-weight: normal;
	 }
	 .mobile_nav #responsive_header .responsive_header .menu .forms p.options a {
	 	color: #077dc2;
	 }
	 .mobile_nav #responsive_header .responsive_header .menu .extras .search_form .search, .mobile_nav #responsive_header .responsive_header .menu .forms form {
        align-items: center;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        margin-bottom: 10px;
        max-width: 320px;
       }
		    .mobile_nav #responsive_header .responsive_header .menu .extras .search_form .search .field, .mobile_nav #responsive_header .responsive_header .menu .forms form input[type="text"] {
			      border-radius: 0;
			      border: 1px solid #ffffff;
			      box-sizing: border-box;
			      height: 29px;
			      line-height: 29px;
			      margin: 0;
			      padding: 0 14px;
			      position: relative;
			      width: 100%;
		      }
		  .mobile_nav #responsive_header .responsive_header .menu .forms form.personal input[type="text"] {
		  	width: 82%;
		  }
		  .mobile_nav #responsive_header .responsive_header .menu .forms form.business input[type="text"] {
		  	width: 40%;
		  }
		  .mobile_nav #responsive_header .responsive_header .menu .forms form.business input[type="text"]:first-child {
		  	margin-right: 5px;
		  }
          .mobile_nav #responsive_header .responsive_header .menu .extras .search_form .search .search_button, .mobile_nav #responsive_header .responsive_header .menu .forms form button {
            background-color: #077dc2;
            border: none;
            color: #ffffff;
            font-size: 12px;
            height: 29px;
            width: auto;
          }
          .mobile_nav #responsive_header .responsive_header .menu .forms form button {
          	width: auto;
          	padding-left: 8px;
          	padding-right: 8px;
          }
          .mobile_nav #responsive_header .responsive_header .menu .extras .search_form .search .field:focus,
          .mobile_nav #responsive_header .responsive_header .menu .extras .search_form .search .submit:focus {
            outline: none;
          }
}

/************************************/
/* desktop */
/************************************/

@media only screen and (max-width: 960px) {
	#layout_grid, #layout_grid tbody, #layout_grid tr, #layout_grid td {
		display: block;
		width: auto;
	}
	#layout_grid tr #grid_main, #layout_grid tr #grid_main #main_div {
		width: 100%;
	}
}

#layout_grid {
	/*display: none;*/
	height: 100%;
	width: 100%;

	border-collapse: collapse;

	margin: 0;
	padding: 0;
}

#layout_grid tr {
	margin: 0;
	padding: 0;
}


#layout_grid td {
	margin: 0;
	padding: 0;

	vertical-align: top;
}

#grid_left {
	width: 40%;
	background-color: #ffefd5;
}

#grid_right {
	width: 40%;
	background-color: #ffefd5;
}

#grid_main {
	max-width: 1000px;
}

#main_div {
	max-width: 1000px;

	margin: 0;
	padding: 0;
}

#all_top {
	/*width: 1000px;*/
	height: 170px;

	position: relative;

	z-index: 70;
	background-color: #ffffff;
	/*background-image: url(images/top.png);*/
	/*background-repeat: no-repeat;*/
}

	.top_bar {
		display: block;
		width: 1000px;
		height: 40px;

		font-family: Verdana, sans-serif;
		font-size: 11px;
		color: #ffffff;
		background-image: url(images/top_bar.png);
		background-repeat: no-repeat;
		background-color: #b2b7bb;
	}

	@media only screen and (max-width: 960px) {
		.top_bar {
			display: none;
		}
	}

	.top_bar .left {
		height: 40px;
		width: 0;
		background-color: #0b5a8d;
		position: absolute;
		top: 0;
		left: 0;
	}

	.top_bar .right_image {
		width: 8px;
		height: 40px;
		background-image: url(images/top_bar_right.png);
		position: absolute;
		top: 0;
		left: 1000px;
		z-index: 35;
	}

	.top_bar .right {
		height: 40px;
		width: 0;
		background-color: #b1b7bc;
		position: absolute;
		top: 0;
		left: 1000px;
	}

	.top_bar .top_nav {
		position: absolute;
		top: 12px;
		left: 151px;
		width: 573px;
		height: 29px;

		color: #ffffff;

		z-index: 30;
		/*background-color: #cccccc;*/
	}

		.top_bar .top_nav .sep {
			float: right;
			clear: none;
		}

	.top_bar .top_search {
		position: absolute;
		left: 760px;
		top: 8px;
		width: 241px;
		height: 22px;
		/*background-color: #ccccc1;*/
	}
	.top_search .field {
		position: absolute;
		left: 3px;
		top: 2px;

		/*padding: 3px;*/
		width: 187px;
		border: none;

		font-size: 11px;
		color: #6a737b;
	}

	.ie .top_search .field {
		top: 5px;
	}

	.fx .top_search .field {
		top: 5px;
	}

	.ie7 .top_search .field {
		width: 180px;
		/*top: 3px;*/
		border: 0;
	}

	.top_search .search_button {
		position: absolute;
		left: 199px;
		top: 5px;
		padding: 0;
		border: none;
		font-size: 10px;
		color: #ffffff;
		background-color: transparent;
		/*background-color: #111111;*/
	}

	.fx .top_search .search_button {
		left: 196px;
		top: 3px;
	}

	.ie7 .top_search .search_button {
		left: 165px;
	}

	.ie9 .top_search .search_button {
		top: 6px;
	}

	.top_logo {
		position: relative;
		max-width: 1000px;
		height: 130px;
		background-color: #ffffff;
	}

	.top_logo .left {
		width: 0;
		height: 130px;
		position: absolute;
		top: 0;
		left: 0;
	}

	.top_logo .left.image {
		max-width: 300px;
		background-image: url(images/top_logo_left.png);
		background-repeat: no-repeat;
	}
	.top_logo .left.left_fade {
		background-color: #0f7ec2;
	}

	.top_logo .right {
		width: 0;
		height: 130px;
		position: absolute;
		top: 0;
		left: 1000px;
	}


	.top_logo .right.image {
		background-image: url(images/top_logo_right_int.png);
		background-repeat: no-repeat;
		max-width: 300px;
		z-index: 35;
	}
	.top_logo .right.right_fade {
		background-color: #0f7ec2;
	}



	.top_logo .logo {
		width: 238px;
		height: 65px;

		position: absolute;
		left: 24px;
		top: 50px;

		background-image: url(images/logo.png?20140318);
		background-repeat: no-repeat;
		background-size: 100%;
	}

	@media only screen and (max-width: 960px) {
		.top_logo .logo {
			margin: 0 auto;
			top: 15px;
			left: 0;
			right: 0;
			background-size: 80%;
			background-position: center;
		}
	}

	.top_logo .logo_right {
		width: 91px;
		height: 130px;
		position: absolute;
		left: 909px;
		top: 0;
		background-image: url(images/logo_right_int.png);

	}

		/*@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {*/
			#all_top .logo {
				background-image: url(images/logo@2x.png?20140318);
			}
		/*}*/

	#all_top .menus {
		display: block;
		height: 43px;
		width: 272px;

		position: absolute;
		top: 127px;
		left: 681px;
	}

	@media only screen and (max-width: 960px) {
		
		#all_top {
			height: auto;
		}
		#all_top .menus {
			display: none;
		}
		.top_logo {
			width: 100%;
			height: 95px;
		}
		.top_logo .left, .top_logo .right, .top_logo .logo_right {
			display: none;
		}
	}


#all_bottom {
	min-height: 195px;
	max-height: 648px;
	background-color: #0b5a8d;
	background-image: url(images/bottom.png?a);
	background-repeat: no-repeat;
	position: relative;
}

	.homepage #all_bottom {
		background-image: url(images/bottom_homepage.png)
	}

	#all_bottom .left {
		height: 195px;
		width: 0;
		position: absolute;
		top: 0;
		left: 0;
	}

	#all_bottom .left.fade {
			background-color: #0b5a8d;
		}

		#all_bottom .left.image {
			background-image: url(images/bottom_left.png);
			max-width: 160px;
		}

		#all_bottom .right {
			height: 195px;
			width: 0;
			position: absolute;
			top: 0;
			left: 1000px;
		}

		#all_bottom .right.fade {
			background-color: #0f7ec2;
		}

		#all_bottom .right.image {
			background-image: url(images/bottom_right.png);
			max-width: 160px;
			z-index: 35;
		}

		#all_bottom .footer_info {
			position: absolute;
			left: 724px;
			top: 0;
			width: 250px;
			height: 67px;
			font-family: Verdana, sans-serif;
			font-size: 10px;
			/*background-color: #cccccc;*/
		}
		@media only screen and (max-width: 960px) {
			#all_bottom .footer_info {
				left: 0;
			}
		}
	.footer_info .copyright {
		height: 10px;
		width: 250px;

		color: #ffffff;

		position: absolute;
		top: 16px;
		left: 0px;

		text-align: right;
	}

		.footer_info .copyright a {
			color: #ffffff;
		}

	.footer_info .byline {
		height: 10px;
		width: 250px;

		color: #7da5d7;

		font-size: 10px;
		line-height: 15px;

		position: absolute;
		top: 34px;
		left: 0px;

		text-align: right;
	}

		.footer_info .byline a {
			color: #7da5d7;
		}

	#all_bottom .nav {
		height: 35px;
		width: 500px;

		color: #ffffff;

		font-size: 10px;
		line-height: 16px;

		position: absolute;
		top: 16px;
		left: 24px;
	}
	#all_bottom .nav a {
			color: #ffffff;

			line-height: 16px;

			display: inline-block;
		}

		#all_bottom .nav .banking_nav {
			padding-top: 1px;
		}

	.nav .bottom_nav_sep {
		display: inline-block;
		width: 2px;
		height: 10px;
		background-image: url(images/bottom_nav_sep.png);
		position: relative;
		/*margin-top: 5px;*/
		margin-left: 5px;
		margin-right: 5px;
		
	}


	.nav .bottom_nav_white_sep {
		display: inline-block;
		width: 2px;
		height: 10px;
		background-image: url(images/bottom_nav_white_sep.png);
		position: relative;
		/*margin-top: 5px;*/
		margin-left: 5px;
		margin-right: 5px;
		
	}

	.nav a.housing {
		display: inline-block;
		background-image: url(images/housing.png);
		background-repeat: no-repeat;
		background-position: 2px 2px;
		padding-left: 21px;
		background-size: 10%;
		
	}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0
}

.clearfix:before, .clearfix:after {
	content: '.';
	display: block;
	overflow: hidden;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0
}

.clearfix:after {
	clear: both
}

.clearfix {
	zoom: 1
}

@media only screen and (max-width: 960px) {
	body {
		font-size: 14px;
		line-height: 21px;
	}
	.homepage #all_bottom {
		background-image: none;
	}
	#all_bottom {
		height: auto;
	}
	#all_bottom .left, #all_bottom .right {
		display: none;
	}
	#all_bottom .nav {
		position: relative;
		left: 0;
		width: auto;
		text-align: center;
		height: auto;
	}
	#all_bottom .nav a {
		display: block;
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 8px;
	}
	#all_bottom .nav .bottom_nav_sep {
		display: none;
	}
	#all_bottom .nav .banking_nav {
		padding-top: 15px;
	}
	#all_bottom .nav .banking_nav a {
		display: inline-block;
		font-size: 12px;
	}
	#all_bottom .footer_info {
		position: relative;
		top: 0;
		bottom: 0;
		right: 0;
		margin: 15px auto 0;
	}
	.footer_info .copyright, .footer_info .byline {
		text-align: center;
		height: auto;
	}
}

@media only screen and (max-width: 1019px) {
	.top_bar {
		background-position: -4px 0;
	}
	.top_bar .right_image {
		display: none;
	}
	.top_bar .top_search {
		left: 755px;
	}
}

/*@media only screen and (min-width: 1024px) {
	#layout_grid {
		display: block;
	}
}*/