* { padding:0;
	margin:0; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 5%; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
img { border: 0; }
body, html { width: 100%; height:100%; }
body {
font-size: 100.01%;
font-family: 'Helvetica Neue', Helvetica, 'Futura Medium', Futura, 'Century Gothic', 'Trebuchet MS', Verdana, sans-serif;
color: #000;
background: #77A22F;
} 

hr { width: 730px; margin: 15px auto; color:#adadad; background: #adadad; height:1px; border:0; }
.link { margin-left: 1.5em; }
p {margin:0 0 0.75em 0;}
p.home {margin-bottom:0.75em; font-size:1.1em; line-height:1.4em;}
p.note {font-size: .9em;}
td {padding:0.25em;}
em { color: #638428; font-size:1em; font-style:italic; font-family:georgia, palatino, baskerville, serif;}

a:link { color: white; text-decoration: none;}
a:visited { color: white; text-decoration: none;}
a:hover { color: #49270b; text-decoration: none;}
a:active { color: white; text-decoration: none;}

.contentwrapper a:link, .contentwrapper a:visited, .contentwrapper a:active {color: #77A22F;}
.contentwrapper a:hover {text-decoration: underline;}

h1 { font-size:1.75em; margin:0; font-weight:bold; text-transform:uppercase; color: #77A22F; letter-spacing:0.05em; font-family:'Helvetica Neue', Helvetica;  }
h2 { font-size:1.15em; margin:0.75em 0 0 0; font-weight:bold; text-transform:uppercase; border-bottom:1px dotted #49270b; color: #49270b; }
h3 { font-size:1.07em; margin:0; font-weight:normal; color: #77A22F; font-weight:normal; text-transform:uppercase;}
h4 { font-size:1em; margin:0; font-weight:bold; text-decoration: underline; }
h5 { font-size:1.4em; margin:0 0 10px 0; font-weight:bold; color:#2daa67; }

#left { float:left; width:325px; }
#right { float:left; width:265px; padding-left:20px; }
#scroll {overflow: auto; position:relative; height:438px; font-size:0.9em;}
#top { margin:0; width:100%; height:65px; background: url(../img/shadow2.jpg) repeat-x 0 0;text-align:center;}
#links { margin:0 auto; height:65px; width:800px; line-height:65px; letter-spacing:0.025em; font-size: 1.3em;}
#content { width:800px; height:468px; margin:0 auto; line-height:1.3em; font-size:1.1em; font-family:'Century Gothic', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
#middle { width:100%; background-color:white; height:468px; margin:0;text-align:left; font-size: 0.8em;}
#bottom { width:100%; background: url(../img/shadow.jpg) repeat-x 0 0; margin:0; text-align:center; padding-top:15px; color:white; line-height:1.5em; }
#footer { margin:0 auto; width:800px;font-size:0.9em;}
.centered {width:612px;}
.clearb {clear:both;}

#appt {
	text-align: center;
	margin: 0 auto;
}

#appt a {
	display: block;
	max-width: 230px;
	color: #fff;
	background: #8cbb3e;
	border: 1px solid #fff;
	margin: 18px auto;
	padding: 12px 5px;
	-webkit-box-shadow: 1px 1px 6px 2px rgb(0 0 0 / 10%);
    box-shadow: 1px 1px 6px 2px rgb(0 0 0 / 10%);
	text-shadow: 1px 1px 2px rgb(0 0 0 / 38%);
	font-size: 18px;
}

#appt a:hover {
	background: #699520;
}

#hiring {
	margin: 25px 0 25px 20px;
    float: left;
    width: 65%;
}

#hiring ul {
	margin-left: 20px;
}

#hiring a {
	color: #77A22F;
}

/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
background: #EEE;
}
.vscrollerbar {
width: 10px;
background-color: #77A22F;
}
.hscrollerbase {
height: 10px;
background-color: #EEE;
}
.hscrollerbar {
height: 10px;
background-color: #77A22F;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}

#educo {
float:right;
width:30px;
height:39px;
margin-right:10px;
background: url(../img/educo.gif)
}
#educo:hover { background-position: 0pt -39px;}
#educo span {display:none;}

/* ------------------- Below 800px ------------------*/
@media all and (max-width: 50em) {
	#links, #footer {
		width: 100%;
	}
	#content {
		width: 90%;
		padding: 0 0 20px 0;
	}
	#content, #middle, #top, #links, #scroll {
		height: auto;
	}
	#top {
		background: url(../img/shadow2.jpg) repeat-x 0 bottom;
		padding-bottom: 15px;
	}
	#middle {
		padding-top: 15px;
	}
	
	#links {
		line-height: 50px;
		font-size: 1.0em;
	}

	#links > a, .link {
		margin-left: 0;
		display: block;
	}
	#logo {
		background: #fff;
		border-bottom: 1px solid #49270b;
		padding-bottom: 10px;
	}
	a#logo {
		margin: 0;
	}
	#logo img {
		float: none !important;		
		padding: 0 10px 10px;
		background: #fff;
		border: none !important;
	}
	#home-img img, .extra-img {
		display: none;
	}
	#scroll {
		overflow: visible !important;
	}
	#scroll_mcontentwrapper {
		height: auto !important;
		overflow: visible !important;
	}
	
	#left, #right, .centered {
		padding-left: 0;
		width: 100%;
		float: none;
	}	
	
	#footer {
		font-size: 0.8em;
		padding-bottom: 15px;
	}
}