/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700|Bitter:400,700,400italic);
@import url(https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
html { overflow-y: scroll; } /* force vertical scrollbars */

body {
	text-align:center;
	font-family: 'Droid Sans', sans-serif;
	font-size: 13px;
	color: #283a4b;
	line-height: 1.69em;
	background-color: #f7f6f4;
}

p { margin: 0 0 1.5em 0; }


h1, h2, h3, h4, h5, h6 {
	font-family: 'Bitter', serif;
	margin: 0 0 .25em 0;
	line-height: 1.1em;
	color: #5e6e65;
	font-weight: normal;
}

h1:target,
h2:target,
h3:target  {
   background-color: #ffa;
   padding:1em;
   margin-top:2em;
}

h1 { font-size: 2em; margin: 0 0 .5em 0; }
h2 { font-weight: normal; font-size: 1.4615em; }
h2 a { text-decoration: none; color: #752325; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #dbd2b8; margin: 2em 2.7%; padding: 0; }

a { color: #762123; }

#content img.attachment-featured { 	border: 4px solid #fff;	box-shadow: 0 3px 5px #999; margin-bottom: 1.5em }
	#content img.rounded { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
	#content img { border: 4px solid #fff;	box-shadow: 0 3px 5px #999; margin-bottom: 1.5em }
	#content img.noborder { border: none;	box-shadow: none;  }

#content .alignright { float: right; margin: 0 0 1em 1em; }
#content .alignleft { float: left; margin: 0 1em 1em 0; }

/* general page layout */

.container { 
	width: 980px;
	text-align: left;
	margin: 0 auto;
	padding: 0 10px;
	position: relative;
}

header {
	width: 100%; min-width: 1000px;
	background-color: #e3b000;
	padding-bottom: 11px;
	box-shadow: 0 3px 4px #666;
	position: relative;
	z-index: 100;
}

	header nav#utility {
		background-color: #752325;
		color: #fff;
		font-size: 1.0769em;
		padding: 4px 0;
		text-align: right;
	}
		header nav#utility a { color: #fff; }
		
	header nav#main {
		background-color: #7B7d7c;
		color: #dbd2b8;
		font-family: 'Bitter', serif;
		font-size: 1.2307em;
		box-shadow: 0 3px 4px #333;
	}
		header nav#main a {color: #dbd2b8;}
		header nav#main li.current-menu-item a,
		header nav#main li.current-menu-ancestor a { color: #fff; }



/* header */
	header a { text-decoration: none; border: 0; }

	header #utility ul { margin:0; padding: 0 14px 0 0; float: right;}
		header #utility ul li { list-style-type: none; display: inline-block; padding: 5px 9px; }


	#search { float: right; width: 300px; position: relative; }
		#search #s { 
			width: 284px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			border: 1px solid #ccc;
			font-size: .9em; color: #777;
			line-height: 1em;
			padding: 6px 8px;
		}
		#search #submit {
			width: 16px; height: 16px;
			text-indent: 20px;
			white-space: nowrap;
			overflow: hidden;
			background: #fff url(../img/search.gif) center center no-repeat;
			border: none;
			position: absolute; right: 5px; top: 6px;
		}
	
	header nav#main ul {
		padding: 0; margin: 0 -15px 0 0;
		text-align: right;
	}
		header nav#main ul li {
			display: inline-block;
			border-left: 1px solid #999;
		}
			header nav#main ul li:first-child { border-left: 0; }
			header nav#main ul li a {
				display:block;
				padding: 25px 15px;
			}
			
			header nav#main ul ul { display: none; /* will return in mobile layout */ }


	header #logo {
		position: absolute; 
		left: 10px; top: 0;
		background-color: #efebe2;
		padding: 15px 33px 13px 33px;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
		box-shadow: 2px 3px 4px #666;
	}


/* homepage content */

#content { 
	background-color: #fff; 
	text-align: left; 
	position: relative; 
	margin: 40px 0 25px -300px;
	border: 1px solid #e7e7e7;
	border-top: 6px solid #dbd2b8;
	padding: 25px;
	width: 628px; 
	float: right;
}

body.embed #content { 
	background-color: #fff; 
	text-align: left; 
	position: relative; 
	margin: 0;
	border: 1px solid #e7e7e7;
	border-top: 6px solid #dbd2b8;
	padding: 4%;
	width: auto;
	float: none;
}

body.embed ol, body.embed ol ol, body.embed ol ol ol,
body.embed ul, body.embed ul ul, body.embed ul ul ul,
body.embed ol ul, body.embed ol ul ul,
body.embed ul ol, body.embed ul ol ol {
    padding: 0 0 0 0.8rem;
}


	body.home #content, 
	body.regional.page-template-template-regional-homepage-php #content {
		border: 1px solid #e0e0e0;
		padding: 30px 25px 10px 25px;
		margin: 15px 0 25px 0;
		margin-bottom: 25px; margin-top: 15px; 
		width: 928px; float: none;
	}

	body.home #content .column,
	body.regional.page-template-template-regional-homepage-php #content .column
	{
		margin-left: 5.1020%;
		width: 29.932%;
		float: left;
	}
		body.home #content .column.first, body.regional.page-template-template-regional-homepage-php #content .column.first { margin-left: 0; }
		
		body.home #content h3,
		body.regional.page-template-template-regional-homepage-php #content h3
		{
			color: #7b7d7c;
			font-size: 1.3846em;
			margin-bottom: 1.3333em;
			font-weight: normal;
			margin-bottom: 8px;
		}
		
		

		h4
		{
			color: #752325;
			font-size: 1.3846em;
			margin-bottom: 1.3333em;
			font-weight: normal;
			margin-bottom: 8px;
		}
		
		
			body.home #content .column img,
			body.regional.page-template-template-regional-homepage-php #content .column img
			{
				max-width: 100%; height: auto;
				margin-bottom: 2em;
			}
			
		body.regional.page-template-template-regional-homepage-php #mission {
			float: left;
			width: 64.966%;
			font-size: 1.2307em; line-height: 1.75em;
			color: #752325;
			font-family: 'Bitter', serif;
		}
		
		body.regional.page-template-template-regional-homepage-php #content .column {
			margin-right: 5.1020%; margin-left: 0;
			width: 29.932%;
			float: right;
		}
			body.regional.page-template-template-regional-homepage-php #content .column.first { margin-right: 0; height: 100%; }
			
		body.regional.page-template-template-regional-homepage-php #content { color: #6e6163; }
			
		.widget.recent-posts {
			background-color: #f8f6f3; 
			border: 4px solid #fff;
			box-shadow: 0 3px 5px #999;
			padding: 17px 11px;
			line-height: 1.2307em;
			height: 88%;
		}
			body.home #content .widget.recent-posts h3,
			body.regional.page-template-template-regional-homepage-php #content .widget.recent-posts h3  { color: #752325; }
			
			.widget.recent-posts a { color:#6e6163; text-decoration:none; }
			.widget.recent-posts ul { margin: 0; padding: 0 0 0 2ex; }
				.widget.recent-posts ul li { margin-bottom: 1em; }
		
aside {
	background-color: #fff; 
	text-align: left; 
	position: relative; 
	margin-top: 40px; margin-bottom: 25px; 
	border: 1px solid #e7e7e7;
	border-top: 6px solid #dbd2b8;
	padding: 25px 10px;
	width: 272px; 
	float: left;
}


	aside h3 { 
		color: #762123;
		font-size: 1.3846em;
		margin-bottom: .5em;
	}
		aside h3 a { color: #762123; }
	
	
/* side menu */

aside nav, aside ul.menu { margin-bottom: 1em; }
	aside nav a, aside ul.menu a { text-decoration:none; }

aside nav ul, aside ul.menu {
	font-size: 1.1538em;
	font-family: 'Bitter', serif;
	margin: 0 0 0 -10px;
	padding: 0;
	width: 292px;
	list-style-type: none;
}

	aside nav ul a, 
	aside ul.menu a { 
		color: #5e6e65;
		padding: 7px 25px 2px 25px;
		display: block;
		min-height: 29px;
		overflow: hidden;
	}
	
			aside nav ul li.current-menu-item, 
			aside nav ul li.current-menu-ancestor, 
			aside ul.menu li.current-menu-item, 
			aside ul.menu li.current-menu-ancestor 
			{
				margin-right: -6px; background: url(../img/menu-arrow.png) right top no-repeat;
			}
			
			aside nav ul ul li.current-menu-item, 
			aside nav ul ul li.current-menu-ancestor,
			aside ul.menu ul li.current-menu-item, 
			aside ul.menu ul li.current-menu-ancestor			
			{
				margin-right: 0; background: none;
			}
			
			aside nav ul li.current-menu-item li, 
			aside nav ul li.current-menu-ancestor li, 
			aside ul.menu li.current-menu-item li, 
			aside ul.menu li.current-menu-ancestor li 
			{ margin-right: 0;  }
			
		aside nav ul li.current-menu-item a, 
		aside nav ul li.current-menu-ancestor a,
		aside ul.menu li.current-menu-item a, 
		aside ul.menu li.current-menu-ancestor a
		{
			/*background: #5e6e65 url(../img/menu-arrow.png) right top no-repeat;*/
			background-color: #5e6e65;
			color: #fff;
			margin-right: 6px;
		}
		
			aside nav ul li.current-menu-ancestor ul a, 
			aside nav ul li.current-menu-item ul a,
			aside ul.menu li.current-menu-ancestor ul a, 
			aside ul.menu li.current-menu-item ul a 			
			{ background: none; color: #5e6e65; }
			aside nav ul ul li.current-menu-item a,
			aside ul.menu ul li.current-menu-item a{ color: #752325; background: url(../img/menu-tertiary-on.gif) 36px 14px no-repeat; }
	
	aside nav ul ul,
	aside ul.menu ul{
		background-color: #ede8db;
		margin-left: 0px;
		font-size: 0.86666em;
	}
	aside nav ul ul a,
	aside ul.menu ul a{
		padding: 10px 2px 10px 51px;
		height: auto; overflow: visible;
		line-height: 1.1em;
	}


	aside nav ul.sub-menu { display: none; }
		aside nav li.current_page_item ul.sub-menu,
		aside nav li.current_page_ancestor ul.sub-menu
		aside ul.menu li.current_page_item ul.sub-menu,
		aside ul.menu li.current_page_ancestor ul.sub-menu
		{ display: block; }

/* banner */

#banner {
	position: relative;
	width: 100%;min-width: 1000px;
	background-color:#283a4b;
	z-index: 0;
	border-bottom: 13px solid #e3b000;
	box-shadow: 0 3px 4px #333;
	margin-bottom: 20px;
}

	html.js #banner #slides .slide { display: none; } /* prvent flash of other slides as they're loading */

	#banner #slides { 
		position: relative;
		height:485px;
		overflow: hidden;
		max-width: 1165px;
		margin: 0 auto;
	}
		#banner .slide { position: absolute; 	}
		
			#banner .slide div.text {
				position: absolute;
				left: 110px;
				top: 125px;
				text-align: left;
				font-family: 'Bitter', serif;
				font-weight: normal;
				font-size: 2.69em;
				line-height: 1.2em;
				/*color:#58769e;*/
			}
			#banner .slide a { display:inline-block; }
			
		#banner #slidenav { 
			position: absolute; z-index: 101;
			left: 0; top: 0;
			/*height: 100%;*/
			width: 100%;
		}			
		
		#banner a.prev, #banner a.next {  
			text-indent: 100%;
			white-space: nowrap;
			overflow: hidden;
			position: absolute; 
			height: 485px; width: 60px; 
			top: 0; left: 0; 
			background: url(../img/slide-prev.png) left center no-repeat;
			cursor: pointer;
		}
		
			#banner a.next { background: url(../img/slide-next.png) right center no-repeat; right: 0; left:auto; }



	#banner #slogan {
		width: 98%;min-width: 1000px;
		/*color:#e3b000;
		font-size: 3.6923em; line-height: 1.4em;
		font-weight: 700;
		font-family: 'Bitter', serif;*/
		position: absolute;
		bottom: 0; left: 0;
		border-bottom: 8px solid #283a4b;
		background: rgba(21,49,97,.6);
		padding: 24px 0 15px 2%;
		/*text-shadow: 0 0 10px rgba(0,0,0,1);*/
		z-index: 100;
	}



/* footer */
footer { 
	width: 100%;
	background-color: #6e7d75;
	color: #fff;
}
footer a { color: #fff; text-decoration: none; }

footer #copyright {
	background-color: #283a4b; 
	font-size: .9230em;
	padding: 1em 0;
}

a.social-icons { 
	font-size: 18px;
	margin: .2em .2em 0 .5em;
	display: inline-block;
}

footer a.social-icons {
	font-size: 32px;
	margin: 25px 15px 20px 0;
}

footer .social { margin: 25px 15px 20px 0; display:inline-block; }

footer ul {	float: right; font-size: 1.0769em;	}

footer li { display: inline-block; margin-left: 2em; padding-top: 15px; }
		
		
		
/* CTA widget */

.widget_sr_cta a { text-decoration: none; font-family: 'Bitter', serif; }
.widget_sr_cta h4 { margin: 0; padding: 13px 10px .3em 10px; font-weight: normal; font-size: 1.75em; line-height: 1.2173em; }
.widget_sr_cta p { margin: 0; padding: 0 10px 13px 10px; text-align: right; font-style:italic; font-size: 1.2307em; }
.widget_sr_cta img { margin: 0 !important; border: 0 !important; box-shadow: none !important; width: 100%; height: auto; }

.widget_sr_cta div.cta {
	border: 4px solid #fff;	box-shadow: 0 3px 5px #999;
	margin-bottom: 1.5em;
}
	.widget_sr_cta div.cta div { margin-bottom: 0; /*padding: 13px 15px 12px 10px;*/ }

	.widget_sr_cta div.rounded, .widget_sr_cta div.rounded div {
		-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	}


/* regional specific */

header a.back img { margin-top: 5px; }

body.regional header { padding-bottom: 25px; }
	body.regional.page-template-template-regional-homepage-php header { padding-bottom: 0px; }
body.regional nav#main {
	background-color: #3d5a86;
}

body.regional header #logo {
	position: absolute; 
	left: 10px; top: 37px;
	padding: 0;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	box-shadow: 2px 3px 4px #333;
}


body.regional header nav#main ul {
		/*padding: 0; margin: 0 -15px 0 0;
		text-align: right;*/
	}
		body.regional header nav#main ul li {
			/*display: inline-block;*/
			border-left: none;
		}

			body.regional header nav#main ul li a {
				display:block;
				padding: 40px 15px 10px 15px;
			}

body.regional #banner {
	position: relative;
	width: 100%;min-width: 1000px;
	background-color:#aeb8db;
	border-bottom: 68px solid #e3b000;
	box-shadow: none;
	margin-bottom: 20px;
	text-align: left;
}
	body.regional #banner .text {box-shadow: 0 3px 4px #666; padding: 100px 0 20px 0; min-height: 238px; font-family: 'Bitter', serif; font-size: 2em; line-height: 1.3076em}
		body.regional #banner .text strong { font-size: 1.1923em; }
		body.regional #banner .text img { position: absolute; right: 0; top: -70px; border: 4px solid #fff;	box-shadow: 0 3px 5px #999; }
	

	body.regional #banner p { margin: 0; }



/* search widget */

#topic-list, #region-list, #region-list ul { margin: 0 0 1em 0; padding: 0; list-style-type: none; }
#topic-list li {
	float: left; width: 50%;
}

#region-list li {
	float: left; width: 32%; padding-right: 1%;
}

	#region-list li li { float: none; width: auto; padding: 0 0 0 17px; }
	
	
	#topic-list li.clear, #region-list li.clear { clear: left; }
	
	
#topic-search h2 { color:#58769e; padding-top: .75em; border-top: 1px solid #58769e; margin-top: 1em; clear: both;}
#topic-search-results { clear: both; }

div#topic-search-results {
	border-top: 1px solid #dbd2b8;
	margin-top: 1em; padding-top: 1em;
}


.topic-toggle { float: right; cursor: pointer; }

a.return { display: block; text-align: right; }



/* oddballs */

.home .logotext { margin-left: 25px; color: #752325; font-size:36px; font-family: 'Bitter', serif; padding: 25px 0 20px 0; display: block; }


.button {
	-moz-box-shadow: 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: 0px 1px 0px 0px #ffffff;
	box-shadow: 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dfdfdf');
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#787878;
	font-family:arial;
	font-size:15px;
	font-weight:normal;
	padding:10px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	font-style:italic;
	cursor: pointer;

}.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ffffff) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ffffff');
	background-color:#dfdfdf;
}.button:active {
	position:relative;
	top:1px;
}


.bigbutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ededed;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ededed;
	box-shadow:inset 0px 1px 0px 0px #ededed;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9ea9a4), color-stop(1, #516158) );
	background:-moz-linear-gradient( center top, #9ea9a4 5%, #516158 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9ea9a4', endColorstr='#516158');
	background-color:#9ea9a4;
	-moz-border-radius:24px;
	-webkit-border-radius:24px;
	border-radius:24px;
	border:1px solid #293f33;
	display:inline-block;
	color:#ffffff;
	font-family:Georgia;
	font-size:18px;
	font-weight:normal;
	padding:0 20px 0 40px;
	background-image: url(../img/button-arrow-1.png); background-repeat: no-repeat; background-position: 15px center;
	text-decoration:none;
	text-shadow:0px 1px 0px #293f33;
	margin: 10px 0 0 0; 
}.bigbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #516158), color-stop(1, #9ea9a4) );
	background:-moz-linear-gradient( center top, #516158 5%, #9ea9a4 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#516158', endColorstr='#9ea9a4');
	background-color:#516158;
	background-image: url(../img/button-arrow-1.png); background-repeat: no-repeat; background-position: 15px center;
}.bigbutton:active {
	position:relative;
	top:1px;
}


.bluebutton {
	font-family: 'Bitter', serif; font-style:italic; font-size: 1.2em;
	color: #fff; 
	background-color: #58769e;
	padding: 7px 11px;
	border: 4px solid #fff;
	box-shadow: 0 3px 5px #999; margin: 1.5em 0;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	text-decoration: none;
	text-shadow:0px 2px 0px #333;
} .bluebutton:hover {
	box-shadow: 0 1px 3px #999;
}
.bluebutton span {
	background: url(../img/button-arrow-1.png) right center no-repeat;
	display: inline-block; padding-right: 23px;
}


/* This imageless css button was generated by CSSButtonGenerator.com */


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

.jtip-header::before {
  content:"";
  display:block;
  height:35px; /* fixed header height*/
  margin:-35px 0 0; /* negative fixed header height */
}

/* phones */
@media handheld, only screen and (max-width: 800px) {
	
	.container {
		max-width: 96% !important;
		padding: 0 2%;
	}
	.container img { max-width: 100%; height: auto; }
	
	header {
		min-width: 300px;
		padding-bottom: 22px;
	}
	header #logo {
		display: block;
		width: 100%;
		padding: 15px 0 13px 0; left: 0;
		margin: 0;
		position: relative;
	}
		header #logo img { margin-left: 33px; }
		
		body.regional header #logo {
			position: relative;
			top: 10px; left: 10px;
			display: inline; width: auto;
			border: 0; box-shadow: none;
		}
			body.regional header #logo img { margin: 0; }
			body.regional header nav#main ul li a { padding: 10px 15px; }
			
			body.regional header #utility ul { clear: both; padding: 0; }
				body.regional header #utility ul li { padding: 5px 0 5px 18px; }
		
		header nav#main ul {
			width: 100%;
			margin: 0;
			padding: 10px 0;
			float: none;
		}
			header nav#main ul li {
				display: block;
				border: none;
			}
				header nav#main ul li a {
					padding: 10px 15px;
				}
				
				header nav#main ul ul li.has-children a { text-decoration: underline; }
					header nav#main ul ul li.has-children ul a { text-decoration: none; }
				
				
	header nav#main ul ul {
		border-top: 1px solid #6e8281;
		/*display: block;*/
	}
	
	header nav#main ul ul a { color: #c6b17a; }
	header nav#main ul ul ul a { color: #DBD2B8; }
	
		header nav#main ul ul li {
			padding-right: 4ex;
		}
		header nav#main ul ul ul { border-top: none; }

	#banner { min-width: 300px; background-color: #627ea5; }				
		body.regional #banner { min-width: 300px; border-bottom-width: 30px; }
		body.regional #banner .text { min-height: 100px; padding-bottom: 1.5em; padding-left: 10px; }

	#banner #slides { height: 300px; }
	#banner a.prev, #banner a.next, #banner #slidenav{ display: none; }
	#banner .slide img { display: none; }
	#banner img#logotext { width: 90%; }
	#banner .slide { width: 90% !important; }
	#banner .slide .text { 
		position: relative;
		text-align: left !important; top: 0 !important; right: 0 !important; left: 0 !important;
		width: 90% !important;
		text-align: left !important;
		color:#fff !important;
		margin: 30px 20px !important;
		font-size: 30px !important;
	}
		body.regional.home #banner .text { padding-top: 1.5em; }
	
	#banner #slogan { min-width: 300px; padding-left: 0; /*font-size: 2.5em;*/ }
			
	.home .logotext { margin: 0; }
	
	#content, 
	body.home #content, 
	body.regional.page-template-template-regional-homepage-php #content 	{ width: 90%; padding: 20px 5%;  }
	
		body.home #content .column, 
		body.regional.page-template-template-regional-homepage-php #content .column, 
		body.regional.page-template-template-regional-homepage-php #mission { width: 100%; display: block; float: none; margin: 0; }

		body.regional.page-template-template-regional-homepage-php div.recent-posts { margin-bottom: 1.5em;	}
		
	footer { min-width: 300px; }	
	footer ul { display: none; }
	aside { display: none; }
	
	
#topic-list li, #region-list li {
	float: none; width: 100%;
}



@media handheld, only screen and (max-width: 640px) {
	header a.back { float: right; }
}


@media handheld, only screen and (max-width: 525px) {
	body.regional #banner .text br { display: none; }
	
	header #utility ul { clear: both; padding: 0; }
		header #utility ul li { padding: 5px 0 5px 18px; }
}

@media handheld, only screen and (max-width: 450px) {
	#banner .slide p { font-size: .8em; }
	#banner .slide br { display: none; }
}
@media handheld, only screen and (max-width: 350px) {
	#banner .slide p { /*font-size: 1.5em;*/ }
	#banner #slogan { min-width: 300px; font-size: 2em; }
}



/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}