body {
	font-family: 'Helvetica Neue', sans-serif;
	color: #000000;
	font-size: 15px;
	background: #ffffff;
	line-height: 1.2;
}

body, html {margin: 0px 0px 0px 0px;}

a:link {color:#015C31;}
a:visited {color:#015C31;}
a:hover {color:#BD9400;}
a:active {color:#BA9254;}

a.global {text-decoration: none; color:#f1e8d9;}
a.global:hover {text-decoration: none; color: #BD9400;}

#wrapper {
	width: 100%;
	clear: both;
}

.topbanner {
	display: block;
	height: 85px;
	margin: auto;
	width:          100%;
	max-width:          100%;
	height:         85px;
	max-height:     85px;
	padding-top:    8px;
	padding-left:   8px;
	background-color: #014724;
        vertical-align: middle;
	border-bottom: 1px solid;
	border-color: #036b38;
	overflow: hidden;
}

.undermenu {
	height:2px;
	width: 100%;
	background-color: #036b38;
}

.headleft {float: left; max-width: 220px; height:  85px; padding-left: 0px;}
.headright {
	float: right;
	padding-right: 5px; 
	text-align: center;
	color: #f1e8d9;
	font-size: 12px;
}

.cse .gsc-search-button input.gsc-search-button-v2,
    input.gsc-search-button-v2 {
        height: 26px !important;
        margin-top: 3px !important;
        min-width: 13px !important;
        padding: 5px 26px !important;
        width: 68px !important;
}


.searchbutton {height: 26px !important;
        margin-top: 0px !important;
        min-width: 13px !important;
        border: solid 1px #80ac98;
	padding: 5px 26px !important;
        width: 68px !important;
	float: right;
}

.ssearch {
	margin-top: 25px;
	margin-right: 18px;
	width: 285px;
	height:26px;
}


.gsearch {
	margin-top: 10px;
	width: 285px;
	height:30px;
}

.gsearchm {
	width: 100%;
	height:100%;
}

.tanline {background-color: #f1e8d9; 
	border: 1px solid;}

.hidden{
       display:none;
    }

#iefix {
 position:relative;
 z-index:1000;
 }

.subheading {
	display: block;
	padding-top: 15px;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #014724;
}

.subheading2 {
	display: block;
	padding-top: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #014724;
}

.subheading3 {
	display: block;
	font-weight: bold;
	font-size: 16px;
}

.subheading4 {
	display: block;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
}

.subheading5 {
	display: block;
	padding-top: 10px;
	font-size: 15px;
	font-weight: bold;
	color: #014724;
	margin-bottom: 10px;
}

.subheading6 {
	display: inline-block;
	padding-top: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #014724;
}

.linkgroup2 {
	display:block;
	margin-left: 10px;
	line-height: 1.8;
}

.responsive-image{
        width: 100%; 
	display:block; 
	height: auto;
    }

.responsive-image2{
        width: 97%; 
	display:block; 
	height: auto;
    }

.responsive-image3{
        width: 70%; 
	display:block; 
	height: auto;
    }

.responsive-image4{
        width: 50%; 
	display:block; 
	height: auto;
    }

div.wrapper{
	float:left; /* important */
	position:relative; /* important(so we can absolutely position the description div */
}
div.description{
	position:absolute; /* absolute position (so we can position it where we want)*/
	bottom:0px; /* position will be on bottom */
	left:0px;
	width:100%;
	/* styling bellow */
	background-color:#014724;
	font-family: 'verdana';
	font-size:15px;
	color:white;
	opacity:0.6; /* transparency */
	filter:alpha(opacity=60); /* IE transparency */
}
p.description_content{
	padding:10px;
	margin:0px;
}

.linkgroup {line-height: 85%;}


.officers {
	display: inline-block;
	margin-bottom: 15px;
	clear: both;
}

.officerpic {
	float: left;
	display: block;
	padding-right: 10px;
}

.officercaption {
	float:right;
	display: block;
	line-height: 1.5;
}

.council {
	display: inline-block;
	height: 130px;
	width: 100%;
	clear: both;
}

.councilpic {
	float: left;
	display: block;
	padding-right: 10px;
}

.councilcaption {
	display: inline-block;
	display: block;
	line-height: 1.5;
}

.mcalmonth {
	display: block;
	padding-top: 10px;
	padding-bottom: 15px;
	font-size: 18px;
	font-weight: bold;
	color: #014724;
}

.mcallinks {
	display: inline-block;
	width: 100%;
	padding-top: 20px;
	clear: both;
}

.mcalprev {
	float: left;
	display: block;
}

.mcalnext {
	float:right;
	display: block;
	line-height: 1.5;
}


.staff {
	display: inline-block;
	width:100%;
	margin: auto;
}

.staffphoto {
	float: left;
	display: block;
	width: 40%;
	padding-right: 30px;
}

.staffsocial {
	display: inline-block;
}

.directory {
	display: block;
	margin: auto;
	width: 98%;
	margin-bottom: 50px;
}


.directory > ul {width: 100%; margin-bottom: 10px;}

.directory > ul > li{
	list-style: none;
	display: inline-block;
	width: 33%;
	padding-right: 10px;
	margin: 0px !important;
}


.directoryshade {background-color: #F8F3EA;}

.jitneycost {
	display: block;
	margin: auto;
	width: 98%;
	margin-bottom: 10px;
}

.jitneycost > ul > li{
	list-style: none;
	display: inline-block;
	padding-right: 10px;
	margin: 0px !important;
}

.agenda {width:100%;}

.agenda table { 
  	border-collapse: collapse;
    	width:98%; 
	display: block;
	overflow-x: auto;
}

.agenda td, th { 
  	padding: 6px; 
  	text-align: left;
	vertical-align: top;
	line-height: 1.3;
}

.agendades {display:block; text-indent: 30px; margin-bottom: 10px; clear:both;}

.agendaleft { float:left; width:130px; padding-right:10px; text-align:left }
.agendaright { display: block; width:auto; padding-left:0px; text-align:left; overflow:auto; margin-bottom: 20px; }
.agendares {display:block; line-height: 1.8;}
.agendades {display:block; line-height: 1.8; text-indent: 30px;}

.calendar {overflow-x: auto;}

.calendar table { 
  width: 100%; 
  border-collapse: collapse;
display: block;
        overflow-x: auto;
}

.calendar td, th { 
  padding: 6px; 
  border: 1px solid #000000; 
  text-align: left; 
  width: 14.2%;
}

.cblock {
	margin:0px;
	min-height: 125px;
}

.cdays {
	color: #ffffff;
	background-color: #014724;
	font-size: 13px;
}

.cdates {
	float: right;
	display: inline-block;
	font-weight: bold;
	margin-bottom: 5px;
}

.cevent {
	display: block;
	margin-bottom: 5px;
	font-size: 13px;
	clear: both;
}

.gentab table { 
  width: 100%; 
  border-collapse: collapse;
display: block;
        overflow-x: auto;
}

/* Zebra striping */
.gentab tr:nth-of-type(odd) { 
  background: #eee; 
}
.gentab th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
.gentab td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}


.jitneysched table { 
  width: 100%; 
  border-collapse: collapse;
display: block;
        overflow-x: auto;
}

/* Zebra striping */
.jitneysched tr:nth-of-type(odd) { 
  background: #eee; 
}
.jitneysched th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
.jitneysched td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}

.poolcal {width: 100%;}

.poolcal table { 
  border-collapse: collapse;
    width:98%; 
    margin-left: auto;
   margin-right: auto;
	display: block;
        overflow-x: auto;
}

/* Zebra striping */
.poolcal tr:nth-of-type(odd) { 
  background: #eee; 
}
.poolcal th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
.poolcal td, th { 
  padding: 10px; 
  border: 1px solid #ccc; 
  text-align: left; 
}


.opc {width: 100%;}

.opc table { 
  border-collapse: collapse;
    width:75%; 
    margin-left: 10%;
   margin-right: 10%;
	display: block;
        overflow-x: auto;
}

.opc th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}

.opc td, th { 
  padding: 40px; 
  text-align: left; 

}

.taxchart {width: 100%;}

.taxchart table { 
  border-collapse: collapse;
    width:100%; 
	display: block;
        overflow-x: auto;
}

/* Zebra striping */
.taxchart tr:nth-of-type(odd) { 
  background: #eee; 
}
.taxchart th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
.taxchart td, th { 
  padding: 10px; 
  border: 1px solid #ccc; 
  text-align: left; 
}

.taximage {
        width: 100%; 
	display:block; 
	height: auto;
	max-width: 630px;
}



.shadetrees {width: 100%;}

.shadetrees table { 
  	border-collapse: collapse;
    	width:auto; 
	display: block;
	margin-top:10px;
	overflow-x: auto;
}

.shadetrees td, th { 
  	padding: 15px; 
  	text-align: left;
	vertical-align: top;
}


.feesched {width: 100%;}

.feesched table { 
  	border-collapse: collapse;
    	width:auto; 
	display: block;
	margin-top:10px;
	overflow-x: auto;
}

/* Zebra striping */
.feesched tr:nth-of-type(odd) { 
  background: #eee; 
}


.feesched td, th { 
  	padding: 5px; 
	padding-right: 20px;
  	text-align: left;
	vertical-align: top;
}


.treehf {
	display: block;
	height: 20px;
	margin: auto;
	width:          100%;
	max-width:          100%;
	max-height:     40px;
	padding:    0px;
	background-color: #014724;
	overflow: hidden;
}


.smedia a:link, .smedia a:visited {opacity: 1;}

.smedia a:hover, .smedia a:active {opacity: 0.7;}

a.greenbutton {display:block;line-height:18px;text-align:center;background-color:#ffffff;border:1px solid #1e5e9c; padding:2px 2px; background:#014724; width:150px;border-radius:7px;font-size: 16px; font-weight: bold; text-decoration: none;vertical-align: middle;box-shadow: 3px 3px 3px #d8d8d8;margin-bottom: 10px;}
a.greenbutton:link {color:#ffffff;}  
a.greenbutton:visited {color:#ffffff;}
a.greenbutton:hover {background-color:#01914a;color: #ffffff;}

a.concernbutton {display:block;line-height:44px;text-align:center;background-color:#ffffff;border:1px solid #1e5e9c; padding:5px 2px; background:#014724; width:285px;border-radius:7px;font-size: 24px; font-weight: bold; text-decoration: none;vertical-align: middle;box-shadow: 3px 3px 3px #d8d8d8;margin-bottom: 10px;}
a.concernbutton:link {color:#ffffff;}  
a.concernbutton:visited {color:#ffffff;}
a.concernbutton:hover {background-color:#01914a;color: #ffffff;}

a.poolbutton {display:block;line-height:18px;text-align:center;background-color:#ffffff;border:1px solid #4f8ab9; padding:2px 2px; background:#237bc2; width:150px;border-radius:7px;font-size: 16px; font-weight: bold; text-decoration: none;vertical-align: middle;box-shadow: 3px 3px 3px #d8d8d8;margin-bottom: 10px;}
a.poolbutton:link {color:#ffffff;}  
a.poolbutton:visited {color:#ffffff;}
a.poolbutton:hover {background-color:#4ba0dd;color: #ffffff;}

.br5 {display: block; margin-bottom:5px;}
.br10 {display: block; margin-bottom:10px;}
.br20 {display: block; margin-bottom:20px;}
.br30 {display: block; margin-bottom:30px;}
.br40 {display: block; margin-bottom:40px;}
.br60 {display: block; margin-bottom:60px;}
.br100 {display: block; margin-bottom:100px;}


.footer {
	position: absolute;
	display: inline-block;
	height: auto;
	margin-bottom: auto;
	width:          100%;
	padding-top:    15px;
	padding-bottom: 15px;
	padding-left:   10px;
	background-color: #01391d;
}


.footleft {float: left; height: auto; padding-left: 2%; background-color: #01391d;}
.footright {
	float: right;
	height: auto;
	padding-right: 2%; 
	text-align: right;
	color: #f1e8d9;
	font-size: 15px;
	background-color: #01391d;
}

.foottext {color: #ffffff; line-height: 110%;}

a.emaillink {text-decoration: none; color:#ffffff;}
a.emaillink:hover {text-decoration: none; color: #BD9400;}


.pagetitle {
	display: block;
	padding-top: 20px;
	padding-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #014724;
}

.bold {font-weight: bold;}

.intpcontent {
	margin: auto;
	width: 98%;
	margin-bottom: 50px;
}

.intpcontent p {
	margin-bottom: 20px;
}


.intpcontent > ul > li {
	list-style: initial;
}


.intpcontent ul  {
    list-style: initial;
    margin: initial;
    padding: 10px 0 10px 40px;
}

.intpcontent li  {
    	display: list-item;
	list-style-type: disc;
	margin: 0 0 20px;
}


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



.menu_simple ul {
	margin: 0;
	padding: 0px;
	width:100%;
	list-style-type: none;

}



.menu_simple ul li a {
	text-decoration: none;
	color: #f5f1e9;
	padding: 10.5px 11px;
	background-color: #014724;
	display:block;

	font-size: 15px;
	border-bottom: 1px solid;
	border-color: #f5f1e9;
}


.menu_simple ul li a:visited {color: #f5f1e9;
}


.menu_simple ul li a:hover, .menu_simple ul li .current {
color: #014724;
 background-color: #f5f1e9;
}


.sidebar {padding-left: 20px;}

.sidebarint {
	margin-top: 60px;
	padding-left: 20px;
	padding-right: 10px;
	margin-bottom: 30px;
}

.sidebarint p {
	margin-bottom: 20px;
}

.grid {overflow: hidden;}

[class*='col-'] {
  float: left;
}

.col-1-2 {
	width: 15%;
	background-color: #014724;
    	margin-bottom: -10000px;
    	padding-bottom: 10000px;
}

.col-1-4 {
	width: 60%;
	background-color: #ffffff;
  	margin-bottom: 0px;
	padding-left: 10px;
	padding-right: 20px;
	color: #000000;
}

.col-1-8 {
	width: 25%;
  	background-color: #f5f1e9;
  	border-left: 2px solid #014724;
    	margin-bottom: -10000px;
    	padding-bottom: 10000px;
}

.col-1-8g {
	width: 25%;
  	background-color: #014724;
  	border-left: 2px solid #014724;
    	margin-bottom: -10000px;
    	padding-bottom: 10000px;
}

.grid:after {
  content: "";
  display: table;
  clear: both;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

[class*='col-'] {
  padding-right: 0px;
  float: left;
}

[class*='col-']:last-of-type {
  padding-right: 0;
}

@media only screen and (max-width: 768px) {
    [class*="col-"] {
        width: 100%;
    }
}

}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 2%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
}