body {
	background-color:#37BA31;
	color: white;
	font: large "Lucida Grande", Lucida, Verdana, sans-serif;
}

button {
	color: #fffc79;
	width: 8em;
	background-color: #298427;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-style: none;
	font: large "Lucida Grande", Lucida, Verdana, sans-serif;
}

#logoimage {
	width: 100%;
}

button:hover {
	background-color: #7bbc00;
	background-color: #fffc79;
	color: #298427;
}

.onpage {
	color: white;
}

/* Slideshow CSS */

    #slideshow {
        position:relative;
        width: 60%;
        padding-left: 20%;
        padding-right: 20%;
    }

    #slideshow IMG {
        position:absolute;
        top:25px;
        left:0;
        z-index:8;
        opacity:0.0;
        width: 720px;
        height: 540px;
    }

    #slideshow IMG.active {
        z-index:10;
        opacity:1.0;
    }

    #slideshow IMG.last-active {
        z-index:9;
    }

/* End of Slideshow CSS */

#labels {
	float: left;
}

#fields {
	float: left;
}

textarea {
	height: 7em;
	padding-top: 1em;
}

submit {
	top: 12em;
}

#contact_us {
	width: 20em;
	float: left;
}

#contact_info {
	float: left;
}


@media (max-width: 1024px) {
	body {
}

#logo {
	width: 100%;
	text-align: center;
}
#side_fill_pics {
	visibility: hidden;
	height: 0px;
	width: 0px;
}
}
@media (min-width: 1024px) {

#header {
	position: absolute;
	height:91px;
}

#info_1 {
	visibility: hidden;
	height: 0px;
	width: 0px;
}

#logo {
	position: absolute;
	width:233px;
	height: 91px;
}

#thumb_bar {
	position: relative;
	left: 233px;
	top: 0px;
	height: 91px;
}

#sidebar {
	position: absolute;
	top: 105px;
	width: 12em;
}

#main_page {
	position: absolute;
	top: 115px;
	left: 14em;
}

#fill_pics {
	position: relative;
}

#side_fill_pics {
	float: right;
	width: 224px;
	padding-right: 10%;
	padding-top: 5%;
}
	
}