@charset "utf-8";
/* CSS Document */
@font-face {
				font-family: 'AvantGardeITCbyBT-Medium';
				src: url('../fonts/avgardm.eot');
				src: url('../fonts/avgardm.eot?#iefix') format('embedded-opentype'),
						 url('../fonts/avgardm.woff') format('woff'),
						 url('../fonts/avgardm.ttf') format('truetype'),
						 url('../fonts/avgardm.svg#avgardm') format('svg');
				font-weight: normal;
				font-style: normal;
		}
body	
{	margin:0 auto; padding:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#000; font-size:12px; font-weight:normal;
	background:#fff;
}

form{padding:0; margin:0;}

p	{ font-family:Arial, Helvetica, sans-serif; color:#cdcdcd; font-size:13px; font-weight:normal;}
h1	{ font-family:Arial, Helvetica, sans-serif; color:#cdcdcd; font-size:20px; font-weight:normal;}
h2{
	font-family: Times, serif;
    font-weight:700;
    border-bottom: 2px solid #106a00;
    display: inline;
    font-size: 17px;
    color: #106a00;
    text-transform: uppercase;
    letter-spacing: 2px;
}

hr{
  margin-top: 0px;
  border-bottom:0;
  border-left:0;
  border-right:0;
  border-top: 2px solid #d5d5d5;  
  margin-bottom: 20px;
}

.ie7 hr{
	margin-top:-6px;
}

h3	{ font-family:Arial, Helvetica, sans-serif; color:#cdcdcd; font-size:16px; font-weight:normal;}

img	{border:none; vertical-align:middle;}
a	{outline:none; text-decoration:underline;  color:#cdcdcd; }
a:hover	{	text-decoration:none;	}

.fclear {clear:both; float:none; line-height:0px; height:0px; font-size:0px; overflow:hidden;}
.fleft  {float:left;}
.fright {float:right;}

input, select, textarea	
{	color:#666; font-size:13px; font-family:Arial, Helvetica, sans-serif; padding:3px; vertical-align:middle;	}


input.login-field {
	width: 100%;
	display: block;
	margin: 0 0 15px 0;
	padding: 6px;
	box-sizing: border-box;
}	

.contact-form{
    max-width: 418px;
    margin: 0 auto;
	padding: 30px 0 22px 0;
	clear: both;
	
}

.contact-form .name-input-container,
.contact-form .mail-input-container{
    width: 48%;
    display:block;
    float:left;
    margin-bottom:5px;
	box-sizing: border-box;
}

.ie7 .contact-form .name-input-container,
.ie7 .contact-form .mail-input-container{
    margin-bottom:0px;
}

.contact-form .message-input-container{
	clear:both;
	padding-top: 10px;
}

.contact-form .name-input-container{
	margin-right:12px;
}

.contact-form #edit-name,
.contact-form #edit-mail{
    width:99%;
    padding:8px 0;
    text-indent:5px;
    border:1px solid #d5d5d5;
	box-sizing:border-box;
}


.contact-form #edit-message{
    width: 98%;
    padding:8px 0 0;
    text-indent:5px;
    border:1px solid #d5d5d5;
    min-height: 50px;
	box-sizing:border-box;
}

.contact-form label{
display: block;
font-size: 10px;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 2px;

}

button {
background-color:#eceeed;
    border:1px solid #d5d5d5;
    width:70px;
    padding:8px 0;
    color:#356498;
    text-transform:uppercase;
    font-weight:600;
    font-size:12px;
    margin-top:10px; 
}


input[type=submit]{
    background-color:#eceeed;
    border:1px solid #d5d5d5;
    width:70px;
    padding:8px 0;
    color:#356498;
    text-transform:uppercase;
    font-weight:600;
    font-size:12px;
    margin-top:10px;   
}

input[type=submit]:hover{
    background-color:#849970;  
	
}

.statusMessage{
    font-size:12px;
}

/* Form Css
----------------------------------------------------------------------------------------------------*/

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

.statusMessage {
	display:none;
	padding: 10px 2em;
	background-color: #eceeed;	
}

.error {
	border: 1px solid #ee2e24 !important;
}

[hidden] {
	display: none;
}

.myform input[type=text], .myform input[type=password] {
	width: 100%;
	padding: 6px;
	font-size: 15px;	
	box-sizing: border-box;
	margin: 0 0 15px 0;
}
.myform input[type=submit] {
	width: 100%;	
}




/*======== Start header and Menu class ========*/
.main { margin:0 auto; max-width:990px;}
.header { float:left; width:100%; }
/*.logo { float:left; width:100%; text-align:center; margin:14px 0;}*/

.logo{
    text-align:center;
    padding:20px 0;
	float: right;
	width: 60%;
    
}
.login {
	float: right;
	width: 20%;	
	padding: 50px 0 0 0;
}
.login a {
	float: right;
	display: block;
	padding: 7px;
	text-align: center;
	text-decoration: none;
	font-weight:700;
    font-size: 14px;
    color: #292d15;
    text-transform: uppercase;
    letter-spacing: 2px;
	max-width: 138px;
	background-color: #849970;
}

.login a:hover {
	background-color: #106a00;
	color: #FFFFFF;
}




.banner { float:left; width:100%;}
.banner img { float:left; width:100%;}
.logo img { max-width:138px;}

/*======== Start footer class ========*/
.footer { float:left; width:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; background:#849970; padding:24px 0 20px 0; text-align:center;}

/*======== Start content class ========*/
.container { float:left; width:100%; margin:25px 0 18px 0;}
.cont-box1 { float:left; width:100%; text-align:center; font-family:AvantGardeITCbyBT-Medium; font-size:30px; line-height:35px; color:#106a00; text-transform:uppercase;}
.cont-box2 { float:left; width:100%; text-align:center; font-family:AvantGardeITCbyBT-Medium; font-size:18px; line-height:35px; color:#000000; margin:5px 0 0 0;}
.login-main { margin:0 auto; width:100%;}
.login-box { margin:0 auto; max-width:420px;}
.login-sub { width:100%; float:left;}
.login-title { float:left; width:100%; text-align:center; font-family:AvantGardeITCbyBT-Medium; font-size:30px;  color:#106a00; margin:15px 0 -12px 0;}
.login-t { background:url(../images/login-t.png) left top repeat-x;}
.login-t-l { background:url(../images/login-t-l.png) left top no-repeat;}
.login-t-r { background:url(../images/login-t-r.png) left top no-repeat;}
.login-b { background:url(../images/login-b.png) left top repeat-x;}
.login-b-l { background:url(../images/login-b-l.png) left top no-repeat;}
.login-b-r { background:url(../images/login-b-r.png) left top no-repeat;}
.login-l { background:url(../images/login-l.png) left top repeat-y;}
.login-r  { background:url(../images/login-r.png) left top repeat-y;}
.login-mid { background:#eaeaea; padding: 12px 16px;}
.input-l { background:url(../images/input-l.png) left top no-repeat;}
.input-r { background:url(../images/input-r.png) left top no-repeat;}
.input-m { background:url(../images/input-m.png) left top repeat-x;}
.input-m input { float:left; width:100%;  background:none; border:none; margin:0; padding:5px 0 5px 0; font-size:12px; color:#000000;}
.login-sad { float:left; width:100%; background:url(../images/login-sad.png) center top no-repeat; margin:16px 0 0 0;}
.login-button { float:right; width:92px; height:31px; background:url(../images/login-button.png) left top no-repeat; border:none; margin:0; padding:0; cursor:pointer;}

@media only screen and (min-width:768px) and (max-width: 995px) {
}

@media only screen and (min-width:480px) and (max-width: 767px) {
	
}


@media only screen and (max-width: 480px) {
	.cont-box1 { font-size:20px; line-height:25px; }
	.cont-box2 {  text-align:center; font-family:AvantGardeITCbyBT-Medium; font-size:18px; line-height:35px;  margin:5px 0 0 0;}
	.login-title {  font-size:20px;  margin:15px 0 -12px 0;}
	.login-mid { background:#eaeaea; padding: 0}
}




@media (max-width: 600px) {
	.logo {
		float: none;
		width: 100%;	
		padding: 10px 0;
		text-align: center;
	}
	.login {
		padding: 10px 0;
		float: none;
		width: 100%;	
	}
	.login a {
		margin: 0 auto;	
		float: none;
	}
	.container {
		padding: 25px;	
		box-sizing: border-box;
	}
	
}
@media (max-width: 400px) {
	.banner {
		background-image: none;
		height: 25px;
		background-color: #83996e;	
		width: 100%;
	}
	.banner IMG {
		display: none;	
	}
}