/*****************************************
			General Styles
******************************************/
html{
  min-height: 100%;
}
body {
	background: #E8EADC url(../images/template/footer-bg.jpg) no-repeat center bottom;
	color: #726658;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 12px;
	line-height:1.8em;
	padding:0;
	margin:0;
	min-height: 100%;
}
.background {
	background: url(../images/template/bg1.jpg) no-repeat 10px 0;
	max-width:1104px;
	width:100%;
	margin:0 auto;
}
.block 
{
    display:block;
}
.mobile {
    display:none !important;
}

#advancedTermsAnchor, #basicTerms select { display:none; }
div div #__ecmsearchresult div a img { display: none; }

#sidebar {
	float: right;
	width: 250px;
}
#home + #sidebar {
    position:absolute;
    right:0;
}
#header {
	margin-bottom:10px;
	padding-top:10px;
	width:100%;
}
#content {
    width:100%;
    position:relative;
}
#covid-info {
    background-color: rgba(255,255,255,.9);
    border: solid 1px #a82000;
    color: #522107;
    font-size: 14px;
}
#covid-info h3 {
    font-size: 20px;
}
#covid-info hr {
    border: none;
    border-bottom: solid 1px #a82000;
}
#covid-info .head {
    background: #a82000;
    color:#fff;
    padding: 10px;
}
#covid-info .body {
    padding: 20px;
}

a {
	color:#287654;
}
a:hover {
	text-decoration:none;
}
h1, h2, h3, h4, h5 {
	font-family:'FranklinGothicBookRegular';
	font-weight:normal;
	padding:0;
	margin:0px 0px 8px 0px;
}
.logo {
	position:relative;
	left:-10px;
	top:10px;
	z-index:100;
}
.colleft {
	float:left;
	width:480px;
	height:67px;
}
.colright {
	float:right;
	width:480px;
	text-align:right;
	position:relative;
	margin-right:0px;
	height:67px;
}
h2 {font-size:24px;}
h3 {font-size:18px;}
h4 {font-size:16px;}

.clear {clear:both;}
#wrap {
	margin: auto;
	max-width: 996px;
	width:100%;
}
#sidebar ul {
	margin:0;
	padding:0;
}



.media-gallery #slider {
    margin-bottom: 20px;
    max-width: 500px;
    margin: 0 auto 20px;
}
.media-gallery .flex-direction-nav a:before {
    color:#fff !important;
}

.media-gallery .flexslider .slides img {
    border:solid 2px #fff;
}
.media-gallery #carousel .slides img {
    cursor:pointer;
}


#maps-listing h3 a {
    border-bottom: solid 1px #44331F;
    color:#44331F;
    display: block;
    font-weight: bold;
    margin-bottom: 12px;
    padding-bottom: 3px;
}
#maps-listing li a {font-weight:bold;}
#maps-listing li a img {margin-bottom:3px;}

/*#maps-listing li img {
    -webkit-filter: grayscale(100%);
	filter: gray;
	filter: grayscale(100%);
}
#maps-listing li img:hover {
    -webkit-filter: none;
	filter: none;
	filter: none;
}*/



@font-face {
    font-family: 'FranklinGothic';
    src: url('../fonts/frabk-webfont.eot');
    src: url('../fonts/frabk-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/frabk-webfont.woff') format('woff'),
         url('../fonts/frabk-webfont.ttf') format('truetype'),
         url('../fonts/frabk-webfont.svg#FranklinGothicBookRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FranklinGothicMediumCondRg';
    src: url('../fonts/framdcn-webfont.eot');
    src: url('../fonts/framdcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/framdcn-webfont.woff') format('woff'),
         url('../fonts/framdcn-webfont.ttf') format('truetype'),
         url('../fonts/framdcn-webfont.svg#FranklinGothicMediumCondRg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FranklinGothicMediumRegular';
    src: url('../fonts/framd-webfont.eot');
    src: url('../fonts/framd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/framd-webfont.woff') format('woff'),
         url('../fonts/framd-webfont.ttf') format('truetype'),
         url('../fonts/framd-webfont.svg#FranklinGothicMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FranklinGothicBookRegular';
    src: url('../fonts/frabk-webfont.eot');
    src: url('../fonts/frabk-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/frabk-webfont.woff') format('woff'),
         url('../fonts/frabk-webfont.ttf') format('truetype'),
         url('../fonts/frabk-webfont.svg#FranklinGothicBookRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'RobotoCondensed';
    src: url('../fonts/Roboto-Condensed-webfont.eot');
    src: url('../fonts/Roboto-Condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Condensed-webfont.woff') format('woff'),
         url('../fonts/Roboto-Condensed-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Condensed-webfont.svg#RobotoCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}
#city-main-form {
    margin-bottom:50px;
}
#city-main-form td {
    text-align:right;
    vertical-align:top;
}
#city-main-form td:nth-child(odd) {
    padding-top:3px;
}
#city-main-form input[type=text] {
    font-family:Arial, sans-serif;
    font-size:12px;
    padding:5px;
    width:250px;
}
 #city-main-form textarea {
    font-family:Arial, sans-serif;
    font-size:12px;
    height:90px;
    padding:5px;
    width:253px;
}
#city-main-form input[type="submit"], #city-main-form button {
    background:#422A21;
    border: none;
    cursor:pointer;
    color: #FAFAFA;
    padding:10px 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.field-validation-error, [cms-component-class~='cms-validation-error'] {
    color:#f00;
    font-size:11px;
    display:block;
}

.flexslider {
    border:0 !important;
}
#documentSearch {
    margin:auto;
    width:100%;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
select {
   -webkit-appearance: menulist-button;
}
#documentSearch input[type=text], #documentSearch select {
    padding:5px;
}

#documentSearch .keywords input[type=text] {
    font-size:20px;
    margin-bottom:15px;
    width:95%;
}    
#documentSearch .categories select {
    border:solid 1px #ddd;
    color:#999;
    margin-right:12px;
    font-size:20px;
    margin-bottom:15px;
    width:47%;
}  
#documentSearch .results {
    margin-top:25px;
}
#documentSearch .results .result {
    border-bottom:solid 1px #fff;
    margin-bottom:10px;
    padding-bottom:10px;
    padding-right:15px;
}
#documentSearch .categories {
    text-align:center;
}

#documentSearch .pagination {display:none;}
#documentSearch .search, #unified-search #siteSearchSubmit {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#406f48+0,194f25+100 */
    background: #406f48; /* Old browsers */
    background: -moz-linear-gradient(top,  #406f48 0%, #194f25 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#406f48), color-stop(100%,#194f25)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #406f48 0%,#194f25 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #406f48 0%,#194f25 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #406f48 0%,#194f25 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #406f48 0%,#194f25 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#406f48', endColorstr='#194f25',GradientType=0 ); /* IE6-9 */
    border:solid 1px #14421f;
    color:#fff;
    padding:8px 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor:pointer;
}
#documentSearch > div:nth-child(4){
    margin-top:12px;
    text-align:center;
}

#footer {
	font-size:11px;
	margin:50px auto 0;
	padding:18px 7px 7px 224px;
	max-width:782px;
	background: url(../images/template/footerBar.png) no-repeat 10px 0;
	height:17px;
	color:#e2e2e2;
	width:100%;
}
#footer .colleft {
	height:0;
}
#footer a {
	color:#e2e2e2;
}
#search {
	height: 36px;
	margin-bottom: 5px;
	padding: 11px 0 0 10px;
	right: 0;
	top: 7px;
	width: 226px;
	float: right;
	position:absolute;
}
#search .searchfield {
	color:#989898;
	float:left;
	font-size:13px;
	border:0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow:0 0 2px #344239 inset;
	-moz-box-shadow:0 0 2px #344239 inset;
	box-shadow:0 0 2px #344239 inset;
	padding:0 6px;
	width:174px;
	height:28px;
}
#search .searchbutton {
	float:right;
	padding:2px 8px 0 0;
	display:block;
	width:28px;
	height:26px;
	background:url(/assets/images/icons/search-icon.png) no-repeat 3px 2px;
}
.facebook {position:absolute; right:10px;}


/*****************************************
			Sidebar Styles
******************************************/
.side-box-news {margin-bottom:10px}
#sidebar .title {
	background: url("../images/template/title-background.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 1px solid #412819;
	border-radius: 2px;
	color: #FFFFFF;
	font-family: 'FranklinGothic';
	font-size: 14px;
	max-height: 19px;
	padding: 6px 8px 5px;
	text-transform: none;
}
#sidebar .content ul {
	list-style-type:none;
}
.side-box-news .pagination {
      background: none repeat scroll 0 0 #E1DFD8;
  border-color: #C9C2AD;
  border-radius: 0 0 2px 2px;
  border-right: 1px solid #C9C2AD;
  border-top:1px solid #C9C2AD;
  border-style: none solid solid;
  border-width: medium 1px 1px;
  padding: 4px 8px;
	-webkit-border-radius: 0 0 2px 2px;
	-moz-border-radius: 0 0 2px 2px;
	border-radius: 0 0 2px 2px;
}
.side-box-news .content ul li:hover {
	background:url("/common/images/template/menu-arrow.png") no-repeat scroll 0 0 rgba(68, 158, 116, 0.15) !important;
}
.side-box-news .content ul li {
	border-bottom: 1px solid #CDCCB2;
	position:relative;
	background:rgba(240,245,250,.8);
}
.side-box-news .content ul li:last-child {
	border-bottom:none;
	margin-bottom: 0;
	padding-bottom: 0;
}
#sidebar .content span {
	font-size: 11px;
	padding: 0 12px;
	position: relative;
	top: -6px;
}
.side-box-news .content {
	background:none;
	border-left:solid 1px #c9c2ad;
	border-right:solid 1px #c9c2ad;
}
.side-box-news a {
	display: inline-block;
	font-weight: normal;
	padding: 5px 16px 5px 12px;
	text-decoration: none;
	width: 90%;
	position:relative;
	z-index:100;
}
.side-box-news img {
	position:absolute !important;
	right:0;
}
.side-box-news a:hover {
  text-decoration: underline;
}
.side-box-news .pagination a {
	padding-left:6px;
}

#quick-links {
	border:solid 1px #C4C6B6;
	-webkit-border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px;
	border-radius:3px 3px 3px 3px;
}
/*#quick-links .title {
	background:#604638;
}*/
#quick-links .content {
	background:#FDFDFD;
	font-size:11px;
	padding:5px;
}

#quick-links ul{
	margin-left:20px;
}
#quick-links ul li {
	margin:5px 0;
	list-style-type: disc;
}

.pagination a {
	font-size:11px;
	font-weight:bold;
	color:#44331f;
}
.pagination {
  
  padding: 4px 8px;
	-webkit-border-radius: 0 0 2px 2px;
	-moz-border-radius: 0 0 2px 2px;
	border-radius: 0 0 2px 2px;
}
/*****************************************
			Home Styles
******************************************/
#home {
	float: left;
	width: 100%;
	margin-left:3px;
	/*max-width:695px;*/
	padding-right:280px;
	box-sizing:border-box;
}
.front-boxes {
	float: left;
	width: 700px;
}
.box1-weather {
	position: relative;
	height: 190px;
	width: 250px;
	left: 32px;
	float:left;
}
#interior {
	float: left;
	width: 720px;
	padding: 0 2px;
	position:relative;
}
#leftmenu {
	float: left;
	width: 200px;
	position:relative;
	left:-11px;
}
#leftmenu .cms-menu-0 > li > a,
#leftmenu .cms-menu-0 > li > ul > li > a,
#leftmenu .cms-menu-0 > li > ul > li > ul,
#leftmenu .cms-menu-0 > li > ul > li > ul > li > ul {
    display:none;
}
#leftmenu.about-clyde-hill .cms-menu-0 > li > ul > li:nth-child(1) > a,
#leftmenu.about-clyde-hill .cms-menu-0 > li > ul > li:nth-child(1) > ul,
#leftmenu.news .cms-menu-0 > li > ul > li:nth-child(1) > a,
#leftmenu.news .cms-menu-0 > li > ul > li:nth-child(1) > ul,
#leftmenu.calendar-of-events .cms-menu-0 > li > ul > li:nth-child(1) > a,
#leftmenu.calendar-of-events .cms-menu-0 > li > ul > li:nth-child(1) > ul,
#leftmenu.government .cms-menu-0 > li > ul > li:nth-child(2) > a,
#leftmenu.government .cms-menu-0 > li > ul > li:nth-child(2) > ul,
#leftmenu.departments .cms-menu-0 > li > ul > li:nth-child(3) > a,
#leftmenu.departments .cms-menu-0 > li > ul > li:nth-child(3) > ul,
#leftmenu.community-resources .cms-menu-0 > li > ul > li:nth-child(4) > a,
#leftmenu.community-resources .cms-menu-0 > li > ul > li:nth-child(4) > ul,
#leftmenu.contact-us .cms-menu-0 > li > ul > li:nth-child(5) > a,
#leftmenu.contact-us .cms-menu-0 > li > ul > li:nth-child(5) > ul,
#leftmenu .cms-menu-0 > li > ul > li > ul > li > ul.show {
    display:block;
}
#leftmenu.general .cms-menu-0 > li > ul > li > a {
    display:block;
}

#leftmenu .cms-menu-0 > li > ul > li > ul > li.selected > ul {
    display:block;
    background:#E8EADD;
}

#interior > #leftmenu > ul.cms-menu-0 > li > .cms-menu-0-0 > li > a {
    border: 0 none !important;
    font-size: 14px;
    font-weight: bold;
    opacity: 0.4;
    color: #195328 !important;
}
#interior-content {
	float:right;
	width: 502px;
	position:relative;
	top:-12px;
	overflow:hidden;
}
#breadcrumbs {
	border-bottom:solid 1px #60635c; 
	margin-top:5px;
	margin-bottom:8px;
	padding-bottom:2px;
	width: 100%;
	font-size: 11px;
	color:#60635c;
}

#breadcrumbs a {
	color:#60635c;
	text-decoration: none;
	display:inline;

}
#bbreadcrumbs a {
	color:#60635c;
	text-decoration: none;
	display:inline;
	float:left;
}
#breadcrumbs a:hover {
	color:#666;
}
#bbreadcrumbs a:after {
	content:" ";
	display:block;
	background:url(../images/symbols.png) no-repeat 0px -54px;
	float:right;
	width:20px;
	height:16px;
}
.cms-breadcrumb-separator {
	display:inline-block;
	background:url(../images/symbols.png) no-repeat 0px -54px;
	text-indent:-9999px;
	width:20px;
	height:16px;
}
#document-search {
	width: 100%;
	font-size: 11px;
	margin-bottom: 10px;
	margin-top:0;
}
#document-search span {
	display:inline-block;
	float:left;
}
#document-search hr {
	border-top:solid 1px #d2cabc;
	border-bottom:solid 1px #f7f5f0;
	border-left:none;
	border-right:none;
}
#document-search .searchfield {
	border: 1px solid #aaa;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #989898;
	font-size: 14px;
	margin-right: 10px;
	padding: 7px 6px 6px;
	width: 226px;
	box-shadow: inset 0 0 2px 0 #aaa;
}
#document-search select {
	border: 1px solid #CDC7B7;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #989898;
	font-size: 12px;
	margin: 5px 10px 5px 12px;
	padding: 5px 2px;
	width: 225px;
}
#document-search + div > table {
	border:1px solid #ABA99A;
	background:#fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-collapse:separate !important;
	padding:0 12px;
}
#document-search + div > table table span {
	color:#fff;
	background:#134621;
	padding:2px 3px 4px;
	text-align:center;
	display:inline-block;
	min-width:16px;
	min-height:16px;
	max-width:16px;
	max-height:16px;
}
#document-search + div > table table a {
	color:#134621;
	border:1px solid #134621;
	max-width:15px;
	max-height:15px;
	display:inline-block;
	text-decoration:none;
	padding:1px 3px 4px;
	text-align:center;
	min-width:15px;
	min-height:15px;
}
.pagi > td {
	padding-bottom:11px;
}
.pagi table tr td a {
	border-radius:3px;
}
.pagi table tr td span {
	background:#164c23;
	border-radius:3px;
}
.pagi table tr td a.elipsis {
	border:none !important;
}
#document-search + div > table tr td {
	padding-bottom:12px;
}
#document-search + div > table img {
	float:left;
	margin-right:6px;
}
.advanced-checks {
	background: url("/common/images/template/advanced-divider.png") no-repeat scroll left center rgba(0, 0, 0, 0);
	height: 90px;
	position: absolute;
	right: 0;
	top: 7px;
	width: 226px;
	padding-left: 15px;
}
#document-search .filterby {
	text-align:left;
}
#advanced-filters {
	border: 1px solid #ABA99A;
	border-radius: 3px;
	clear: both;
	position:relative;
	background: rgb(234,232,226); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(234,232,226,1) 3%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,rgba(234,232,226,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(234,232,226,1) 3%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(234,232,226,1) 3%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(234,232,226,1) 3%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(234,232,226,1) 3%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eae8e2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
#advanced-filters label {
    width: 65px;
	padding:1px 0;
    display: inline-block;
}
#advanced-filters label:nth-child(4n+2) {
    width: 110px;
    display: inline-block;
}
#advanced-filters-link {
	float:right;
}
#advanced-filters-link a {
	background: url("/common/images/template/advanced-search.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	display: inline-block;
	height: 29px;
	padding: 6px 0;
	text-align: center;
	text-decoration: none;
	width: 155px;
	font-size: 12px;
	color: #545454;
	-webkit-transition: all 0.3s ease;                  
	    -moz-transition: all 0.3s ease;                 
	    -o-transition: all 0.3s ease;   
	    -ms-transition: all 0.3s ease;          
	    transition: all 0.3s ease;
}
#advanced-filters-link a.active {
    background: url("/common/images/template/close-advanced.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	width:145px;
	padding:6px 0 6px 10px;
}
.search-selects {
	min-height:97px;
}
#document-search .filterby strong {
	display:block;
}

#document-search .filterby input[type=checkbox] {
	margin:0 6px;
}
#interior-content #document-search + div {
	clear:both;
}
#interior h2 {
	color:#5f4c36;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c4bdb5;
	padding:3px 0 5px;
}
#leftmenu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#leftmenu ul li ul li:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
#leftmenu ul li ul li a {
	display:block;
}
#leftmenu ul li a, #leftmenu ul li li a {
	text-decoration: none;
	margin-left:0;
	color:#44331f;
	display:block;
	padding:5px 2px 4px;
	margin-left:30px;
	border-top: 1px solid #cdccb2;
}
#leftmenu ul li li li li a {
	text-decoration: none;
	margin-left:0;
	color:#44331f;
	display:block;
	padding:5px 2px 4px 23px;
	margin-left:30px;
	border-top: 1px solid #cdccb2;
	background:url(../images/menu-arrow.png) no-repeat 2px -15px;
	width:150px;
}
#leftmenu ul li.selected {
	background:url(../images/template/leftmenu-bg.png) no-repeat -3px 0;
	-webkit-border-radius:0 0 0 3px;
	-moz-border-radius:0 0 0 3px;
	border-radius:0 0 0 3px;
	margin-left:29px;
}
#leftmenu ul li li.selected a {
	/*background:none;*/
	padding-left:24px;
	margin:0;
}
#leftmenu ul li li.selected > a {
    background:none;
}
#leftmenu ul li.selected a, #leftmenu ul li.selected + li.unselected a {
	border:0;
}
#leftmenu > ul > li:first-child > a {
	border-top:0;
}
#leftmenu ul li a:hover {
	color:#735839;
}

#leftmenu ul li ul.ekflexmenu_submenu_items 
{
    display:none;
}
#familyboxes 
{
    overflow:hidden;
    position:relative;
    width:700px;
}

#familyboxes .box {
	font-size:11px;
	float:left;
	line-height:16px;
	width:208px;
	background: -moz-linear-gradient(top, rgba(78,124,41,0.1) 0%, rgba(38,84,11,0.2) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(78,124,41,0.1)), color-stop(100%,rgba(38,84,11,0.2))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(78,124,41,0.1) 0%,rgba(38,84,11,0.2) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(78,124,41,0.1) 0%,rgba(38,84,11,0.2) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(78,124,41,0.1) 0%,rgba(38,84,11,0.2) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(78,124,41,0.1) 0%,rgba(38,84,11,0.2) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a4e7c29', endColorstr='#3326540b',GradientType=0 ); /* IE6-9 */
	padding: 7px;
	height: 125px;
	margin-bottom:15px;
	margin-right:10px;
	-webkit-border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px;
	border-radius:3px 3px 3px 3px;
}
#familyboxes .box img {
	float: left;
	margin-right: 5px;
}
#familyboxes .box a img 
{
    border:none;
}
#familyboxes .box a 
{
    text-decoration:none;
}
#familyboxes .box a:hover 
{
    text-decoration:none;
}
#familyboxes .box a h3 {
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #630;
	padding-bottom: 5px;
	display:block;
	color:#726658;
	text-decoration:none;
}
#familyboxes .box a h3:hover {
	color:#287654;
	text-decoration:underline;
}

#familyboxes .box a p 
{
    color:#726658;
	margin:0;
	margin-bottom:5px;
	padding:0;
}

#familyboxes .box a p:hover {
	text-decoration:underline;
}

.maintext {
	margin:10px 0;
}
h1 {
	clear: both;
	color: #44331F;
	font-size: 32px;
	padding: 6px;
	text-transform: none;
	margin-bottom: 16px;
	line-height:1;
}

#newsletters ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#newsletters ul li {
    display: inline-block;
}
#newsletters ul li:first-child {
    margin-right:15px;
}
.lightbox {
    display: none;
}
.box1, .box2, .box3 {
	float:left;
	margin-left:0;
	width:225px;
	min-height:180px;
}

.box1 {
	width:250px;
	margin-top:9px;
	float:left;
}
.box2 {
	margin-right:0;
	margin-left:18px;
	width:410px;
	margin-top:9px;
}
.box2 .city-maps, .box2 .calendar-events {
	display:block;
	height:94px;
	float:left;
	margin-right:10px;
	width:194px;
}
.box1 a img {
	border:none;
	height:auto;
	margin-right:6px;
	max-width:230px;	
}


.box3 {
	width:228px;
	margin-right:0;
}

.box-calendar 
{
    margin-bottom:10px;
	width:100%;
}

.box3 .title {
	color: #FFF;
	background-color: #44331f;
	font-family:'FranklinGothic';
	text-transform:uppercase;
	padding: 3px 8px;
}
.box3 .content ul {
	list-style-type:none;
}
.box-calendar .content ul li {
	background:url(../images/template/news-bullet.png) no-repeat 5px 7px;
	border-bottom:dotted 1px #735839;
	margin-bottom: 5px;
	padding-bottom: 5px;
	padding-left:16px;
}
.box-calendar .content ul li:last-child {
	border-bottom:none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.box3 .content span {
	font-size:11px;
}
.box-calendar .content {
	background:#fff;
	border-left:solid 1px #c9c2ad;
	border-right:solid 1px #c9c2ad;
	padding:5px;
}
.box-calendar a {
	font-weight:bold;
}







/*


	background:url(../images/template/infobox-bg.png) no-repeat;
	color:#395867;
	font-size:11px;
	padding:14px 11px 0;
	line-height:18px;


.box3 h3 {
	margin-left:50px;
	font-size:14px;
	font-weight:bold;
	padding-bottom: 10px;
}

.box3 h3 a 
{
    color:#395867;
    text-decoration:none;
}

.box3 h3 a:hover
{
    text-decoration:underline;
}
*/

.about {
	padding:10px;
	margin:10px 0;
	color:#522107;
}
.about p {
	padding:0;
	margin:5 0;
}
.about h2 {
	color:#522107;
	margin-top:12px;
}
.box2 h2 {
	font-size:20px;
	text-align:center;
}

#ctl00_ContentPlaceHolder1_PollBlock1 p font {
	font-size:20px;
	text-align:center;
	color:#726658;
}

.box2 .content {
	background:#f2f2f2;
	padding:5px;
}

.box2 .content .headreport
{
	background:#f2f2f2;
	color:navy;
	border:none;
	font-weight:100;
	line-height:normal;
	padding-left:0px;
	font-size: 11pt;
}

.box2 .title {
	border-radius: 3px 3px 0 0;
	color: #422A21;
	font-family: 'FranklinGothic';
	font-size: 14px;
	padding: 3px 2px 0;
	text-transform: uppercase;
}
#newsletter {
	border-top:1px solid #E1DAC8;
	margin:14px 0px 10px 1px;
	width:245px;
	padding-top:6px;
	clear:both;
}
#newsletter input[type="email"] {
	border: 1px solid #5A4939;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height: 21px;
	padding: 3px;
	width: 250px;
}
#newsletter input[type="submit"] {
	background: none repeat scroll 0 0 #422A21;
	border: medium none;
	border-radius: 3px;
	color: #FAFAFA;
	height: 28px;
	margin-left: 18px;
	padding: 0 3px 3px;
	width: 81px;
	position: relative;
	top: -2px;
}
#newsletter .content {
	background:transparent;
	padding:5px;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;	
}
#newsletter .content {
	padding:3px 1px;	
}
#divSignup {
	width:387px;
}
#newsletter .subscribefield {
	border:solid 1px #CCC;
	margin-right:5px;
	padding:5px;
	width:178px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#sidebar #newsletter input[type="email"] {
	width:146px;
}
#sidebar #newsletter input[type="submit"] {
	margin-left:6px;
	margin-top:2px;
	
}
#random {
	padding: 6px;
	padding-top:0;
	margin:10px 0;
}
#random img {
	background:none;
	padding:0;
	border:1px solid #44331F !important;
	-webkit-border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px;
	border-radius:3px 3px 3px 3px;
	width:240px;
	
}
#random .title {
	color:#44331F !important;
	background:none;
	border:none;
	color:#fff;
	padding:2px 6px 0; 
	margin-bottom:2px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	text-transform:none;
}

#random p a {
	background: url("../images/symbols.png") no-repeat scroll 90px -56px rgba(0, 0, 0, 0);
	color: #44331F;
	padding-right: 30px;
	padding-left: 6px;
	text-decoration: none;
}

#side-buttons a
{
    display:block;
    margin-bottom:5px;
	float:left;
 }
#sidebar #side-buttons a img
{
	border:none;
 }


/* ============================ HORIZONTAL NAVIGATION ============================ */

#nav {
	background:url(../images/template/menuBar.png);
	padding:7px 2px;
	width:996px;
	height:42px;
	position:relative;
	margin-top:7px;
}
#nav > .sf-menu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	position:relative;
}
#nav > .sf-menu li {
	display: block;
	float:left;
	background:none;
}
#nav > .sf-menu > li:nth-child(3) li, #nav > .sf-menu > li:nth-child(5) li, #nav > .sf-menu > li:nth-child(6) li {
    border-bottom:1px solid #cdccb2;
}
#nav > .sf-menu > li:nth-child(3) li:last-child, #nav > .sf-menu > li:nth-child(5) li:last-child, #nav > .sf-menu > li:nth-child(6) li:last-child {
    border-bottom:0;
}
.sf-menu li li, #nav .sf-shadow ul {
    background:none;
}
.sf-sub-indicator {
    display:none !important;
}
#nav > .sf-menu li a {
	color: #F6F7EF;
	font-family: 'FranklinGothicBookRegular';
	font-size:16px;
	font-weight:normal;
	text-decoration: none;
	font-size: 15px;
	text-transform: capitalize;
	display: block;
	margin-top: 9px;
	padding:8px 23px 8px;
	cursor: pointer;
	border:0;
	height:16px;
}
#nav > .sf-menu li.home a {
	padding:8px 23px 7px 24px;
}
#nav > .sf-menu li:nth-child(2) a {
	padding:8px 17px 8px 18px;
	position:relative;
	left:-1px;
}
.sf-menu a:active, .sf-menu a:focus {
    background:none !important;
}
#nav > .sf-menu li:nth-child(3) .sf-menu {
    left:-2px;
}
#nav > .sf-menu li:nth-child(2) span a {
	padding:0;
}
#nav > .sf-menu li:nth-child(3) span a, #nav > .sf-menu li:nth-child(5) span a, #nav > .sf-menu li:nth-child(6) span a {
	padding:0;
}
#nav > .sf-menu li:nth-child(3) span a h3, #nav > .sf-menu li:nth-child(5) span a h3, #nav > .sf-menu li:nth-child(6) span a h3 {
	padding:8px 11px 7px;
}
#nav > .sf-menu li:nth-child(3) a, #nav > .sf-menu li:nth-child(5) a, #nav > .sf-menu li:nth-child(6) a {
	padding:8px 17px 8px 16px;
	position:relative;
	left:-2px;
}
#nav > .sf-menu li:nth-child(4) a {
	padding:8px 18px 8px;
	position:relative;
	left:-3px;
}
#nav > .sf-menu li:nth-child(4) .sf-menu {
    left:-3px;
}
#nav > .sf-menu li:nth-child(5) a {
	padding:8px 19px 8px 17px;
	position:relative;
	left:-4px;
}
#nav > .sf-menu li:nth-child(5) .sf-menu {
    left:-4px;
}
#nav > .sf-menu li:nth-child(6) a {
	padding:8px 17px 8px 17px;
	position:relative;
	left:-5px;
}
#nav > .sf-menu li:nth-child(6) .sf-menu {
    left:-5px;
}
#nav .sf-menu li:hover ul, #nav .sf-menu li.sfHover ul {
    top: 41px !important;
    width: 200px;
}
#nav .sf-menu li:hover ul ul, #nav .sf-menu li.sfHover ul ul {
    float: none;
    top: 0 !important;
    width: 100%;
    left:0; !important;
}
#nav > .sf-menu .sfHover .sf-menu .sf-menu {
    display: block !important;
    position: relative;
    visibility: visible !important;
}
> .sf-menu li.about-clyde-hill span.open, > .sf-menu li.departments span.open {
	width:490px;
	height:250px;
}
> .sf-menu li.departments span.open {
	height:500px;
	width:638px;
}
> .sf-menu li.about-clyde-hill span.open div.quarterset:nth-child(3) {
	position:absolute;
	top:0;
	right:0;
}
> .sf-menu li.about-clyde-hill span.open .quarterset:nth-child(6) {
	position:absolute;
	top:162px;
	right:0;
}
> .sf-menu li.about-clyde-hill span.open .quarterset:nth-child(7) {
	position:absolute;
	top:186px;
	right:0;
}
> .sf-menu li.about-clyde-hill span.open .quarterset:nth-child(8) {
	position:absolute;
	top:210px;
	right:0;
}
> .sf-menu li.departments span.open .quarterset {
	float:left;
}
> .sf-menu li.about-clyde-hill span.open .quarterset:nth-child(6) h3, > .sf-menu li.about-clyde-hill span.open .quarterset:nth-child(7) h3, > .sf-menu li.about-clyde-hill span.open .quarterset:nth-child(8) h3 {
	padding-top:2px;
}
> .sf-menu li.about-clyde-hill span.open .quarterset:nth-child(6) a:hover h3, > .sf-menu li.about-clyde-hill span.open .quarterset:nth-child(7) a:hover h3, > .sf-menu li.about-clyde-hill span.open .quarterset:nth-child(8) a:hover h3 {
	background:url("../images/template/green-arrow.png") no-repeat scroll 193px 2px rgba(0, 0, 0, 0) !important;
}
#nav > .sf-menu li:nth-child(3) li a:hover, #nav > .sf-menu li:nth-child(5) li a:hover, #nav> .sf-menu li:nth-child(6) li a:hover {
	background:url("../images/template/green-arrow.png") no-repeat right center !important;
}
> .sf-menu li.government span.open .quarterset h3, > .sf-menu li.community-resources span.open .quarterset h3, > .sf-menu li.contact-us span.open .quarterset h3 {
	padding-top:2px;
}
#nav > .sf-menu .sf-menu li:nth-child(3) a {
	/*border-bottom:1px solid #CDCCB2;*/
	margin-left:2px;
}
#nav > .sf-menu li.community-resources span a h3 {
	border-bottom:1px solid #CDCCB2;
	margin-left:4px;
}
#nav > .sf-menu li.contact-us span a h3 {
	border-bottom:1px solid #CDCCB2;
	margin-left:5px;
}
> .sf-menu li.government span.open a:last-child h3, > .sf-menu li.community-resources span.open a:last-child h3, > .sf-menu li.contact-us span.open a:last-child h3 {
	border:none;
}


#nav > .sf-menu li a:hover, #nav > .sf-menu li.active a {
	color: #024119;
	background:rgba(111, 158, 94, 0.7);
	background:rgba(99, 191, 133, 0.5);
	background:rgba(68, 158, 116, .65);
	text-decoration:none;
}

#nav > .sf-menu li p a {
	color: #287654;
    text-transform: none;
    font: normal 12px Arial, Helvetica, sans-serif;
}
> .sf-menu li:first-child
{ border-left:none;
}

> .sf-menu li.sfHover {
	 display: block;
	 z-index:2000;
	 }
> .sf-menu li.sfHover .sf-menu a {
	display: inline;
	text-decoration: none; 
	margin: 3px 0;
	}
#nav > .sf-menu > li.sfHover > .sf-menu {
    background: transparent url("/Assets/images/template/submenu-bg.jpg") no-repeat scroll 0 -10px !important;
    height: auto;
    opacity: 0.9;
    position: absolute;
    width: 200px;
    z-index: 200;
    padding:5px 9px 3px;
    border:1px solid #44704f;
    border-top:0;
}
#nav > .sf-menu > li.sfHover:nth-child(2) > .sf-menu {
    width:500px;
    padding:9px 0 18px 21px;
}
#nav > .sf-menu > li.sfHover:nth-child(4) > .sf-menu {
    width:617px;
    padding:9px 0 18px 21px;
    left:-240px;
}
#nav > .sf-menu > li:nth-child(2) > ul > li {
    width:46%;
    margin-right:3%;
}
#nav > .sf-menu > li:nth-child(4) > ul > li {
    width:28.33%;
    margin-right:5%;
}
#nav > .sf-menu > li:nth-child(4) > ul > li:nth-child(1),
#nav > .sf-menu > li:nth-child(4) > ul > li:nth-child(2), 
#nav > .sf-menu > li:nth-child(4) > ul > li:nth-child(3) {
    height:230px;
}
#nav > .sf-menu > li:nth-child(4) > ul > li:nth-child(5) {
    padding-top:13px;
}
#nav > .sf-menu > li.sfHover > ul {
	border: solid 1px #44704f;
	border-radius:0 0 3px 3px;
	-moz-border-radius:0 0 3px 3px;
	-webkit-border-radius:0 0 3px 3px;
	border-top:none;
	color: #fff;
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0; 
	top: 41px;
	display: none;
	width: auto;
	padding: 0;
	z-index:78000;
	}
> .sf-menu li.about-clyde-hill span.open {
	left:82px;
}
> .sf-menu li.government span.open {
	left:214px;
}
> .sf-menu li.government span.open .submenu-bg {
	background-position:-132px -10px;
}
> .sf-menu li.departments span.open {
	left:83px;
}
> .sf-menu li.departments span.open .submenu-bg {
	background-position:0px -10px;
}
> .sf-menu li.community-resources span.open {
	left:442px;
}
> .sf-menu li.community-resources span.open .submenu-bg {
	background-position:-359px -10px;
}
> .sf-menu li.contact-us span.open {
	left:508px;
}
> .sf-menu li.contact-us span.open .submenu-bg {
	background-position:-423px -10px;
}
#nav > .sf-menu li li a	{
	color: #fff;
	text-decoration: none
}
#nav > .sf-menu .sf-menu > li > a {
	font:bold 12px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 8px 11px 3px;
	text-transform: capitalize;
	margin-left:1px;
}
#nav > .sf-menu .sf-menu > li > a.sf-with-ul {
    margin-top:4px;
	padding: 21px 11px 3px;
}
#nav > .sf-menu .sf-menu li li a {
	color:#0C4720 !important;
	background:none !important;
	text-decoration:none !important;
}
#nav > .sf-menu .sf-menu > li > a:hover	{
	background:url(/common/images/template/submenu-bg.jpg) no-repeat rgba(175, 181, 153, 0.4);
	text-decoration:none !important;
}
#nav > .sf-menu .sf-menu > li > a.sf-with-ul:hover {
	background: url("../images/template/green-arrow.png") no-repeat scroll 193px 21px rgba(0, 0, 0, 0);
	text-decoration:none !important;
}	
#nav > .sf-menu .sf-menu > li > a:hover {
	background: url("../images/template/green-arrow.png") no-repeat scroll 193px 8px rgba(0, 0, 0, 0);
	text-decoration:none !important;
}	
#nav > .sf-menu .sf-menu > li > a, #nav > .sf-menu .sf-menu > li > a:hover {
	color:#0C4720 !important;
}
#nav > .sf-menu li li a	{
	margin: 3px 0!important;
	width:90%;
	}	
/* body on states */
#nav > .sf-menu li.selected {
	background-position: bottom left!important;
	}	
	
/*  panel below nav style  */
	
> .sf-menu li div.quarterset	{
	width: 213px;
	position:relative;
	z-index:2;
}
> .sf-menu li.departments div.quarterset	{
	width: 200px;
	position:relative;
	z-index:2;
	margin:0 10px 0 2px;
}

#nav > .sf-menu li .quarterset a {
	margin:0 !important;
}
	
/*> .sf-menu li div.quarterset:last-child
{
	border-right:none;
	padding:0;
}*/

/* SUB CATEGORIES OF MEGA MENU */
#nav > .sf-menu .sf-menu .sf-menu li a {
	color: #999;
	margin: 10px 0 5px 0;
	background: url("../images/menu-arrow.png") no-repeat scroll 3px -17px rgba(0, 0, 0, 0) !important;
    border-bottom: 1px solid #CDCCB2;
    padding: 6px 1px 6px 21px;
	text-decoration:none;
	margin:0 0 0 2px !important;
	font-weight:400;
	height:auto;
}

#nav > .sf-menu .sf-menu .sf-menu li a:hover {
	background:rgba(99, 191, 133, 0.2);
	background:url(/common/images/template/menu-arrow.png) no-repeat rgba(175, 181, 153, 0.2) !important;
}

.weatherwidget {
	margin:auto;
	margin-top:15px;
	width:160px;
}

.school-block {
  box-sizing: border-box;
  padding: 0 23px 18px 0;
}

/* News Page */

#interior  #news {
    margin:0;
    list-style-type:none;
    padding:0;
}

#interior #news li {
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:dotted 1px #735839;
}

#interior #news li h3 { font-weight:900; }


/* Video Gallery */
#content #interior #video-gallery #player { position:relative;  min-height:420px; }
#content #interior #video-gallery #player .vitem { position:absolute; top: 10px; width:680px; display:none; text-align:center; }
#content #interior #video-gallery #player .vitem a { margin: 0 auto; display:block; position:relative; }
#content #interior #video-gallery #player .vitem p { margin-top:15px; }
#content #interior #video-gallery #player .vitem a object { z-index:1; }
        
#content #interior #video-gallery #selector { width:680px; text-align:center; }
#content #interior #video-gallery #selector .sitem { float:left; width:204px; margin-right:20px; text-align:center; margin-bottom:15px; }
#content #interior #video-gallery #selector .sitem a img { border:solid 2px #726658; }


#ctl00_pWeather {
	float:right;	
}

.slider-wrapper {
	height:308px;
	padding-bottom:2px;
	width:700px;	
}
.tableform td {
	padding:5px;
}
.tableform td input[type=text], .tableform td textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	padding:3px;
	width:200px;
}

@media all and (max-width:1104px) {
    .background {
        background-position:center top;
    }
}
@media all and (max-width:1024px) {
    #leftmenu {
        position:absolute;
    }
    #interior {
        width:100%;
        padding-left:217px;
        padding-right:297px;
        box-sizing:border-box;
    }
    #interior.family {
        padding-left:28px;
    }
    #interior.family > img {
        max-width:100%;
    }
    #familyboxes {
        max-width:100%;
    }
    #familyboxes .box {
        width:44%;
    }
    #sidebar {
        position:absolute;
        right:12px;
    }
    #interior-content {
        width:100%;
    }
    #search {
        top:-33px;
    }
    .colleft, .colright {
        width:50%;
    }
    
    /* Navigation */
    #nav {
        background:none;
        width:100%;
    }
    #nav > .sf-menu {
        background: #1c5025;
        background:rgba(28, 80, 37, .9);
        display: flex;
        height: 32px;
        justify-content: space-around;
        margin-top: 9px;
        width: 100%;
        box-shadow: 0 0 5px rgba(50,50,50,.8);
        -webkit-border-radius:2px 2px 2px 2px;
        -moz-border-radius:2px 2px 2px 2px;
        border-radius:2px 2px 2px 2px;
    }
    #nav > .sf-menu li {
        /*border-right:1px solid #668965;*/
        /*border-left:1px solid #2b4036;*/
        flex-basis:190px;
    }
    #nav > .sf-menu li a {
        margin-top:0;
        left:0 !important;
        text-align:left;
        height:auto;
    }
    #nav .sf-menu li:hover ul, #nav .sf-menu li.sfHover ul {
        top:32px !important;
        left:0 !important;
        min-width:100%;
        box-sizing:border-box;
    }
    #nav > .sf-menu li:nth-child(5) {
        flex-basis:250px;
    }
    #nav > .sf-menu li:nth-child(1) {
        flex-basis:120px;
    }
    #nav > .sf-menu li:nth-child(3),
    #nav > .sf-menu li:nth-child(4),
    #nav > .sf-menu li:nth-child(6) {
        flex-basis:160px;
    }
    #nav > .sf-menu li:nth-child(5) .sf-menu,
    #nav > .sf-menu li:nth-child(6) .sf-menu {
        left:auto !important;
        right:0;
    }
    #nav > .sf-menu li:nth-child(4) {
        position:static !important;
    }
    #nav > .sf-menu li.sfHover:nth-child(4) > .sf-menu {
        right:0;
        left:0 !important;
        margin: 0 auto;
        min-width:auto;
    }
    
    #footer {
    	font-size:11px;
    	margin:50px auto 0;
    	padding:18px 10px 25px;
    	max-width:782px;
    	background: url(../images/template/footerBar.png) no-repeat -10px 0;
    	height:17px;
    	color:#e2e2e2;
    	width:100%;
    	box-sizing:border-box;
    	overflow:hidden;
    }
    #footer .colleft {
    	display: block;
        float: none;
        height: auto;
        margin: 0 auto;
        width: 320px;
    }
}
@media all and (max-width:890px) {
    #leftmenu {
        display:none;
    }
    #interior {
        padding-left:18px;
    }
    #familyboxes .box {
        width:100%;
        box-sizing:border-box;
        height:auto;
    }
}
@media all and (max-width:767px) {
    .mobile {
        display:block !important;
        z-index:99;
    }
    .flex-control-nav {
        display:none;
    }
    .flexslider {
        margin:10px auto 25px !important;
        max-width:700px;
    }
    .flex-direction-nav a {
        margin:-10px 0 0;
    }
    #header {
        margin-bottom:20px;
    }
    .logo {
        top:-4px;
    }
    .nav-toggle {
        display:block;
        height:22px;
        width:80px;
        background:url(/Assets/images/menuIcon.png) no-repeat 2px 10px;
        color:#fff;
        text-decoration:none;
        padding-left:25px;
        padding-top:7px;
        position:absolute;
        left:10px;
    }
    #nav {
        background: #1c5025;
        background:rgba(28, 80, 37, .9);
        display: flex;
        height: auto;
        min-height:32px;
        justify-content: space-around;
        margin-top: 32px;
        width: 100%;
        box-shadow: 0 0 5px rgba(50,50,50,.8);
        padding:0;
    }
    .logo {
        position:absolute;
        top: 14px;
        left: 10px;
    }
    #nav > .sf-menu {
        display:none;
        background: #668965;
        float: none;
        height: auto;
        top: 24px;
        z-index:2;
        -webkit-border-radius:0 0 0 0;
        -moz-border-radius:0 0 0 0;
        border-radius:0 0 0 0;
        margin-bottom:24px;
    }
    #nav > .sf-menu li {
        border-right:none;
        border-left:none;
        flex-basis:auto !important;
    }
    #nav > .sf-menu li:nth-child(4) {
        position: relative !important;
    }
    #nav > .sf-menu li:nth-child(1),
    #nav > .sf-menu li:nth-child(2),
    #nav > .sf-menu li:nth-child(3),
    #nav > .sf-menu li:nth-child(4),
    #nav > .sf-menu li:nth-child(5),
    #nav > .sf-menu li:nth-child(6) {
        display: block;
        flex-basis: auto !important;
        float: none !important;
        width: 100%;
    }
    #search {
        top: -9px;
    }
    #nav > .sf-menu li a {
        text-align:left;
        border-bottom:1px solid #295A32 !important;
        padding-left:34px !important;
        padding-top:11px !important;
        padding-bottom:11px !important;
    }
    #nav > .sf-menu li a.overlay, #nav > .sf-menu li a.overlay:active {
        position: absolute;
        top: 0;
        padding: 0 !important;
        border: none;
        border-bottom:none !important;
        border-left: 1px solid #295A32;
        height: 38px;
        width: 100%;
        z-index:100;
        background:transparent;
    }
    #nav > .sf-menu > li a.overlay:before {
        border-bottom: 4px solid Transparent;
        border-left: 4px solid;
        border-top: 4px solid Transparent;
        content: "";
        display: block;
        height: 0;
        margin: 12px 17px;
        top: 7px;
        width: 0;
    }
    #nav > .sf-menu > li:first-child a.overlay, #nav > .sf-menu > li:first-child a.overlay:before {
        display: none !important;
    }
    #nav > .sf-menu li:last-child a {
        border-bottom:none;
    }
    #nav > .sf-menu > li.sfHover > .sf-menu {
        display: block;
        position: relative;
        top: 0 !important;
        visibility: visible;
    }
    #nav > .sf-menu .sf-menu > li > a.sf-with-ul {
        padding: 0px 11px 3px;
    }
    #nav > .sf-menu > li > .sf-menu.open {
        background: #D7DDD1 !important;
        height: auto;
        opacity: 0.9;
        padding: 9px 18px 18px 18px !important;
        position: relative;
        width: 100% !important;
        z-index: 1;
        visibility:visible !important;
        display:block !important;
        box-sizing:border-box;
    }
    #nav > .sf-menu > li > ul > li {
        width: 100% !important;
    }
    #nav > .sf-menu > li > ul > li a {
        padding-right:0 !important;
        width:auto !important;
    }
    #nav > .sf-menu > li:nth-child(3) li, #nav > .sf-menu > li:nth-child(5) li, #nav > .sf-menu > li:nth-child(6) li {
        border-bottom:0;
    }
    #nav > .sf-menu > li:nth-child(4) > ul > li:nth-child(1), #nav > .sf-menu > li:nth-child(4) > ul > li:nth-child(2), #nav > .sf-menu > li:nth-child(4) > ul > li:nth-child(3) {
        height:auto;
    }
    #home {
        padding:0;
        margin-left:0;
    }
    #home .about, #home .front-boxes {
        padding:0 28px;
    }
    #home + #sidebar {
        clear: both;
        display: block;
        float: none;
        margin: 0 auto;
        position: relative;
        width: auto;
        padding: 18px 52px;
    }
    .front-boxes {
        width:auto;
    }
    .box1 {
        display:none;
    }
    .box2 {
        max-width:410px;
        width: 100%;
        margin-left:0;
        min-height:0;
        margin-bottom:28px;
    }
    .box2 img {
        width: 100% !important;
        height: auto !important;
        max-width: 184px !important;
    }
    .box2 .city-maps, .box2 .calendar-events {
        display: block;
        float: left;
        height: auto;
        margin-right: 2%;
        margin-left: 2%;
        width: 46%;
    }
    #side-buttons a {
        text-align:center;
        float:none;
    }
}
@media all and (max-width:568px) {
    #interior {
        width:100%;
        padding-right:10%;
        padding-left:10%;
    }
    #sidebar {
        clear: both;
        float: none;
        left: auto;
        margin: 0 auto;
        padding-top: 31px;
        position: relative;
        right: auto;
        width: 100%;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9db5a1+0,d4d6c7+0,ffffff+100&1+0,0+22 */
background: -moz-linear-gradient(top, rgba(212,214,199,1) 0%, rgba(221,223,211,0) 22%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(212,214,199,1)), color-stop(22%,rgba(221,223,211,0)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(212,214,199,1) 0%,rgba(221,223,211,0) 22%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(212,214,199,1) 0%,rgba(221,223,211,0) 22%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(212,214,199,1) 0%,rgba(221,223,211,0) 22%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(212,214,199,1) 0%,rgba(221,223,211,0) 22%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d6c7', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */


    }
    #interior #newsletter {
        margin-top:12px;
    }
    #divSignup, #newsletter {
        width:100%;
        position:relative;
        max-width:267px;
        margin:0 auto;
    }
    #divSignup, #newsletter .title {
        width:100%;
        margin-right: 4%;
        margin-left: 4%;
        max-width:227px;
    }
    #newsletter input[type="text"] {
        max-width:232px;
    }
    #newsletter input[type="submit"] {
        position: absolute;
        right: -12px;
        top: 3px;
        z-index: 200;
        border-radius: 0 3px 3px 0;
        padding: 0;
        width: 73px;
    }
    #weather {
        margin-top:42px;
    }
    #random {
        margin: 22px auto;
        max-width: 248px;
        padding: 0 6px 6px;
    }
    #quick-links {
        display:none;
    }
}