@charset "utf-8";
/* CSS Document */

/* Default Styles */
* {	margin:0; padding:0;}
html, body {height:100%;}
body { margin:0px; padding:0px; background-color:#CCC;font-family:Arial, Helvetica, sans-serif; font-size:1px; line-height:1px; color:#333; }
div { margin:0px; padding:0px;font-family:Arial, Helvetica, sans-serif; color:#333; font-size:14px; line-height:17px;}
img, p, ul, ol, li, hi, h2, h3, h4, table, tr, td { border:0; margin:0; padding:0;}
p { margin-bottom:16px; font-size:1em; line-height:1.4em; }
h1 { margin-bottom:18px; margin-top:20px; font-weight:bold; font-size:1.4em; line-height:1.4em; color:#B50042; }
h2 { margin-bottom:13px; margin-top:20px; font-weight:bold; font-size:1.3em; line-height:1.3em; color:#B50042; }
h3 { margin-bottom:13px; margin-top:20px; font-weight:bold; font-size:1.2em; line-height:1.2em; color:#8e9e50; }
h4 { margin-top:20px; padding:0px; font-weight:bold; font-size:12px; }
h5 { margin:0px; padding:0px; font-weight:bold; font-size:14px; color:#8e9e50; line-height:14px; }
h6 { margin-bottom:13px; margin-top:20px; padding:0px; font-weight:bold; font-size:16px; line-height:16px; color:#8e9e50; }
ul { list-style-image:url(../images/bullet.gif); margin-bottom:10px; padding-left:30px;}

input {border:#A5B85D 1px dotted; margin-bottom:10px; vertical-align:middle; padding:2px;}
label input {border:0px; margin:0px;}
.small input {margin-bottom:0px; vertical-align:top; font-size:11px; line-height:13px;}
textarea {border:#A5B85D 1px dotted; margin-bottom:10px;}
select {border:#A5B85D 1px dotted; margin-bottom:10px;}
.send { cursor:pointer; color:#555; font-weight:bold; border:#A5B85D 1px solid;}
.form1 {border:#A5B85D 1px solid; padding:20px 20px 10px 20px; background-color:#EEE; margin:0; color:#555; font-size:12px;}
.p {font-family:Arial, Helvetica, sans-serif; color:#333; font-size:1em;}

.green { color:#8e9e50; font-weight:bold; }
.green2 { color:#8e9e50; font-weight:normal; font-size:12px;}
.red { color:#B50042; }
.red2 { color:#B50042; font-weight:bold;}
.redborder { border:1px solid #B50042;}
.small { font-size:11px; line-height:13px; }
.qual { font-size:11px; line-height:13px; font-weight:bold; }
.left {	float:left;	width:40%; text-align:left;	}
img.right2 {float:right; margin-left:15px;}
.right { float:right; width:60%; text-align:left; }
.full { float:left; width:100%; text-align:left; }
.clearfloat { clear:both; height:3px; line-height:3px;}
.clearfloat2 { clear:both; height:10px; line-height:10px;}

.dottedline {width:100%; height:15px; margin:0 0 15px 0; padding:0px; border-bottom:1px dotted #A5B85D;text-align:right; font-size:10px; line-height:12px; color:#A5B85D; }
.highslide {margin-right:20px; float:left;}

.section1 { width:100%; margin-top:0px; margin-bottom:5px; float:left; }
.section1a { width:100%; margin-top:0px; margin-bottom:5px; float:none; }
.section2 { width:100%; margin-top:13px; margin-bottom:5px; float:left; }
.section3 { width:100%; margin-top:23px; margin-bottom:5px; float:left; }

.pullout {border:1px solid #8e9e50; font-size:16px; color:#B50042; text-align:center; padding:10px; margin-bottom:10px;}

a:link, a:active, a:visited { text-decoration:underline; color:#8e9e50; }
a:hover, a:focus { text-decoration:underline; color:#B50042; }

#contact .buttonPDF { width:100%; margin-top:0; margin-bottom:13px; float:left; text-align:center; font-weight:bold; color:#FFF;}
#contact .buttonPDF a {display:block; padding:10px 0; border-radius:10px; background-color:#A5B85D; color:#FFF;}
#contact .buttonPDF a:hover, #contact .buttonPDF a:focus { background-color:#B50042; color:#FFF; border-radius:10px;}

hr {border: 0; color: #8e9e50; background-color: #8e9e50; height: 1px; width: 100%; text-align: left; margin-bottom:20px; margin-top:20px;}

/* Superstructure */
#container { width:1000px; margin:15px auto 0px auto; border:0; position:relative; background-color:#FFF;}
#box { position:relative; width:100%; float:left; z-index:1; }

#backlogo { width:95px; height:150px; background-image:url(../images/logo-back1.gif); background-repeat:no-repeat; background-position:bottom; position:absolute; bottom:0px; right:0px;}
#header { width:100%; height:10px; margin:0; padding:6px 0 6px 0; border:0; background-color:#B50042; color:#FFF; line-height:10px; text-align:right; float:left; }
#logohead { width:90%; margin:0; padding:15px 5% 15px 5%; border:0px; float:left; background-color:#FFF; }
img.logo {width:601px;}

.tooltip {display:none;background:transparent url(../images/black_arrow.png);font-size:11px;line-height:15px; height:90px;width:170px;padding:30px 20px 0px; color:#FFF;z-index:1000;margin-top:200px;text-align:center;}
.toolRight {float:right;}

#nav {width:98%; margin:0px; padding:10px 1%; border-top:1px solid #A5B85D; border-bottom:1px solid #A5B85D; color:#B50042; font-weight:bold; text-align:center; float:left; background-color:#FFF; font-size:1.1em; line-height:1.2em; }
#content {width:100%; position:relative; float:left; background-image:url(../images/text-top.jpg); background-repeat:repeat-x; background-color:#FFF;}
#text { width:64%; padding:3% 5%; float:left; border-right:1px solid #A5B85D; position:relative;}
#contact { width:17%; height:100%; padding:3% 4%; float:right;}

#bottomlogo { width:271px; height:432px; margin:68px 0px 0px 0px; padding:0px;float:right; }
#footerGreen {width:100%; height:15px; background-color:#A5B85D; position:relative; float:left; clear:both;}
#footer2 { width:100%; padding:0 0 2% 0; margin-top:10px; text-align:center; color:#666; font-size:0.9em; line-height:1.2em; position:relative; float:left; clear:both;}

/* Specifics */
#header ul { margin:0; padding:0; list-style:none; }
#header li { margin:0; padding:0 10px 0 12px; display:inline; border-left:1px #FFF solid;}
#header li:first-child { border-left:0; margin:0; padding:0 11px 0 0; }
#header a:link, #header a:active, #header a:visited { text-decoration:none; color:#FFF; }
#header a:hover, #header a:focus { text-decoration:underline; color:#A5B85D; }

#nav ul { margin:0; padding:0; list-style:none; }
#nav li { margin:0; padding:0 10px 0 11px; display:inline-block; border-left:1px #CCC solid;}
#nav li:first-child { border-left:0; margin:0; padding:0 11px 0 0; }
#nav a:active, #nav a:link, #nav a:visited { color:#8e9e50; text-decoration:none; font-weight:normal;}
#nav a:hover, #nav a:focus { color:#B50042; text-decoration:none; font-weight:normal;}

#contact .right, #contact .left, #contact .full {font-size:0.95em; line-height:1.3em;}
#contact a:link, #contact a:active, #contact a:visited { text-decoration:underline; color:#333; }
#contact a:hover, #contact a:focus { text-decoration:underline; color:#B50042; }

#footer2 a:link, #footer2 a:active, #footer2 a:visited { text-decoration:none; color:#666; }
#footer2 a:hover, #footer2 a:focus { text-decoration:underline; color:#B50042; }

/****************************************************
MEDIA QUERIES
*****************************************************/
/* for 1300px or less */
@media screen and (max-width: 1300px) {
	#container {width: 85%;}
	#box, #main, #footer2 {width: 100%;}
}
/* for 1150px or less */
@media screen and (max-width: 1150px) {
	#container {width: 94%;}
}
/* for 900px or less */
@media screen and (max-width: 900px) {
	#container {width: 97%;}
	#nav {font-size:1.1em}
	#text {width:60%;}
	#contact {width:21%;}
	#contact .right, #contact .left, #contact .full {font-size:0.9em; line-height:1.3em;}
}
/* for 700px or less */
@media screen and (max-width: 700px) {
	#contact {width:86%; padding:0% 7% 5%;}
	#text {width:86%; padding:5% 7% 0%;}
	#contact .right, #contact .left, #contact .full {font-size:1em; line-height:1.4em;}
	img.logo {width:100%;}
}
/* for 600px or less */
@media screen and (max-width: 600px) {
}
/* for 550px or less */
@media screen and (max-width: 550px) {
	div {font-size:14px;}
	h1 {font-size:18px; margin-bottom:14px;}
	h2 {font-size:16px; margin-bottom:14px;}
	p {padding-bottom:12px; font-size:13px;}
	#nav {width:100%; float:left; position:relative; font-size:17px; float:none; line-height:17px; clear:both; margin-bottom:0px; background-color:#FFF; padding:0;}
	#nav ul {padding:0; margin:0; width:100%; float:none; display:none; }
	#nav ul li {padding:0; text-align:left; display:block; border-left:0; border-bottom: 1px solid #A5B85D; width:100%;}
	#nav ul li a { width:95%; padding:6px 0 6px 5%; display:block;}
	#nav ul li a:hover {background-color:#8ac43f; color:#FFF; }
	#nav ul li.active { width:95%; padding:6px 0 6px 5%; display:block;}
}

#contact a.holiday-hours { color: #b50042; }
.form1 .send {background: rgb(165, 184, 93);color: white; border-radius: 4px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);}
.pure-button:hover { filter: alpha(opacity=90); background-image: -webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1)); background-image: linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1)); }
