/*
 * 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(http://fonts.googleapis.com/css?family=Droid+Sans:400,700|Bitter:400,700,400italic);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.3.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 { 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.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 { clear: both;
	background-color: #6e7d75;
	color: #fff;
	min-width: 1000px;
}
	footer a { color: #fff; text-decoration: none; }

	footer #copyright {
		background-color: #283a4b; font-size: .9230em;
		padding: .8em 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;
}



/* 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;
    }
}