/* BODY
   ================================================== */

body {
    background: #c3e2ad url( "../images/green_bg.jpg" );
    font: 0.9em Arial,Helvetica,sans-serif;
	margin: 0;
	padding: 0;
}

/* GENERAL DIVS
   ================================================== */

.clear {
	clear: both;
}
.container {
    width: 90%;
    max-width: 802px;
    margin: 70px auto;
}
.main {
	background: white;
	border: 1px solid #426f28;
}
.logo {
	float: left;
	width: 25%;
	margin: 4%;
	padding-right: 4%;
	border-right: 1px solid #ccc;
	text-align: center;
}
.inner_main {
	float: left;
	width: 58%;
	padding: 4% 4% 4% 0;
}
.footer {
    float: left;
    width: 100%;
}
.contact_form {
	display: none;
}
.one_col {
	float: left;
	width: 100%;
}
.two_col {
	float: left;
	width: 45%;
	min-width: 220px;
	margin-right: 5%;
}

/* IMAGES
   ================================================== */

.logo img {
	width: 100%;
	max-width: 200px;
	height: auto;
	border: 0;
}


/* HEADINGS
   ================================================== */

h1 {
    margin: 0;
    padding: 0;
    color: #6ca542;
    font-size: 2em;
    font-weight: bold;
}
h2 {
    margin: 20px 0 0 0;
    padding: 0;
    color: #426f28;
    font-size: 1.5em;
    font-weight: normal;
}

/* PARAGRAPHS
   ================================================== */

p {
    margin: 20px 0px;
    padding: 0px;
    font-size: 1.2em;
	line-height: 1.5;
    color: #666;
}

.footer p {
    margin-top: 20px;
    font-size: 0.85em;
    text-align: right;
}

/* FORMS
   ================================================== */

label {
    font-weight: bold;
    margin: 5px 0px;
}

label.error {
    display: inline-block;
	background: #f99;
    color: #c00;
    position: relative;
    top: 4px;
    padding: 2px 5px;
    border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
}

input,
textarea {
    padding: 5px 7px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.1em;
    border: 1px solid #ccc;
    border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
}

/* CSS for submit buttons is above under the links section */

textarea {
	width: 90%;
	height: 100px;	
	-webkit-transition: .3s height;	
	-moz-transition: .3s height;	
	-o-transition: .3s height;	
	transition: .3s height;	
}

textarea:focus {
	height: 300px;
	-webkit-transition: .3s height;	
	-moz-transition: .3s height;	
	-o-transition: .3s height;	
	transition: .3s height;	
}

input#recaptcha_response_field { width: 285px }

/* LINKS
   ================================================== */

a {
	text-decoration: none;
    font-weight: bold;
    color: #B55C00;
	line-height: 1.5;
}

a:hover {
    text-decoration: underline;
    color: #D46C00;
}

a.button,
input[type=submit] {
	display: inline-block;
	font-size: 1.2em;
	font-weight: bold;
    padding: 10px 20px;
    color: white;
    border: none;
    background: #B55C00;
    background: linear-gradient(top,#D46C00,#B55C00);
    background: -webkit-gradient( linear,center top,center bottom,from(#D46C00),to(#B55C00) );
    background: -moz-linear-gradient(top,#D46C00,#B55C00);
	border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
    -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

a.button:hover,
input[type=submit]:hover {
    cursor: pointer;
    background: #D46C00;
    background: linear-gradient(top,#FF8200,#D46C00);
    background: -webkit-gradient( linear,center top,center bottom,from(#FF8200),to(#D46C00) );
    background: -moz-linear-gradient(top,#FF8200,#D46C00);
    text-decoration: none;
}

a.button:active,
input[type=submit]:active {
    position: relative;
    top: 1px;
    left: 1px;
    text-decoration: none;
}

/* CAPTCHA
   ================================================== */

div.recaptcha_get_another,
div.recaptcha_only_if_image,
div.recaptcha_only_if_audio,
div.recaptcha_help {
    display: inline;
    margin-right: 16px;
}

iframe { border: 0px }


/* GENERAL ATTRIBUTES
   ================================================== */

.short { width: 300px }

.wide { max-width: 650px }

.full { width: 95% }

.left {
    float: left;
    margin-right: 10px;
}

.right {
    float: right;
    margin-left: 10px;
}

.success {
    background: #d3e6b6;
    border: 1px solid #426213;
    padding: 10px;
    margin-bottom: 20px;
    color: #426213;
}

.warning {
    background: #fcc;
    border: 1px solid #c00;
    padding: 10px;
    margin-bottom: 20px;
    color: #c00;
}

.caption {
    font-size: 0.85em;
    color: #6FAF10;
}

/* FOR MOBILE
   ================================================== */

@media screen and (max-width: 600px) {
	div.container {
		margin: 10px;
	}
	div.inner_main {
		margin: 1px;
		padding: 15px 20px;
	}
	div.logo {
		display: none;
	}
	.left,
	.right,
	div.two_col {
		float: none;
		margin: 0;
	}
}

/* FOR PRINT
   ================================================== */

@media print {
	a.button {
		display: none;
	}
}

/* FOR IE6
   ================================================== */

* html div.container {
	width: 802px;
}
* html a.button {
	display: block;
}
* html div.right {
	float: none;
	margin-left: 0;
}