@import url("the-menu.css");


/* reset*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	border:0;
}

.video embed,
.video object,
.video iframe {
	width: 100%;
	height: auto;
}
html {
	background: url(../images/greengrass.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color: #006600;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000;
	padding: 0px;
}
a:link {
	color: #630;
}
a:visited {
	color: #630;
}
a:hover {
	color: #963;
}
a:active {
	color: #630;
}
.dropdowns {
	background-color: #FAEED4;
	margin-left: auto;
	margin-right: auto;
	max-width: 960px;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #512f07;
	border-bottom-color: #512f07;
	border-bottom-width: 1px;
}
.title {
	font-size: 110%;
	color: #512f07;
	text-align: center;
	margin: 1%;
}
#container {
	max-width: 982px;
	margin-right: auto;
	margin-left: auto;
	border-right-width: 5px;
	border-left-width: 5px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #512f07;
	border-left-color: #512f07;
	background-color: #FAEED4;
	-moz-box-shadow:    inset 0 0 20px #559814;
   -webkit-box-shadow: inset 0 0 20px #559814;
   box-shadow:         inset 0 0 20px #559814;
}
#print-container {
	max-width: 580px;
}
#header {
	max-height: 224px;
}
.logo {
	text-align: center;
}
#content {
	vertical-align: top;
	display: inline-block;
	width: 74%;
	/*max-width: 726px;*/
}
#sidebar {
	text-align: center;
	vertical-align: top;
	display: inline-block;
	 margin-top: 2%;
	 width: 25%
	/*max-width: 250px;*/
}
.post {
	background-color: #FFF;
	margin-top: 2%;
	margin-bottom: 2%;
	margin-left: 1%;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #512f07;
	border-right-color: #512f07;
	border-bottom-color: #512f07;
	border-radius: 0px 10px 10px 0px; /* top left, top right, bottom right, bottom left */
	padding-bottom: 2%;
}
p {
	line-height: 1.5em;
	margin: 1%;
}
.SB-bold {
	color: #512f07;
	font-weight: bold;  
}
.SB-cc {
	font-size: 80%;
	font-style: italic;
	color: #512f07;
}
#footer {
	max-height: 24px;
	text-align: center;
}
.cclogo {
	text-align: center;
	vertical-align: top;
	display: inline-block;
	margin-right: 1%;
	margin-left: 1%;
}
.copyright {
	font-size: 70%;
	color: #512f07;
	text-align: center;	
}
.small-palm {
	vertical-align: bottom;
	display: inline-block;
}
.large-palm {
	vertical-align: bottom;
	display: inline-block;
}
.home-slides {
	vertical-align: middle;
	display: inline-block;
}
.bx-pager .bx-default-pager {
	display: none;
}
.bx-controls-direction {
	display: none;
}
.bx-pager-item {
	display: none;
}
.bx-pager-link {
	display: none;
}
.home-txt {
  display: inline-block;
  margin-left: 1%;
  max-width: 55%;
  vertical-align: top;
}
.home-list {
	vertical-align: top;
	display: inline-block;
	max-width: 45%;
}
.home-ads {
	vertical-align: top;
	display: inline-block;
	max-width: 15%;
}
ul.listhome {
	list-style: none;
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-size: 90%;
}

.listhome li { 
    padding-left: 1em; 
    text-indent: -.7em;
}

.listhome li:before {
    content: "» ";
    color: #006633; /* or whatever color you prefer */
}
ul.listcoupon {
	list-style: none;
	padding: 0;
	margin: 0;
	font-weight: bold;
	line-height: 2em;	
}

.listcoupon li { 
    padding: 2%;
    text-indent: -.7em;
}

.listcoupon li:before {
    content: "\261B  ";	
    color: #006633; /* or whatever color you prefer */
}
.services-block {
	vertical-align: top;
	display: inline-block;
	width: 50%;
}
.services-block {
	vertical-align: top;
	display: inline-block;
	width: 50%;
}

.services-areas {
	vertical-align: top;
	display: inline-block;
	width: 49%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #c6a86d;
}
.services-title {
	font-weight: bold;
	color: #512f07;
	background-color: #c6a86d;
	text-align: center;
}
ul.serviceshome {
	list-style: none;
	padding: 0;
	margin: 0;
	font-weight: bold;
	line-height: 2em;
}

.serviceshome li { 
    padding-left: 1em; 
    text-indent: -.7em;
}

.serviceshome li:before {
    content: "» ";
    color: #512f07; /* or whatever color you prefer */
}
ul.status {
	list-style: none;
	padding: 0;
	margin: 0;
	font-weight: bold;
	line-height: 2em;
}

.status li { 
    padding: 2%; 
    text-indent: -.7em;
}

.status li:before {
    content: "» ";
    color: #512f07; /* or whatever color you prefer */
}
.status li:nth-child(odd) { 
	background: #f2f2f2;
}
.center {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.right {
	text-align: right;
}

.tips {
	overflow:hidden;
}
.tipsphoto {
	float: left;
	margin: 2%;
	clear: both;
}
.tips-center {
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	margin-top: 5%;
}
.tips-left {
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	margin-top: 5%;
}
.tips-right {
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	margin-top: 5%;
}
.tipstable {
	vertical-align: top;
	margin-bottom: 5%;
}
.coupon-bg {
	background-color: #FFF;
	border: 3px dashed #66CC00;
}

.coupon-bold {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #512f07;
	text-align: center;
	height: 20px;
	padding-top: 3px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #512F07;
}
.coupon-text {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #512f07;
	text-align: center;
	height: 20px;
	padding-top: 3px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #512F07;
	font-weight: bold;
}
.coupon-small-text {
	font-size: 12px;
	font-weight: normal;
	color: #512F07;
	text-align: center;
}
.coupon-outer-border {
	padding: 10px;
	max-width: 580px;
	border: 2px solid #512f07;
	background-color: #FFF;
}
.coupon-outer-bordercenter {
	background-color: #FFF;
	border: 2px solid #512f07;
	padding: 10px;
	max-width: 580px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 2%;
	margin-bottom: 2%;
}
blockquote {
  display: block;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 40px;
  -webkit-margin-end: 40px;
}
/* Form styles */
p.error, p.success {
   font-weight: bold;
   padding: 10px;
   border: 1px solid;
}
p.error {
	background: #ffc0c0;
	color: #900;
}
p.success {
	background: #b3ff69;
	color: #4fa000;
}
label {
	display: block;
	margin: 20px 0;
	letter-spacing: 2px;
	font-weight: bold;
}
form {
	margin: 0 auto;
	width: 70%;
	background-color: #faeed4;
	padding: 2%;
	margin-bottom: 2%
}
.form-horizontal {
	width: 95%;
	margin: 0;
}
.spacer {
	height: 150px;
	width: 100%;
}
.pgspacer {
	height: 200px;
	width: 100%;
}
legend {
	font-weight: bold;
	color: #512f07;
}
.formbox {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}
.chooseit {
	margin-bottom: 3%;
}
.photogalery-block {
	vertical-align: top;
	display: inline-block;
	margin: 2%;
	max-width: 320px;
}
.txtunderline {
	text-decoration: underline;
}
.txtpopup {
	margin-top: 5%;
	margin-bottom: 5%;
}
ol.tipmonth {
	padding: 0;
	margin: 0;
	font-weight: bold;
	line-height: 2em;
	list-style-image: none;
	list-style-type: decimal;
}

.tipmonth li { 
    margin-left: 2em; 
}
.tipmonth-icon {
	vertical-align: top;
	display: inline-block;
	width: 15%;
	margin-left:5%;
}
.tipmonth-block {
	font-size: 120%;
	vertical-align: bottom;
	display: inline-block;
	width: 80%;
}
.homenotice {
  background-color: #faeed4;
  margin: 0 auto 2%;
  padding: 2%;
  width: 70%;
}
.services-status {
	width: 99%;
	margin-left: 1%;
}
.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
	margin-top: 10%;
}
.tips-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
	margin-top: 5%;
}
.column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
}
.double-column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 2;
}
/** keep image from streching in flex column**/
.nostrech {
	align-self: center;
}
.double-photo {
	padding: 4% 0;
}
ol.straight {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 45px;
	list-style-type: decimal;
}
.straight li {
	margin-bottom: 2%;
	padding: 4% 0;
}