body {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #92c1d6;
	font-family: sans-serif;
}

a {
	text-decoration: none;
	color: #369;
}

a:hover {
	text-decoration: underline;
}

#wrapper {
	width: 100%;
	margin: 0;
	position: relative;
	background-color: #fff;
}

#logo, #site-header h1, #page-area, .topnav, .footer {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}

#content-area { margin-bottom: 2em; }

#banner {
	width: 100%
	min-height: 3em;
	margin: 0;
	padding: 0.2em 0 0 0;
}

#banner img {
	max-height: 100%;
}

#site-header {
 width: 100%;
 background-color: #71ac74;
 height: 48px;
 margin-top: 0;
}

#site-header h1 {
	padding: 0.2em 0 0 2em;
	color: #fff;
}

#nav-search { 
	position: absolute;
	padding: 1em 0 0 0;
	right: 2em;
}

#page-area {
	padding: 0 1%;
}

#left-column {
    float: left;
    width: 20%;
	min-height: 10em;
	margin-left: 0;
	padding: 0.8em;
	background-color: #d4e9f2;
	border: solid 1px #d4e9f2;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	-moz-borderradius-bottomleft:5px; 
	-moz-border-radius-bottomright:5px; 
	-webkit-border-bottom-left-radius:5px; 
	-webkit-border-bottom-right-radius:5px;
}

#left-column h4,  #right-column h4 {color: #0066b3; margin: 0.5em 0 0 0; }
#left-column p, #left-column ul {
	font-size: 85%;
	margin: 0.5em 0
}

#left-column ul {
	list-style: none;
	margin-left: 0.5em;
	margin-bottom: 1.5em;
	padding-left: 0;
	line-height: 1.8em;
	color: #369;
}

#left-column a {
	font-weight: bold;
	text-decoration: none;
}

#left-column a:hover {
	text-decoration: underline;
}


#right-column {
    display: none;
/*	background: #f6a26f;
	border-left: 1px solid #fff;
    float: right;
    width: 22%;
    padding: 0 2%; */
}


#content-area {
    float: right;
  	width: 74%;
    padding: 2% 1%;
    min-height: 20em;
}

#content-area h1 {
	margin-top: 0;
	margin-bottom: 0.5em;
}

h1, h3 { color: #319135; }
h2, h4 { color: #0066b3;}
h2 { margin-left: 1em; }
h3 { margin-left: 2em; }
h4 { margin-left: 2.6em; }
p { margin-left: 3em; line-height: 1.5em; }

#content-area > ul, #content-area ol { margin-left: 2em; line-height: 1.5em; }
#content-area > li {margin-bottom: 0.8em; }

/* 
#loaderlinks {
	padding-top; 0;
	width: 460px;
	text-align: center;
}

#loaderlinks p {
	display: inline;
	font-size: 90%;
	padding-right: 1em;
} */

#container {
    border: 2px solid #333;
}

#container_logo {display: none }


#footer-wrapper {
	height: 5em;
	width: 100%;
	padding: 0.5em;
	background: #92c1d6;
	clear: both;
	z-index:2;
}

p.footer {
	font-size: 70%;
	font-weight: bold;
	color: #fff;
	margin: 0;
	margin-left: 30px;
	line-height: 1.2em;
	text-align: center;
}

p.footer a {
	color: #fff;
	text-decoration: none;
}

p.footer a:hover {
	text-decoration: underline;
}

p.footer img {
	float: left;
	z-index: 100;
	margin-top: -30px;
	left: -30px;
}


img, embed, object, video, #container, #container-wrapper object {
	max-width: 100%;
}

object { 
	border: 3px solid #999;
	background-color: transparent !important;
	padding: 0 !important;
}

p.caption {
	font-weight: bold;
	text-align: center;
	margin: 0.2em;
}

/*** Equal-height Columns

div#wrapper {
	overflow: hidden;
}

#left-column, #content-area, #right-column {
	padding-bottom: 1001em; 
	margin-bottom: -1000em;
}

 ***/

/** content columns **/

.col1of2, .col2of2 {
	width: 44%;
	padding: 1em;
	margin-top: 0;
}
.col1of2 { float: left; margin-left: 5%;}
.col2of2 { margin-left: 50%;}

#pseudotabs {
	width: 460px;
	border: 0; 
	margin: 0; 
	height: 1em;
}

#pseudotabs p {margin-left: 0; }

#pseudotabs p a {
position: relative;
top: -0.2em;
font-size: 75%;
font-weight: bold;
color: #369;
width: 22%;
float: left;
margin: 0 0.2em 0 0;
background-color: #d9e9d9;
border: 1px solid #999;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
line-height: 1em;
padding: 0.25em;
text-align: center;
}

#pseudotabs p.active a {
	color: #666;
	background: #ebf4f7; 
}

#tabs { 
float: left; 
border: 0; 
margin: 0; 
font-size: 75%;
width: 100%;
}

#tabs-1, #tabs-2, #tabs-3, #tabs-4 {
background-color: #ebf4f7;
margin-top: 2.2em;
border: 1px solid #999;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}

#tabs-1 ul, #tabs-2 ul, #tabs-3 ul, #tabs-4 ul {
	line-height: 2em;
	list-style-type: none;
}

#accordion { width: 40%; margin-right: 2em; float: left; }
.ui-widget-content { border: none; }
.ui-widget-content a { color: #369; text-decoration: none; }
.ui-widget-content a:hover { text-decoration: underline; }
.ui-accordion .ui-accordion-content { padding: 0.5em 1em; height: 8em; overflow: auto;}
.ui-accordion .ui-accordion-content ul { margin: 0; list-style-type: none; padding: 0 1em 1em 0; }
.ui-accordion .ui-accordion-content ul li {padding: 0 0 0.6em 0; font-size: 0.75em; margin-left: 0; }
.ui-accordion .ui-accordion-header { font-size: 0.8em; font-weight: bold; color: #369; outline-width: 0; } 
#tabs ul.ui-tabs-nav { line-height: 1em;}
#tabs ul.ui-tabs-nav a { font-weight: bold;}
.ui-tabs .ui-tabs-hide { display: block; position: absolute; left: -10000px; }
.ui-tabs ul li a { color: #369; outline-width: 0; }
.ui-tabs .ui-tabs-nav li { white-space: normal !important; }
.ui-tabs .ui-tabs-panel { padding: 0.5em 0.5em !important; }
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default { background: #d9e9d9; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: #ebf4f7; }
.ui-helper-clearfix::before, .ui-helper-clearfix::after { content: none; clear: none; }
.ui-widget-header { border: 0 !important; background: none !important; }


div.object-box-floated {
	background-color: #fff;
	width: 320px;
	float: left; 
}

div.object-box-wide {
	background-color: #fff; 
}

/* Main navigation menu */

.topnav ul {
	height: 2em;
	top: -1.9em;
	list-style: none;
	font-weight: bold;
/* Clear floats */
	float: right;
	position: relative;
	z-index: 2;
	font-size: 0.75em;
	margin: 0;
	padding-left: 0;
}

.topnav li {
	float: left;
	margin: 0;
	position: relative;
}
.topnav a {
	color: #fff;
	display: block;
	padding: 3px 10px 3px 4px;
	text-decoration: none;
	color: #fff;
	background: #3d9ac5;
	border: 1px solid #d3d3d3;
	border-bottom: 0; 
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.topnav a:hover {
	color:#fff;
	background:#61aacc;
	text-decoration:underline;
}

/*
	.jwplayer { height: 360px !important; } 
	.jwmain { right: 160px !important; }
	.jwplaylistcontainer { width: 160px !important; }
	ul.jwlist {margin-left: 0 !important; line-height: 1em; }
	ul.jwlist li a { width: 100%; font-size: 85%;}
*/

#smallscreen { display: none; }
#placeholder1 { width: 580px !important; }

/***************************
  Responsive media queries 
****************************/
@media screen and (min-width: 1000px) {
	#logo, #site-header h1, #page-area, .topnav, p.footer {
	margin-left: 5%;
	}	
}

@media screen and (max-width: 860px) {
	#banner {
		margin-left: 0;
	}
	
	#site-header h1 {
		padding-left: 0.1em;
	}
	
	#left-column {
 	   float: left;
 	   width: 20%;
	   min-height: 10em;
	}
	
	#content-area {
	    padding: 1% 1% 2% 1%;
	}
	#tabs { width: 90%;}
	#tabs ul.ui-tabs-nav a { font-size: 80%; }
	#tabs-1, #tabs-2, #tabs-3, #tabs-4 {
		margin-top: 1.9em;
	}
	#accordion {
		width: 35%;
		margin-right: 2%;
	}
	
}


@media screen and (max-width: 768px) {
	#banner {
		margin-left: 0;
	}
	
	#page-area { padding-right: 0; }
		
	#left-column h4 {
		font-size: 90%;
		margin: 0 auto;
	}

	#left-column ul {
		margin: 0 auto;
	}

	#content-area {
	    float: right;
	    padding: 1% 1% 2% 1%;
	}

	#tabs ul.ui-tabs-nav a { font-size: 80%;}
	#tabs { min-width: 440px;}
	#accordion {
		width: 40%;
		margin-bottom: 1em;
	}
	div.object-box {
		float: none;
		clear: both;
	}
	
	#container .jwmain { right: 140px !important; }
	#container .jwplaylistcontainer { width: 140px !important; }


	#county-logo {
		margin-left: 0;
	}

	#footer-wrapper {
		width: 100%;
	}

	
	p.footer {
		font-size: 9px;
		font-size: 60%;
		font-weight: normal;
		padding-left: 0;
		margin-left: 0;
	}
	
	p.footer img {
	height: 45px;
	width: 45px;
	margin-top: 0em;
}

}

@media screen and (max-width: 640px) {
	#banner {
		margin-left: 0;
	}
	
	#site-header h1 {
		padding-left: 0.1em;
	}
	
	#page-area { padding: 0 0 0 0;}
	
	#wrapper, #page-area, #content-area { width: 100%; }
	
	.topnav {
		position: absolute;
		width: 120px;
		right: 0.2em;
		top: 3em;
		min-height: 40px;
	}
	
	.topnav ul {
		width: 80px;
		padding: 5px 0;
		right: 0.2em;
		border: solid 1px #aaa;
		border-radius: 5px;
		box-shadow: 0 1px 2px rgba(0,0,0,.3);
		background: #fff url(../images/icon-menu.png) no-repeat 90% 50%;
		text-align: right;
}
		
	.topnav li {
		display: none; /* hide all <li> items */
		margin: 0;
	}

	.topnav a {
		display: block;
		font-weight: normal;
		color: #fff;
		padding: 2px;
		color: #666;
		background: #fff;
		border: 0;
		border-radius: 0;
	}

	/* on nav hover */
	.topnav ul:hover {
		height: 80px;
	}
	
	.topnav ul:hover li {
		display: block;
		width: 100%;
		margin: 0 0 1px;
	}
	
	.topnav a:hover {
		background: #fff;
		color: #666;
		text-decoration:underline;
	}
	
	#content-area {
		width: 100%;
		padding: 1%;
	}
	
	#site-header h1 {
	margin: 0 0 0 1%;
	}
	
	#left-column {
		clear:both;
		margin-left: 0;
		width: 100%;
		min-height: 0;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
	}
	
	#left-column h4 {
		font-size: 90%;
		width: 60%;
		margin: 0 auto;
	}
	
	#left-column ul {
		width: 50%;
		margin: 0 auto;
	}

	.col1of2 , .col2of2 { width: 40%;}
	.col1of2 { margin-left: 0;}
	.col2of2 { margin-left: 40%;}

	#loaderlinks {
		margin-top: 1em;
		margin-left: 0;
	}

	#pseudotabs { position: relative; width: 100%; left: 0;  top: -1.5em;}
	#pseudotabs p { margin-left: 0; }
	#pseudotabs p a { height: 2em; font-size: 60; margin: 1em 0 0 0;
	}
	
	
	#accordion {
		width: 16em;
	}
	
	#container {
	width: 100%;
	}
	
	#container .jwmain { right: 140px !important; }
	#container .jwplaylistcontainer { width: 140px !important; }

}

@media screen and (max-width: 580px) {
	#container .jwmain { right: 140px !important; }
	#container .jwplaylistcontainer { width: 140px !important; }
	#wrapper, #page-area, #content-area { width: 580px; }
	#placeholder1 { width: 100%; }
	p.footer img {
	position: absolute;
	z-index: 100;
	margin-top: 4em;
	margin-left: 50%;
	}
	
	p.footer {
		font-size: 9px;
		font-weight: normal;	
	}
}

@media screen and (max-width: 320px) {
	#loaderlinks, #pseudotabs, #container { display: none; }
	#smallscreen {display: block; }
	#placeholder1 { width: 100%; }
	h1 { font-size: 1.6em; margin-left: 0.4em; }
	h2 {  font-size: 1.4em; }
}