/*--------  Table of Contents --------------
1. Global, Redefine Default HTML
2. Page Layout
	2.1 Header
	2.2 Body
	2.3 Footer
3. Main Nav Tabs
4. Sub Navigation
5. Section Specific wells, etc.

--------------------------------------------
*/

/*  --- 1. Global, Redefine Default HTML  ----- */
body {
	margin: 0;
	padding: 0;
	font-family: 'Source Sans Pro', Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background: #eae9e5;

}
/* HTML5 display-role reset for older browsers */
img {border: 0px; }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block; }
	a:link {
		color: #0b5192;
		text-decoration: none;
	}
	a:visited {
		color: #09589F;
	}
	a:hover,
	a:focus {
		color: #3779b5;
	}
	p {
		line-height: 175%;
		margin: 12px 0px;
		padding: 0;
	}
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	.h1,
	.h2,
	.h3,
	.h4,
	.h5,
	.h6 {
		font-family: 'Source Sans Pro', Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;

	}
	h1 {font-size: 2.8em; margin-top: 0; color: #09589f;  }
	h2 { font-size: 2.1em; font-weight: 300; color: #1b7cba; }
	h3 { font-size: 1.6em; font-weight: 300; color: #1b7cba;}
	h4 { font-size: 1.2em; font-weight: 700; color: #000;}
	h5 { font-size: 1.2em; font-weight: 400; color: #1b7cba;}

	@media @sm-down {
		h1 {font-size: 2em; margin-top: 0; }
		h2 { font-size: 1.8em; }
		h3 { font-size: 1.6em; font-weight: 400;}
		h4 { font-size: 1.2em; font-weight: 400;}
		h4 { font-size: 1.2em; font-weight: 600;}
		h5 { font-size: 1em; font-weight: 700;}
	}
	h1:before,
	h2:before,
	h3:before,
	img:after,
	p:before,
	.h1:before,
	.h2:before,
	.h3:before {
		display: block;
		overflow: hidden;
		width: 120px;
		content: "";
	}
	ul {
		padding-left: 1em;
	}
	li {
		padding: .5em 0; line-height: 100%;
	}
	form {
		padding: 0px;
		margin: 0px;
	}
	.section-heading {
		text-transform: uppercase;
		letter-spacing: 2px;
		font-weight: bold;
		display: block;
		color: #000;
		opacity: 1;
		font-size: 1em;
	}
	.btn {
		border-radius: 0;
		border: 0;
		outline: 0 !important;
		padding: .4em 1em;
		font-size: 13px;
		transition: all 150ms ease-out;
		border-radius: 4px;
	}

	.btn-default:link, .btn-default:visited, .btn-default.disabled {
		color: #000 ;
		background: transparent;
		border: 2px solid rgba(0, 0, 0, 0.2);
		opacity: .7;
	}

	.btn-default:focus, .btn-default:hover {
		color: #0b5192 ;
		background: transparent;
		border: 2px solid rgba(0, 0, 0, 0.2);
		opacity: .9;
	}
	.btn-white:link, .btn-white:visited, .btn-white.disabled {
		color: #FFF;
		background: transparent;
		border: 2px solid rgba(255, 255, 255, 1);
	}
	.btn-primary:link, .btn-primary:visited, .btn-primary.disabled {
		color: #FFF !important;
		background: #0b5192;
		border: none;
	}

	.btn-primary:hover, .btn-primary:focus {
		background: #3779b5;
	}

    color: #FFF;
    background: #3779b5;
    font-weight: bold;
    font-size: 13px;
    display: inline-block;
    border: 1px solid #4e92ce;
    padding: 4px 12px;
    text-decoration: none;
    border-radius: 4px;

	/* --- 2. Page Layout  -------------  */

	.align-right,
	.align-left,
	.align-center > div {
		position: relative;
		max-width: 100%;
		display: inline-block;
	}

	.align-right {
		float: right;
		text-align: left;
		margin: 0 0px 15px 25px;
	}

	.align-left {
		float: left;
		text-align: left;
		margin: 0 25px 15px 0px;
	}

	.align-center {
		text-align: center;
		margin: 15px auto;
	}

	.align-right .caption,
	.align-left .caption,
	.align-center .caption {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		padding: 10px;
		font-size: 80%;
		color: #fff;
		background: #111;
		background: rgba(0,0,0,.7);
	}

	.embed-responsive {
		max-width: 100%;
	}


	.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
	/* -------- 2.1. Header -------------   */
	#header {
		width: 100%;
		margin: 0px;
	}
	#header .row>div {
		display: table-cell;
		float: none;
		vertical-align: middle;
		padding: 0;
	}

	#header .row>* {
		position: static;
	}
	#header, #header .row {
		height: 130px;
		display: table;
		width: 100%;
	}
	.outer-header-wrapper {
		background: #FFF;
		box-shadow: 0px 0px 10px rgba(0,0,0,.3)
	}

	#header-wrapper {
		width: 100%;
		margin: 0px auto;

	}


	#header #logo img {
		max-width: 315px;
	}
	#header #logo {

	}
	#header #header-right {
		width: 57.538em;
		float: left;
	}
	#header #header-top {
		text-align: right;
	}

	.search-form { margin: 20px 0px; display: block; }
	.search-form input[type=text] {border:1px solid #8AB1D4 ; margin: 2px; background: #8AB1D4; }
	.search-form input:focus {border: 0px; border:1px solid #8AB1D4;  }
	/* --------  2.2. Body Area -------- */

	/* Home Page */
	#banner {
		color: #fff;
		overflow: hidden;
	}
	#banner .overlay { position: absolute; width: auto; max-width: 600px; height: 380px; z-index: 100;}
	#banner-wrapper {
		margin: 0px auto;
		position: relative;
	}
	#banner .ban-item .img-shadow {
		position: absolute;
		width: 100%;
		height: 100%;
		box-shadow: inset 25px 0px 25px 0px #272c31, inset -25px 0px 25px 0px #272c31;
		max-width: 580px;
		top: 0;
		left: 0;
	}
	#banner .ban-item .photo {position: absolute; left: 0;   }
	#banner .ban-item .ban-content {position: absolute; width: auto; max-width: 340px; right: 0; top: 60px;  text-align: left; z-index: 100; }
	#banner .ban-item .ban-content h1 {color: #FFF;  }
	#banner .ban-item .button-std {margin-top: 10px; }
	.button-std:link, .button-std:visited {
		color: #FFF;
		background: #3779b5;
		font-weight: bold;
		font-size: 13px;
		display: inline-block;
		border: 1px solid #4E92CE;
		padding: 4px 12px;
		text-decoration: none;
		border-radius: 4px;
	}
	.button-std:hover, .button-std:focus {
		background: #4E92CE;
	}
	#banner h1, #banner h2, #banner h3, #banner h4 {
		color: #FFF;
	}

	.button-green:link, .button-green:visited {
		font-family: Rokkitt, courier new, times new roman;
		background-color: #1f5245;
		border: 1px solid #619084;
		color: #FFF !important;
		font-size: 16px;
		display: inline-block;
		padding: 4px 12px;
		text-decoration: none;
	}
	.button-green:hover, .button-green:focus {
		background: #4E92CE;
	}
	.outer-content-wrapper {

	}
	.content {
		width: 100%;
		overflow: hidden;
		margin-top: 30px;
	}
	.content-wrapper { margin: 0px auto;  overflow: hidden; }
	.content.home .content-wrapper{
	}
	.content.home{

	}
	.content-body img {
		max-width: 100%;
		height: auto;
	}

	.content-body ul {
		margin-left: 1em;
		padding-left: 0;
	}

	.content-body li {
		padding: .5em 1em .5em 0;
		position: relative;
		left: 1em;
	}

	.home .main-content .inner{
		background: #5b8dc4;
		color: #000;
		padding: 2em;
		overflow: hidden;

		a:link {
			color: #000;
			text-decoration: underline;
			font-weight: 700;
		}
		a:visited {
			color: #000;
		}
		a:hover, a:focus {
			color: #000;
		}
	}

	.inner a:link {
		font-weight: 700;
	}

	.home .main-content .inner h2, .home .main-content .inner h3, .home .main-content .inner h4 { color: #000; }

	.card-home.fb-wrapper, .card-home.news-wrapper, .card-home.events-wrapper {
		background: #fff;
		min-height: 500px;
		padding: 1em;
	}

	.fb-wrapper {
		width: 100%;
		padding: 0 !important;
	}

	.fb-page,
	.fb-page span,
	.fb-page span iframe[style] {
	    width: 100% !important;
	}

	.newsletter-wrapper {
		background: #fff;
		padding: 1em;
	}

	.newsletter-wrapper a {
		color: #fff;
	}

	.card-home {
		position: relative;
		display: inline-block;
		margin: 30px 0;
	}
	.card-home  .txt {
		position: absolute;
		padding: 1em;
		background: rgb(76, 132, 196);
		background: rgba(76, 132, 196, 0.9);
		bottom: 0;
		width: 100%;
		color: #FFF;
	}
	.card-home  .txt a { color: #FFF; }
	.card-home  .txt a:hover, .card-home  .txt a:focus { opacity: 1; }
	.card-home  .section-heading {
		text-transform: uppercase;
		letter-spacing: 2px;
		font-weight: bold;
		display: block;
		color: #000;
		opacity: 1;
		font-size: 1em;
	}
	.card-home  .section-heading.single-link:before {
		content: "\f105";
		display: inline-block;
		font-family: 'FontAwesome';
		font-size: 2em;
		opacity: .5;
		position: absolute;
		right: .5em;
		top: 50%;
		transform: translatey(-50%);
	}


	.card-home .card-list, .card-home .card-content {
		padding: 1em;
	}
	.card-home  ul {
		list-style-type: none;
		padding: 0;
		margin: .5em 0;
	}
	.card-home  ul li a:after {
		content: "\f105";
		display: inline-block;
		font-family: 'FontAwesome';
		margin-left: 8px;
	}

	.card-home .image img {
		width: 100%;
	}

	.card-quicklinks .section-heading {
		font-size: 1.6em;
	}

	.card-quicklinks a {
		font-size: 15px;
	}

	.card-quicklinks a:hover, .card-quicklinks a:focus {
		color: #09589f;
		font-weight: bold;
	}

	.links-bar {border-top: 1px solid #b8b8b3; padding: 6px; text-align: right; margin-bottom: 10px;  }
	.links-bar a:link, .links-bar a:visited {font-family: Rokkitt; font-size: 16px; text-decoration: none; font-weight: bold; background: url(../images/linksbar-arrow.png) no-repeat right; padding-right: 15px; }


	.content .sidebar {
		overflow: hidden;
	}

	.sidebar-well {
		margin-top: 30px;
	}

	.sidebar-well h2 {
		padding: 1em .5em .5em .5em;
	}

	.equal-height-columns {
		display: flex;
	}

	.row-pad {
		padding: 15px 0;
	}
	.content .subheading { color: #333; background: url(../images/subheading-bg.png) no-repeat left top; padding: 6px 10px 15px 10px; font-size: 20px;  margin: 20px 0px 0px 0px;}

	.news-headlines { list-style-type: none; padding: 0; margin: 10px 0px;  }
	.news-headlines li { margin: 10px;  }
	.news-headlines li a { display: block; text-decoration: none; }
	.news-headlines li .title {margin-top: 6px; font-weight: bold;    }
	.news-headlines li .date {display: block; color: #666; font-size: .83em;  }

	.quicklinks  {list-style-type: none; margin: 0px 10px 20px 0px; padding:0;  }
	.quicklinks li { padding: 0px;  }
	.quicklinks li a {
		display: block;
		color: rgb(0,0,0);
		color: rgba(0,0,0,0.8);
		padding: 1em 2em 1em 1em;
		font-size: 1.1em;
		position: relative;
		border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	}

	.quicklinks li:last-child a { border-bottom: none; }

	.quicklinks li a:before {
		content: "\f105";
		display: block;
		float: right;
		font-family: 'FontAwesome';
		font-size: 2em;
		position: absolute;
		right: .5em;
	}

	.quicklinks li a:hover::before, .quicklinks li a:focus::before {
		color: #fff;
	}

	.quicklinks li a:hover, .quicklinks li a:focus { color: #fff; background: #4c84c4; }

	.box-white {
		background: #fff;
		padding: 20px;
	}

	.box-white p {
		margin: 4px 0;
		padding: 0;
	}

	.box-white h4 {
		margin: 0px;  padding: 0px;
		text-transform: uppercase;
		letter-spacing: 2px;
		font-weight: bold;
		display: block;
		color: #000;
		opacity: 1;
		font-size: 1em;
	}

	.box-white .btn {
		margin-top: 10px;
	}

	.box-blue {background: #5b8dc4; padding: 20px; }
	.box-blue h4 {margin: 0px;  padding: 0px;  }
	.box-blue p {margin: 4px 0px;  padding: 0px;  }
	.box-blue .button-std {margin-top: 10px;   }

	/* Basic Secondary Page */
	.content.secondary .content-wrapper {
		background-color: #FFF;
		margin-bottom: 30px;
	}

	.content.secondary {

	}
	.titlebar h1 {
		color: #FFF;  margin: .5em 0;
	}

	.titlebar { color: #FFF; background: #1b7cba; }
	.titlebar .wrapper { margin: 0px auto; overflow: hidden; }

	.breadcrumb { margin: .5em 0; padding: 0; background-color: transparent; font-size: .8em;  }
	.breadcrumb a:link, .breadcrumb a:visited { color: #FFF; opacity: .6 }

	.page-sub-nav ul {list-style-type: none; margin: 15px 0; clear: both;}
	.page-sub-nav ul > li {
		text-transform: uppercase;
		letter-spacing: 2px;
		font-weight: bold;
		display: block;
		color: #000;
		opacity: .8;
		font-size: 1em;
	}
		.page-sub-nav ul ul { border: none; margin: 15px 5px 5px;
			padding: 0; }
			.page-sub-nav ul ul ul {}
			.page-sub-nav ul ul li {font-size: 1em;
				font-family: 'source-sans-pro', verdana, arial;
				border: none;
				padding: 4px 0;
				margin: 0px;
				background: none;
				text-transform: none;
				letter-spacing: 0;
				font-weight: normal;
				font-size: .9em;
			}

			/* -------- 2.3 Footer -------- */


			.footer {
				clear: both;
				overflow: hidden;
				background: #FFF;
				font-size: .9em;
				padding: 60px 0px;
			}
			.footer-wrapper {
				margin: 20px auto;
			}

			.footer .links {
				list-style-type: none;
				padding: 0;
				margin: 0;
			}

			.footer .footer-upper {
				padding-bottom: 30px;
				}
				.footer .lower {
				padding-top: 30px;
				border-top: 1px solid rgba(0,0,0,.2);
			}
			.footer .credit a {
				line-height: 1em; color: #000; font-size: .8em;
			}

			/* --- 3. Main Nav Tabs  ------------- */

			#nav-bar {
				line-height:normal;
				width: 100%; height: 5.077em;
				clear: both;
				float: right;
			}
			#nav-bar .nav-wrapper { margin: 0px auto; }
			#nav-bar ul {
				margin:0;
				padding:0;
				list-style:none;
				width: auto;
				float: right;
			}
			#nav-bar li {
				float:left;
				padding: 0px !important ;
				position: relative;
			    width: 8.5em;
			    word-wrap: break-word;
			    word-break: break-word;
			    text-align: center;
			}
			#nav-bar #nav > li {
				max-width: 9em;
				width: auto;
			}
			#nav-bar > ul  li {

			}
			#nav-bar a {
				float: left;
				display:block;
				padding: .5em 1em;
				text-decoration:none;
				font-weight:normal;
				color: #000;
				font-size: 1em;
				position: relative;
				border-bottom: 2px solid transparent;
			}
			#nav-bar > ul a {
				width:auto;   border-bottom: 2px solid transparent;
			}

				#nav-bar ul  .housing > a:before {
					content: ' ';
					background: url(/images/icon-home.svg);
					height: 30px; width: 30px;
					background-size: 30px 30px;
					display: block;
					margin: .3em auto;
				}

				#nav-bar ul  .housing:hover > a:before,
				#nav-bar ul  .housing.sfHover > a:before {
					background: url(/images/icon-home-white.svg);
					background-size: 30px 30px;
				}
				#nav-bar ul  .business > a:before {
					content: ' ';
					background: url(/images/icon-business.svg);
					height: 30px; width: 30px;
					background-size: 30px 30px;
					display: block;
					margin: .3em auto;
				}
				#nav-bar ul  .business:hover > a:before,
				#nav-bar ul  .business.sfHover > a:before {
					background: url(/images/icon-business-white.svg);
					background-size: 30px 30px;
				}
				#nav-bar ul  .employment > a:before {
					content: ' ';
					background: url(/images/icon-employment.svg);
					height: 30px; width: 30px;
					background-size: 30px 30px;
					display: block;
					margin: .3em auto;
				}
				#nav-bar ul  .employment:hover > a:before,
				#nav-bar ul  .employment.sfHover > a:before {
					background: url(/images/icon-employment-white.svg);
					background-size: 30px 30px;
				}

				#nav-bar ul .home > a:before {
					content: ' ';
					background: transparent;
					height: 30px; width: 30px;
					background-size: 30px 30px;
					display: block;
					margin: .3em auto;
				}

				#nav-bar ul  .about > a:before {
					content: ' ';
					background: url(/images/icon-about.svg);
					height: 30px; width: 30px;
					background-size: 30px 30px;
					display: block;
					margin: .3em auto;
				}
				#nav-bar ul  .about:hover > a:before,
				#nav-bar ul  .about.sfHover > a:before {
					background: url(/images/icon-about-white.svg);
					background-size: 30px 30px;
				}
				#nav-bar ul  .contact > a:before {
					content: ' ';
					background: url(/images/icon-contact.svg);
					height: 30px; width: 30px;
					background-size: 30px 30px;
					display: block;
					margin: .3em auto;
				}
				#nav-bar ul  .contact:hover > a:before,
				#nav-bar ul  .contact.sfHover > a:before {
					background: url(/images/icon-contact-white.svg);
					background-size: 30px 30px;
				}

				/* Commented Backslash Hack hides rule from IE5-Mac \*/
				#nav-bar a {float:none;}
				/* End IE5-Mac hack */
				#nav-bar a:hover, #nav-bar a:focus {
					border-bottom: 2px solid #CCC;
				}
				#nav-bar #current {
					border-width:0;
				}
				#nav-bar #current > a {
					border-bottom: 2px solid #EDEDED;
				}
				#nav-bar ul li:hover, #nav-bar li#current:hover,
				#nav-bar ul li:focus, #nav-bar li#current:focus {
					z-index: 20;
				}
				#nav-bar ul li:hover a,
				#nav-bar ul li:focus a {
					z-index: 20;
					}

				#nav-bar #nav > li > a {
					font-size: 1em;
				}

				#nav-bar ul li > a:hover, #nav-bar ul li > a:focus, #nav-bar #nav > li.sfHover > a {
					color: #FFF;
					background: #4c84c4;
				}

				#nav-bar ul li:hover > a:before,
				#nav-bar ul li:focus > a:before  {
					color: #FFF;
				}
				/* Main Nav Drop Downs */
				#nav, #nav ul {
					margin: 0px 0px 0px 0px;
				}

				/* -- 1st Level Drop down --*/
				#nav li ul {
					position: absolute;
					left: -999em;
					height: auto;
					width: 16em;
					w\idth: 16em;
					font-weight: normal;
					padding: 2em 1em;
					z-index: 18;
					background: #FFF;

				}
					#nav > li > ul  {
			box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.3);
					}
				#nav li li {
					width: 16em;
					background-image: none;
					float: left;
					padding: 0px 1em;
					text-align: left;
				}
				#nav li ul a {
					background-image: none;
					text-transform: none !important;
					line-height: 1em;
					border: none !important;
					color: #000;
				}

				/* -- 2nd Level Drop down, offset --*/
				#nav li ul ul {
					margin: -30px 0 0 250px;
				}

				#nav ul li li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfHover ul ul, #nav li.sfHover ul ul ul {
					left: -999em;
				}

				#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfHover ul, #nav li li.sfHover ul, #nav li li li.sfHover ul {
					left: auto;
				}

				#nav li.about:hover ul,
				#nav li.housing:hover ul,
				#nav li.about.sfHover ul, 
				#nav li.housing.sfHover ul {
					left: -337px;
				}

				#nav li.business:hover ul,
				#nav li.business.sfHover ul {
					left: -202px;
				}

				#nav ul li:hover, #nav ul li:focus, #nav ul li.sfHover {
					background: #FFFFFF;
				}

				/*** arrows **/
				#nav a.sf-with-ul {
					padding-right: 	36px;
					min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
					position: relative;
				}

				.sf-sub-indicator {
					position:		absolute;
					display:		block;
					right:			15px;
					top:			15px; /* IE6 only */
					width:			10px;
					height:			10px;
					text-indent: 	-999em;
					overflow:		hidden;
					background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
				}

				a > .sf-sub-indicator {  /* give all except IE6 the correct values */
					top:			15px;
					background-position: 0 -100px; /* use translucent arrow for modern browsers*/
				}

				/* apply hovers to modern browsers */
				a:focus > .sf-sub-indicator,
				a:hover > .sf-sub-indicator,
				a:active > .sf-sub-indicator,
				li:hover > a > .sf-sub-indicator,
				li.sfHover > a > .sf-sub-indicator {
					background-position: -10px -100px; /* arrow hovers for modern browsers*/
				}

				/* point right for anchors in subs */
				#nav ul .sf-sub-indicator { background-position:  -10px 0; }
				#nav ul a > .sf-sub-indicator { background-position:  0 0; top:	10px;}
				/* apply hovers to modern browsers */
				#nav ul a:focus > .sf-sub-indicator,
				#nav ul a:hover > .sf-sub-indicator,
				#nav ul a:active > .sf-sub-indicator,
				#nav ul li:hover > a > .sf-sub-indicator,
				#nav ul li.sfHover > a > .sf-sub-indicator {
					background-position: -10px 0; /* arrow hovers for modern browsers*/

				}

				/* ----- Mega Drop-Downs ----- */

				#nav .mega ul{
					padding: 30px 0px 30px 0px !important;
					margin: 0px !important;
				}
				#nav .mega.col1 ul {
					width: 270px;
				}
				#nav .mega.col2 ul {
					width: 540px;
				}
				#nav .mega.col3 ul {
					width: 810px;
				}
				#nav .mega.col3.second ul {
					margin-left: -200px;
				}
				#nav .mega ul ul{
					width: auto !important;
					position: static;
					display: block !important;
					visibility: visible !important;
					margin: 10px 0 0 0;
					padding: 0 !important;
					background: none;
				}
				#nav .mega li{
					float: left;
					width: 259px;
					padding: 0px !important;
					margin: 0px 0px 0px 0px !important;
				}

				#nav .mega.col1 li, #nav .mega.col2 li.col-2, #nav .mega.col3 li.col-3 {
					clear: both;
				}

				#nav .mega.col1 li.col-1, #nav .mega.col2 li.col-2, #nav .mega.col2 li.col-3, #nav .mega.col3 li.col-3, #nav .mega.col3 li.col-4, #nav .mega.col3 li.col-5 {
					margin-top: 10px !important;
				}

				#nav .mega li.first {margin-left: 0px !important; }

				#nav .mega li a.title {
					color: #09589f;
					font-size: 18px;
				}

				#nav .mega li a.title:hover, #nav .mega li a.title:focus  {
					color: #fff;
				}

				#nav .mega li:hover, #nav .mega li:focus {
					background: none;
				}
				#nav .mega li li{
					float: none;
					border-right: none;
					margin: 0px !important;
				}
				#nav .mega li li.first {margin-left: 0px !important; }
				#nav .mega li .sf-sub-indicator{
					display: none;
				}
				#nav .mega li a {
					font-weight: bold;
					padding: 5px 0 5px 10px !important;
					margin: 0px 20px 0px 20px  !important;
				}
				#nav .mega li a:hover, #nav .mega li a:focus{

				}
				#nav .mega li li a{

					font-size: 1em;
					font-weight: normal;

					padding: 0;
				}

				/* Mega Drop Downs */

/*#nav li ul.dropdown-lg {
	overflow: hidden;
	}
#nav li ul.dropdown-lg.living {
	width: 820px;
	margin-left: 0px;
	}
#nav li ul.dropdown-lg.working {
	width: 820px;
	margin-left: -200px;
	}

#nav ul.dropdown-lg .title  { 	}
#nav ul.dropdown-lg .title  a {
	font-family: Rokkitt !important;
	font-size: 18px;
	font-weight: bold;
	background: transparent;
	font-family:  arial, sans-serif;
	padding-bottom: 20px;
	}
#nav li ul.dropdown-lg li { width: 100%; padding: 0px !important;}
#nav li ul.dropdown-lg a {	background: none !important;}
#nav li ul.dropdown-lg li a:link, #nav li ul#products-nav li a:visited {background: transparent !important;}
#nav li ul.dropdown-lg li a:hover {background: #45927E !important;}
#nav li ul.dropdown-lg li a {	padding: 4px 26px !important; }
#nav li ul.dropdown-lg li:hover {background: transparent !important;}

#nav li ul.dropdown-lg li ul {
	margin: 0;
	position: static;
	border: none;
	width: 260px;
	background: transparent !important;
}

#nav li ul.dropdown-lg li ul li{ width: 235px; }
#nav li ul.dropdown-lg .nav-row {
width: 260px; float: left;
border-right: 1px solid #3F8472;
margin-top: 20px;
margin-bottom: 20px;
}
#nav li ul.dropdown-lg .end {	border-right: 0px; 	}*/


/* --- 4. Sub Navigation  ------------- */

	.sub-nav ul {list-style-type: none; margin: 0 0 2em;  padding:0;  }
	.sub-nav li { padding: 0px;  }
	.sub-nav li a {
		display: block;
		color: #000;
		padding: 0.5em 2em 0.5em 1em;
		opacity: .8;
		font-size: 1em;
		position: relative;

	}
	.sub-nav ul > li a {
		border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	}
	.sub-nav > li:last-child a { border-bottom: none; }

.sub-nav .section-title a
{
	display: block;
    font-size: 18px;
    font-weight: bold;
    padding: .5em 2em 0 .5em;
}
.sub-nav  .current > a {
	background: #eae9e5;
    font-weight: bold;
}
.sub-nav h3 {
	margin: 0px 0px 6px 20px;
}
.sub-nav li  a:hover, .sub-nav li  a:focus {
	background-color:  #09589f;
	color: #fff;
}
.sub-nav ul ul  {
	padding: 0px 0px 6px 15px;
	margin: 0px;
	border: none;
}

.sub-nav li li {
	background: none;
	border: none;
	margin: 0px;
}

.sub-nav  li ul li {
	padding-left: 0px;
}
.sub-nav  li ul li a:link,  .sub-nav  li ul li a:visited {

	padding: 6px 2px 6px 12px;
}
.sub-nav li ul li a:hover, .sub-nav li ul li a:focus {
	background-color:  #09589f;
}

.sub-nav ul > li ul {
	display: none;
}

.sub-nav ul.has-sub, .sub-nav ul li.current > ul {
	display: block;
}

/* --- 4. Section Specific, wells, etc. ------------- */



/* ----- Default Form Elements ----- */
input {
	border: 1px solid #CCC;
	background-color: #FFF;

}
input, textarea {
	padding: 4px 4px;
	font-size: 12px;
	color: #333333;
	border: 1px solid #CCC;
	background-color: #FFF;
	font-size: 14px;
}
select {
	border: 1px solid #CCCCCC;
	background-color: #EDEDED;
	padding: 2px;
	height: 23px;
}
input:focus, textarea:focus {
	border-color: #AECBE6;
}
input.form-button {
	font-family: Rokkitt, courier new, times new roman;
	background-color: #1f5245;
	color: #FFF;
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
	border: 1px solid #619084;
	margin: 0px 2px;
	overflow:visible;
	padding: 4px 4px 2px 4px;
}
input.form-button:hover, input.form-button:focus {
	background-color: #3e8875;
	cursor: pointer;
}

/* ----- Mobile Header --------  */
.header-mobile {
	color: #FFF;
	text-align: center;
	min-width: 280px;
	background: #FFF;
	border-bottom: 1px solid #666;
	position: fixed; width: 100%;
	z-index: 101;
}
.header-mobile .logo {
	width: 70%; float: left; text-align: left;
}
.header-mobile .logo img { max-height: 50px; }
.header-mobile a { color: #FFF; }
.navbar-mobile {
	margin-bottom: -1px;
	overflow: hidden;
	z-index: 5000;
	position: relative;
}
.navbar-mobile ul {	margin: 0; padding: 0; float: left; width: 30%; display: inline-block;}
.navbar-mobile ul li { display: inline-block; margin: 0; padding: 0; }
.navbar-mobile ul li.item1 {width: 50%; }
.navbar-mobile ul li.item2 {width: 50%; }
.navbar-mobile ul li.item3 {width: 50%; }
.navbar-mobile ul li.item4 {width: 50%; }
.navbar-mobile ul > li >  a {
	display: block;
	padding: 6px 0px;
	font-size: 14px;
	line-height: 40px;
	color: #000; margin: 0;
}
.navbar-mobile ul li:first-child a { border: none; }

.navbar-mobile .mobile-home-btn span {
	width: 30px; height: 30px;
	display: inline-block;
	vertical-align: middle;
	background: url(../images/mobile-nav-icons.png) no-repeat right 0px;
}
.navbar-mobile .mobile-search-btn span {
	width: 30px; height: 30px;
	display: inline-block; vertical-align: middle;
	background: url(../images/mobile-nav-icons.png) no-repeat right -30px;
}
.navbar-mobile .mobile-menu-btn span {
	width: 30px; height: 30px;
	display: inline-block; vertical-align: middle;
	background: url(../images/mobile-nav-icons.png) no-repeat right -60px;
}
.navbar-mobile .highlight {background: #444; color: #FFF; }

.header-mobile .mobile-nav .title {font-size: 18px;	color: #B4D2EA; margin-top: 15px;  }
.header-mobile .mobile-nav {
	display: none;
	position: absolute;
	z-index: 2000;
	background: #444;
	width: 100%;
	left: 0;
	text-align: left;
	border-bottom: #666 1px solid;
	border-top: #666 1px solid;
}

.header-mobile .dropdown-menu {
	position:           relative;
	float:              none;
	-moz-box-shadow:    none;
	-webkit-box-shadow: none;
	background-color:   transparent;
	border:             none;
	box-shadow:         none;
}

.header-mobile .mobile-nav ul li a {
	color: #FFF;
	display: block;
	padding: 6px;
	font-size: 14px;
	border-left: none;
}
.header-mobile .mobile-nav ul {
	list-style-type: none; padding: 25px; margin: 0;
}
.header-mobile .mobile-nav ul li {
	border-bottom: 1px solid #666;
}
.header-mobile .mobile-nav ul li > a {display: block; }
.header-mobile .mobile-nav ul ul {padding: 10px 15px 15px 15px; margin: 0;}
.header-mobile .mobile-nav ul li li a {font-size: 14px; padding: 2px;}
.header-mobile .mobile-nav ul li li  { border-bottom: 0;}

.header-mobile .mobile-nav .dropdown-menu {
	position:         relative;
	background-color: transparent;
	border:           none;
	float:            none;
}

.mobile-search {
	display: none;
	position: absolute;
	z-index: 2000;
	background: #444;
	width: 100%;
	left: 0;
	text-align: left;
	padding: 40px;
	border-bottom: 1px solid #666;
	border-top: 1px solid #666;
}
.mobile-search h2 {color: #FFF; font-weight: normal; margin-top: 0; font-size: 18px; }


.community-list a {
margin: 30px 0;
display: block;

}
.community-list a span {
	display: block;
	margin: 15px;
	font-weight: bold;
	font-size: 1.2em;
}

table.responsive-table {
	display: inline-table;
}
table.responsive-table td {
	padding: 10px;
	vertical-align: top;
}
table.responsive-table td img {
	max-width: 100%;
}


@media  (max-width: 480px) {

	.align-left,
	.align-right {
		display: block;
		text-align: center;
		margin: 15px auto;

		> div, img {
			max-width: 100%;
			display: inline-block;
		}
	}

	.caption {
		position: static;
		padding-left: 0;
		padding-right: 0;
		font-size: 80%;
		color: #777;
		background: none;
	}

}

/* fix for google map info windows */
.gm-style {
	line-height: initial !important;

	img {
		max-width: none !important;
	}
}

/* #Media Queries
================================================== */

/* XXLarge desktop */
@media  (min-width: 1660px) {
	.container {	width: 1630px;  }
	body { font-size: 18px; }
}

/* XLarge desktop */
@media  (min-width: 1400px) and (max-width: 1659px) {
	.container {	width: 1330px; }
	body  { font-size: 16px; }
}

@media (max-width: 1199px) {

	#nav-bar li {
		width: 7.25em;
	}

	#nav-bar #nav > li {
		max-width: 8em;
		width: auto;
	}

	#nav-bar a {
		padding: .5em .5em;
	}

}

@media  (min-width: 1200px) and (max-width: 1399px) {
	body  { font-size: 16px; }
}

@media (max-width: 1200px)  and (max-width: 979px) {{
	body  { font-size: 15px; }
}

/* Portrait tablet to landscape and desktop */
@media  (min-width: 768px) and (max-width: 979px) {
#header { height: auto; }
	.titlebar {
		margin-top: 52px;
	}
	.sidebar-well h3 {
		padding: 0 .5em;
	}
	#nav-bar li {
		margin-left:  0;
		margin-right: 0;
	}

	#nav li li {
		width:     auto;
	}

	#nav li ul {
		width: 180px;
	}

	#nav .mega li {
		width: 160px;
	}

	#nav .mega.col3 ul {

	}

	#banner .banner-description {
		top:    auto;
		bottom: 60px;
	}
	.equal-height-columns {
		flex-direction: column;
	}
}

/* Landscape phone to portrait tablet */
@media  (max-width: 767px) {

	#logo, .search-box {text-align: center !important;}
	#header { height: auto; }#banner { }
	/* ----- Mega Drop-Downs ----- */
	.nav-collapse.in.collapse { height: auto !important; }
	.nav ul li a.title { margin-left: 0; }
	.content {}
	.img-right, .img-left { float: none; margin: 0px 0px 10px 0px; width: auto;   }
	.img-right img, .img-left img {max-width: 100%;}
	.video-container {min-width: 100%; }
	.sidebar-well h3 {
		padding: 0 .5em;
	}
	#banner {
		margin-top: 52px;
	}

	#banner .banner-description {
    left: 0;
    bottom: 0px !important;
    transform: none;
    top: initial;
    max-width: 100%;
    width: 100%;
background: rgba(76, 132, 196, 1);
	}

	.titlebar {
		margin-top: 52px;
	}

	.equal-height-columns {
		flex-direction: column;
	}
	.equal-height-columns {
		display: block;
	}
		.card-home.news-wrapper, .card-home.events-wrapper, .newsletter-wrapper {
			min-height: auto;
}
.content-body img {
		float: none !important;
		margin: 0 !important;
	}
 	table.responsive-table, table.responsive-table thead, table.responsive-table tbody, table.responsive-table th, table.responsive-table td, table.responsive-table tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	table.responsive-table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	table.responsive-table tr { }

	table.responsive-table td {
		/* Behave  like a "row" */
		border: none;
		position: relative;
		text-align: center;
		width: 100% !important;
	}
	table.responsive-table img {display: inline-block !important;}
	table.responsive-table td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}
}



/* Landscape phones and down */
@media  (max-width: 480px) {
}