/* GENERIC STYLES */

@import url("reset.css");
@import url("nav.css");

body {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.6em;
	color: #707070;
	background: url(../images/bkg.gif) repeat-x top  #f4f5ee;
	text-align: center; /* Needed for IE5x Bug */
}

h1 { margin: 0 0 15px 0; padding: 0; font-size: 20px; font-weight: normal; color: #85a261; text-align: left; }
h2 { margin: 20px 0 5px 0; padding: 0; font-size: 14px; font-weight: bold; color: #633412; text-align: left; }
h3 { margin: 15px 0 5px 0; padding: 0; font-size: 14px; font-weight: bold; color: #85a261; text-align: left; }
h4 { margin: 22px 0 5px 0; padding: 0; font-size: 12px; font-weight: bold; color: #707070; text-align: left; }
p { margin: 8px 0 15px 0; padding: 0; text-align: justify; font-size: 13px; line-height: 1.6em; }
a { color: #653614; text-decoration: underline; }
a:focus { outline: none; }
a:hover { color: #3c5d38; text-decoration: underline; }
sup { font-size: 8px; font-weight: normal; }
sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; top: .5ex; }
ol { text-align: left; margin: 5px 0 10px 25px; padding: 0; line-height: 1.3em; }
ul { text-align: left; margin: 5px 0 10px 18px; padding: 0; list-style-type: square; line-height: 1.3em; }
li { padding: 3px; }
.clear { clear: both; height: 0px; font-size: 0px; line-height: 0px; }

.regFont {line-height: 1.6em; font-size: 12px;}

/* LAYOUT STYLES */

#layout { margin: 0 auto; padding: 3px 4px; width: 778px; background-color: #fff; text-align: left; border-left: 1px solid #e2e6d5; border-right: 1px solid #e2e6d5;}

#social {position: absolute; clear: both; width: 778px;}

#twitter {float: right; position: relative; left: 14px;}

#facebook {float: right; position: relative; left: 12px;}

#facebook span, #twitter span {display: none;}

.clear {clear: both;}

#facebook a {background: url(../images/btn-facebook.gif) no-repeat top; width: 156px; height: 64px; display: block;}

#facebook a:hover, #twitter a:hover {background-position: 0 -64px;}

#twitter a {background: url(../images/btn-twitter.gif) no-repeat top; width: 156px; height: 64px; display: block;}

#collefthome { float: left; margin: 0; padding: 0 0 0 22px; text-align: left; }
#colrighthome { float: right; margin: 0; padding: 0 20px 0 0; width: 350px; height: 452px; text-align: left; background: url(../images/homeBKG.jpg) no-repeat top right; }
#colrighthome p { font-size: 12px; }
#colrighthome h2 { font-size: 13px; }
#colrighthome ul { text-align: left; margin: -10px 0 0px 22px; padding: 0; list-style-type: square; line-height: 1em; }
#colrighthome li { padding: 1px; }

#colleft { margin: 0; padding: 0 0 30px 22px; text-align: left; background: url(../images/insideBKG.jpg) no-repeat bottom left;}
#colright { margin: 0; padding: 0 20px 10px 20px; width: 100%; text-align: left;  }

#colcenter { margin: 0; padding: 5px 20px 20px 20px; width: 740px; text-align: left;  }

.hero { padding: 5px; border: 1px solid #c4c4c4; background-color: #fff; }


/* GENERAL STYLES */

#book { margin: 4px 0 0 0; font-size: 12px; }
#phone { font-size: 18px; font-weight: normal; color: #85a261; letter-spacing: 1px; }
.hilite { margin: 0 0 5px 0; font-size: 12px; font-weight: bold; line-height: 1.3em; text-align: center; color: #900e0e; }

#newsletter { margin: 0; padding: 0; }
#newsletter input { margin: 0 3px 0 0; width: 120px; height: 16px; background-color: #d8ffb9; border: none; color: #8e8e8e; font-size: 10px; padding: 3px 5px 0 5px; vertical-align: middle; }
#newsletter .submit { width: 19px; height: 19px; background-color: #a0c294; border: 1px solid #ccc; font-weight: bold; font-size: 14px; margin: 0; padding: 0 0 0 2px; vertical-align: top; color: #fff; }

#boxes { margin: 40px 0 20px 20px; width: 750px; }
#boxes td { width: 250px; vertical-align: top; text-align: left; }
#boxes h3 { margin: 0 0 5px 0; font-size: 12px; line-height: 1.3em; text-align: center; color: #900e0e; }

.box { width: 208px; min-height: 120px; padding: 0 15px; background: url(../images/boxBKG.gif) repeat-y top left; }
.box p { margin: 0; padding: 0; font-size: 11px; color: #707070; line-height: 1.2em; }
.box p.link { font-size: 11px; font-weight: bold; text-align: center; margin-top: 8px; }
.box a { color: #3c5d38; }
.box a:hover { color: #653614; }

#services { margin: 0 0 15px 12px; padding: 0; }
#services td { vertical-align: top; text-align: center; width: 124px; padding: 0 1px; }
#services a { color: #3c5d38; text-decoration: none; }
#services a:hover { color: #653614; text-decoration: underline; }

#footer { padding: 1px 25px 0 25px; width: 728px; height: 27px; line-height: 27px; vertical-align: middle; color: #3c5d38; font-size: 11px; background: url(../images/navBKG.gif) repeat-x top left; }
#footer ul { margin: 0; padding: 0; list-style-type: none; line-height: 27px; vertical-align: middle; }
#footer li { margin: 0; padding: 0 4px 0 8px; display: inline; border-left: 1px solid #3c5d38; }
#footer a { color: #3c5d38; font-size: 11px; text-decoration: none; }
#footer a:hover { color: #653614; text-decoration: underline; }

.green { color: #85a261; }

#media ul { line-height: 1.4em; font-size: 13px; }
#media li { padding: 8px; }

#ulspecial {list-style-type:none;margin-left:10px;}
#ulspecial li {padding: 10px 0;}
#ulspecial li ul {padding: 0 40px; margin-bottom:0;}
#ulspecial li ul li {padding: 0;}