@import url(http://fonts.googleapis.com/css?family=Amatic+SC);
@import url(http://fonts.googleapis.com/css?family=Abel);

body {
	background: #5d802c;
	color: #FFF;
	font-family: 'Abel', sans-serif;
	font-size: 14pt;
	margin: 0;
	padding: 0;
}

div.imageBar {
    background-color:#fff;
}

#headerTag {
    background-color: #fff;
    padding-top: 30px !important;
}

#header h1 {
    margin: 0px !important;
}

#logo{
    max-height: 100px;
    width: auto;
    height: 100%;
}

#bottomMain {
    margin-top: 375px !important;
}

a {
	outline: none;
}

img {
	border: 0;
}

#header {
	background: none repeat scroll 0% 0% #FC8700;
	width: 100%;
}

h1, h2 {
    font-family: 'Amatic SC', cursive;
}

h1.play, h2.play {
    font-size: 40px !important; 
    font-weight: bold !important;
    text-align: center;
}

#header{
	margin: 0 auto;
	overflow: hidden;
	width: 100%;
}

#header div.center{
	margin: 0 auto;
	overflow: hidden;
	max-width: 960px;
}

#header p {
    font-family: "Amatic SC",cursive;
    float: left;
    font-size: 20pt !important;
    font-weight: bold;
    color: #382D00;
    padding-bottom: 10px;
    margin: 0px;
}

#headerLogo {
    float: left;
    margin: 15px 15px 0px;
}

#header img {
	float: left;
	margin-top: 15px;
}

#header ul {
	float: right;
	list-style: none;
	margin: 15px 0px 0px;
	overflow: hidden;
	padding: 0;
}
#header ul li {
	float: left;
	padding: 0px 0px;
    border-right: .5px solid #404040 
}
#header ul li.current a {
	/*background: url(../images/bg-button.gif) no-repeat 0 0;*/

}
#header ul li a {
	color: #fff ;
	display: block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	/*width: 90px;*/
    padding: 0px 15px;
    font-size: 18pt;
    font-weight: bold;
    font-family: 'Amatic SC', cursive;
}
#header ul li a:hover {
	color: #382D00;
}
#content {
	/*background: #7cc116 url(../images/bg-content.gif) repeat-x top left;*/
	color: #382d00;
    background-color: #fff;
}
div#content {
	/*background: url(../images/homeImage.jpg) no-repeat top center;*/
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	width: 100% !important;
}

#imageBar {
    width: 100%;
}

#topBar {
    height: 25px;
    width: 100%;
}

#content{
	background-color: #ABC81D;
	/*float: right;*/
	margin: 0px auto;
	min-height: 0;
	width: 100%;
}

.contentText {
    max-width: 950px !important;
    margin: 0px auto !important;
    padding: 30px 20px;
    font-size: 16pt;
}

#homeImage img {
    width: 100%;
    height: auto;
}

#content div h1, #content div h2 {
	color: #382d00;
	font-size: 20px;
	font-weight: normal;
	margin: 0;
}
#content div div h2 {
	padding-top: 25px;
}
#content div div p {
	line-height: 23px;
	padding-top: 0px;
	/*text-align: justify;*/
}
#content div div p a, #footer div ul li p a {
	color: #fdfd00;
}
div.content { 
	padding-bottom: 50px;
}
 
div.content div div {
	padding: 10px 0px;
	/*overflow: hidden;*/
	width: auto;
}
div.content div div#services {
	padding-top: 0; 
}
div.sidebar {
	float: left;
	padding-top: 0;
	width: 45%;
}
div.sidebar h3 {
	color: #9BAF58;
	font-size: 25px;
	font-weight: normal;
	margin: 0;
	text-indent: 20px;
}
 
div.sidebar {
    margin-top: 20px !important;
	height: auto;
    background-color: purple;
    border-top-left-radius: 40px 30px;
    border-bottom-right-radius: 40px 30px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    margin: 10px 0px;
}

div.sidebar .left {
    width: 35% !important;
    padding: 15px;
    display: inline-block;
    vertical-align: top;
}

div.sidebar .right {
    width: 55% !important;
    display: inline-block;
    vertical-align: top;
}

div.sidebar .right{
    border-left: solid 1px #ABC81D;
}

 div.sidebar span {
	color: #FFFFFF;
	display: block;
	font-size: 25px;
	font-style: italic;
    padding: 0px 15px;
}
div.sidebar p {
	line-height: 23px;
	margin: 0;
	padding-top: 0;
    color: #FEEA93;
    padding: 0px 15px;
}
div.content div div div#aside, div.content div div div#contact {
	float: right;
	padding-left: 10px;
	padding-top: 0;
}
div.content div div div#aside span {
	color: #fc9500;
	display: block;
	font-size: 20px;
	padding-top: 50px;
}
div.content div div div#aside span.first {
	padding-top: 0;
}
div.content div div div#aside p {
	margin: 0;
	line-height: 23px;
	padding-top: 5px;
}
div.content div div div#aside ul {
	list-style: disc inside;
	margin: 0;
	padding: 0 0 0 25px;
}
div.content div div div#aside ul li {
	padding: 5px 0;
}
div.content div div div#aside b {
	font-weight: normal;
	display: block;
	padding: 5px 0 5px 25px;
}
div.content div div div#aside div {
	height: auto;
	overflow: hidden;
	padding-top: 0;
	width: auto;
}
div.content div div div#aside div ol {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
div.content div div div#aside div ol li {
	margin-left: 30px;
	padding: 5px 30px 5px 0;
}
div.content div div div#contact {
	color: #7d6e4f;
}
div.content div div div#contact h4 {
	color: #3D2600;
	font-size: 18px;
	font-weight: normal;
	margin-top: 50px;
	padding-left: 30px;
}
div.content div div div#contact h4.first {
	margin: 0 0 20px;
}
div.content div div div#contact p {
	line-height: 23px;
	margin: 0;
	padding-left: 65px;
}
div.content div div div#contact p a {
	color: #ff9100;
}
div.content div div div#contact b {
	display: block;
	font-weight: normal;
	line-height: 23px;
	margin-top: 15px;
	padding-left: 100px;
}
div.content div#blog {
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	padding-right: 10px;
	width: 950px;
}
div.content div#blog div.sidebar {
	float: left;
	margin-left: 35px;
	margin-top: 45px;
	padding-top: 0;
	width: 210px;
}
div.content div#blog div.sidebar h2 {
	color: #9BAF58;
	font-size: 25px;
	font-weight: normal;
	margin: 0 0 5px;
}
div.content div#blog div.sidebar h3 {
	background: url(../images/separator.gif) no-repeat center top;
	font-size: 18px;
	font-weight: normal;
	margin: 0;
	padding: 10px 0 10px 10px;
}
div.content div#blog div.sidebar h3 a {
	background: url(../images/arrow.gif) no-repeat 180px 7px;
	color: #fc9400;
	display: block;
	text-decoration: none;
}
div.content div#blog div.sidebar h3 a:hover, div.content div#blog div.sidebar p a:hover {
	color: #b96914;
}
div.content div#blog div.sidebar h3.first a {
	background: url(../images/arrow.gif) no-repeat 180px -16px;
}
div.content div#blog div.sidebar h3 span {
	color: #b96914;
}
div.content div#blog div.sidebar div {
	background: url(../images/separator.gif) no-repeat center top;
	height: auto;
	padding: 15px 0 15px 15px;
	width: auto;
}
div.content div#blog div.sidebar p {
	color: #785d40;
	line-height: 23px;
	margin: 0;
}
div.content div#blog div.sidebar p a {
	color: #746048;
	text-decoration: none;
}
div.content div#blog div.sidebar p span {
	color: #bc6812;
}
div.content div#blog div.article {
	float: right;
	width: 630px;
}
div.content div#blog div.article ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
div.content div#blog div.article ul li {
	background: url(../images/separator-long.gif) no-repeat center top;
	display: block;
	overflow: hidden;
	padding: 30px 0;
}
div.content div#blog div.article ul li.first {
	background: none;
}
div.content div#blog div.article ul li div {
	float: left;
	padding-top: 0;
	width: 511px;
}
div.content div#blog div.article ul li div h1 {
	font-size: 18px;
	font-weight: normal;
	margin: 0;
}
div.content div#blog div.article ul li div h1 a {
	color: #FC9400;
	display: block;
	text-decoration: none;
}
div.content div#blog div.article ul li div h1 a:hover {
	color: #b96914;
}
div.content div#blog div.article ul li div p {
	line-height: 23px;
	margin: 0;
	/*text-align: justify;*/
}
div.content div#blog div.article ul li div.section {
	margin-right: 15px;
	padding-top: 5px;
	width: 100px;
}
div.content div#blog div.article ul li div.section span {
	display: block;
	line-height: 23px;
}
div.content div#blog div.article ul li div.section span a {
	color: #878785;
	text-decoration: none;
}
div.content div#blog div.article ul li div.section span a:hover {
	color: #272725;
}
div.content div#blog div.article div#paging {
	background: url(../images/dotted-separator.gif) no-repeat right top;
	margin-left: 125px;
	margin-top: 20px;
	padding: 20px 0;
	width: 500px;
}
div.content div#blog div.article div#paging ul {
	float: left;
	margin: 0 0 0 195px;
	padding: 0;
}
div.content div#blog div.article div#paging ul li {
	float: left;
	height: 40px;
	margin: 0 5px;
	padding: 0;
	width: 40px;
}
div.content div#blog div.article div#paging ul li a {
	background: url(../images/bg-button.gif) 0 40px;
	color: #FFF;
	display: block;
	font-size: 18px;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
}
div.content div#blog div.article div#paging ul li.selected a, div.content div#blog div.article div#paging ul li a:hover {
	background: url(../images/bg-button.gif) 0 90px;
}
div.content div#blog div.article div#paging a.next {
	background: url(../images/bg-button.gif) 0 140px;
	color: #fff;
	display: inline-block;
	font-size: 18px;
	height: 40px;
	letter-spacing: 5px;
	line-height: 40px;
	margin-left: 5px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 100px;
}
div.content div#blog div.article div#paging a.next:hover {
	background: url(../images/bg-button.gif) 0 190px;
}
div.content p a {
	color: #2b2e1d;
}
#footer {
	font-size: 10pt;
    margin: 0px auto;
    overflow: hidden;
    width: 100%;
    padding: 25px 0px;
    max-width: 960px;
}

#footer div.right, #footer div.left, #footer #center {
	display: inline-block;
	width: 31%;
    font-size:14pt;
    vertical-align:top;
}

#footer div.right {
	padding-right:5px;
}

#footer div.left {
	padding-left:10px;
}

#footer #center {
    text-align:center;
}

div.center h3 {
    color: #fff;
    text-transform: uppercase;
}

#footer div h3{
    text-transform: uppercase;
    font-size: 18pt;
    padding: 2px 0px;
    margin: 2px 0px;
}

#footer div p{
    padding: 2px 0px;
    margin: 2px 0px;
}

#footer div.right {
    text-align:right;
}

#footer div.left {
    text-align:left;
}

#footer div a {
	color: #ABC81D;
	text-decoration:none;
}

#footer div a:hover {
	color: #80295A;
	text-decoration:none;
}

#footer p {
	padding: 5px 10px;
}

#footer p.footnote {
	color: #2a460c;
	padding: 5px 10px;
	text-align: center;
}

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

#footer p.footnote a:hover {
	color: #FC8700;
	text-decoration:none;
}

#contact {
        padding-left: 50px !important;
        float: none !important;
        text-align: center;
    }

#contact h2 { padding: 0px !important; 
              margin: 0px !important; 
              font-size:30pt !important; 
              font-weight: bold !important;
}

#contactImage { width: 50%; float: left; }

#bottomPicture{
    float:right; 
    margin-top:-50px; 
    width: 100% !important; 
    max-width: 530px; 
}

/* MailChimp Form Embed Code - Classic - 08/17/2011 */
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 3% 10px 3%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px; color: #fff;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%; color: #fff;}
#mc_embed_signup .asterisk {color:#c60; font-size:200%;}
#mc_embed_signup .mc-field-group .asterisk {position:absolute; top:25px; right:10px;}        
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

/*Responsive code*/
@media only screen and (max-width: 800px) {
    #contact h2 { 
        padding: 0px !important; 
        margin: 0px !important; 
        font-size:20pt !important; 
        font-weight: bold !important;
    }

    #bottomPicture{
        float:right; 
        margin-top:-30px; 
        width: 100% !important; 
        max-width: 530px; 
    }
}

@media only screen and (max-width: 600px) {
    #contact {
        width: 95% !important;
        text-align: center;
    }
}

@media only screen and (max-width: 500px)
{
    div.sidebar .left {
        width: 100% !important;
        margin: 15px 0px;
        display: inline-block;
        vertical-align: top;
        text-align: center;
        padding: 0px;
    }

    div.sidebar .right {
        width: 100% !important;
        display: inline-block;
        vertical-align: top;
        padding: 15px 0px 15px;
    }

    div.sidebar .right {
        border-left: none;
        border-top: 1px solid #ABC81D;
    }

    #contact {
        padding-left: 0px !important;
        float: left !important;
    }

    #contactImage { width: 100%; text-align: center; }

    #header ul li a {
        padding: 0px 10px;
    }

    #footer div.right, #footer div.left, #footer #center {
	    width: 100% !important;
        text-align: center;
        margin-top: 10px;
    }

    #footer #center {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 360px) {
    #header ul li a {
        font-size: 15pt;
    }

    
}