/*----------------
PRIMARY
-------------------*/

body {
	background: #84c441 url('../images/background.jpg') center top no-repeat;
}

.container{
	background:url('../images/background-image1.png') center no-repeat;
	position:relative;
	width:980px;
/*	height:690px;*/
	margin:0 auto;
}

.container-supt{
	background:url('../images/columns1.png') center;
	position:relative;
	width:980px;
	margin:5px auto 0 auto;
}

#content{
	position:absolute;
	width:860px;
	background:#fff;
	margin-left:300px;
	margin-top:-20px;
}

#content-supt{
	width:780px;
	margin-left:100px;
	margin-top:-6px;
}


/*----------------
HEADER
-------------------*/

header{
	position:relative;
	width:980px;
	height:409px;
	margin:0 auto;
	background:url('../images/supt-image1.png');
}

body#home header {
	background:none;
	height:690px
}

#logo{
	position:absolute;
	margin-top:185px;
	margin-left:285px;
}

#social {
	position:relative;
	width:50px;
	height:50px;
	z-index:30;
	left:530px;
	top:-185px;
}

#welcome {
	width:710px;
	margin:0 auto;
	background:#FEEB99;
	margin-top:-48px;
	padding:20px 20px 0 20px;
	text-align:center;
	font-family: 'Mouse Memoirs', sans-serif;
	font-size:1.6em;
	line-height:1.2em;
	letter-spacing:0.03em;
	color:#4B1719;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}


/*----------------
NAVIGATION 
-------------------*/

nav{
	width:880px;
	height:85px;
	position:relative;
	text-align:center;
	line-height:1.8em;
	margin:0 auto;
	padding-top:325px;
}

body#home nav {
	position:absolute;
	top:375px;
	left:100px;
	padding:0;
}

nav a{
	margin:0 auto;
	padding:5px;
	text-decoration: none;
	color:#fff;
	font-size: 1.6em;
	font-weight: normal;
	font-family: 'Mouse Memoirs', sans-serif;
	letter-spacing: 1px;
}

nav a:hover {
	color:#F4C71D;
}

body#home nav a {
	color:#4B1719;
}

body#home nav a:hover {color:#A04E29;}

#quicklinks{
	position:absolute;
	margin-top:310px;
	margin-left:310px;

}

#quicklinks a{
	font-size:2.8em;
	text-decoration: none;
	color:#F3E72E;
	padding:25px;
	letter-spacing: 1px;
	font-family: 'Mouse Memoirs', sans-serif;	
}

#quicklinks a:hover {color:#fff;}


/*----------------
CONTENT 
------------------*/

h1,h2,h3,h4,h5,h6{
	font-family: 'Mouse Memoirs', sans-serif;
}

h1{
	color:#007C42;
	font-size:3.5em;
	font-weight:bold;
	letter-spacing:.5px;
	padding-bottom: 15px;
}

h2{
	color:#F98F23;
	font-size:2.8em;
	font-weight:bold;
	letter-spacing:.5px;
	padding-bottom: 5px;
}

h3{
	font-size:2.2em;
	letter-spacing:.5px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-weight: normal;
	color: #552a20;
	}


h4{
	font-size:1.75em;
	letter-spacing:.5px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-weight: normal;
	padding-top: 5px;
}

a{
	color: #8c3b27;
}


a:hover{
	color: #a85e39;
}


a.button{
	background-color: #2ba64b;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 10px;
	margin-right: 15px;
	color: #fff;
	font-family: 'Mouse Memoirs', sans-serif;
	font-weight: normal;
	letter-spacing:.5px;
	font-size:1.75em;
	text-decoration:none;
}

a.button:hover{
	background-color: #5cbb45;
	}

.reviews .container{
	background: none;
}
	
/*----------------
ADA LIBRARY
------------------*/


iframe#ada {
	margin-top:0px;
	width:810px;
	height:950px;
}

/*----------------
FOOTER 
------------------*/

.bottom {
	background:url('../images/footer-image.png') -4px 0;
	width:980px;
	height:99px;
	margin:0 auto;
	margin-top:-3px;
}

footer{
	width:820px;
	margin:0 auto;
	padding:25px 80px 0 80px;
	color:#145729;
	text-align:center;
	font-size:.9em;
}

footer a{
	color:#49171b;

}

body#home footer {
	margin-top:120px;
}

#form .clear {clear:both;}
#form .center {text-align:center;}
#form h3 {margin:0 1%;}
#form small {font-style:italic;}
#form hr {width:98%;margin:10px 1% 15px 1%;}

/*GRID */
#form .column {
	float:left;
	margin:0 1%;
}

#form .full {width:98%;margin:0 1%;}
#form .half {width:48%;}
#form .twothird {width:65%;}
#form .onethird {width:31%;}

/*FORM STYLES*/

#form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=image]) {
	width:96%;
	padding:10px 2%;
}

#form input[type=radio] {
	margin-bottom:5px;
}

#form textarea {
	width:96%;
	resize:none;
	padding:10px 2%;
	font:95%/1.4 'Tahoma',sans-serif;
}

#form select {
	width:101%;
	padding:10px 2%;
}

/*MEDIA QUERIES */

@media (max-width:767px) {
	#form .column {
		float:none;
		margin:0;
	}
	#form .full, #form .half, #form .twothird, #form .onethird {
		width:100%;margin:0;
	}
}

#form .clear {clear:both;}
#form .center {text-align:center;}
#form h3 {margin:0 1%;}
#form small {font-style:italic;}
#form hr {width:98%;margin:10px 1% 15px 1%;}

/*GRID */
#form .column {
	float:left;
	margin:0 1%;
}

#form .full {width:98%;margin:0 1%;}
#form .half {width:48%;}
#form .twothird {width:65%;}
#form .onethird {width:31%;}

/*FORM STYLES*/

#form input:not([type=submit]):not([type=checkbox]):not([type=radio]) {
	width:96%;
	padding:10px 2%;
}

#form input[type=radio] {
	margin-bottom:5px;
}

#form textarea {
	width:96%;
	resize:none;
	padding:10px 2%;
	font:95%/1.4 'Tahoma',sans-serif;
}

#form select {
	width:101%;
	padding:10px 2%;
}

/*MEDIA QUERIES */

@media (max-width:767px) {
	#form .column {
		float:none;
		margin:0;
	}
	#form .full, #form .half, #form .twothird, #form .onethird {
		width:100%;margin:0;
	}

/*----------------
MISCELLANEOUS
-------------------*/
.clear {clear:both;}
.floatleft {float:left;margin-right:15px;border:1px #007B42 solid;}
.floatright {float:right;margin-left:15px;border:1px #007B42 solid;}
.floatmid {display:block;margin:0 auto;border:1px #007B42 solid;}
.center {text-align:center;}
.border {border:1px #007B42 solid;}