/* 		Don't forget to set a foreground and background color on the 'html' or 'body' element! 		*/
/*	 	Eric Meyer's CSS Reset: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ 		*/
/*		Plus a few additions of my own																*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;line-height:1;font-family:inherit;text-align:left;vertical-align:baseline;}
a img, :link img, :visited img {border:0;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse;border-spacing:0;}
ol, ul, dl {list-style:none;}
q:before, q:after, blockquote:before, blockquote:after {content:"";}
/* remember to define focus styles! */
:focus {outline:0;}
caption, th, td {text-align:left;font-weight:normal;}
blockquote, q {quotes:"" "";}


/*  Body, container, overall layout  */

body {margin:0 auto;padding:0;background:white;font-family:Arial, Helvetica, sans-serif;font-size:x-small;voice-family:"\"}\"";voice-family:inherit;font-size:small;}
html>body {font-size:small;} /* Be Nice to Opera hack - sets font size to small */


#bgContainer {width:810px;margin:0 auto;background:white url(images/bg_greenbars.jpg) repeat-y center top;}
#container {width:800px;text-align:left;position:relative;left:5px;}
#header {width:100%;background:white;height:165px;border-top:1px solid #006600;border-bottom:1px solid #006600;}
#navBar {width:780px;background:#00bd00;padding:6px 10px;border-top:1px solid white;border-bottom:1px solid white;color:#006600;font-size:larger;}
#navBar a {text-decoration:none;color:#FFFF00;padding:0 7px;font-weight:bold;}
#navBar a:hover {color:#FF8000;}
#mainContent {width:776px;padding:15px 12px;border-top:1px solid green;}

#footer {position:relative;left:5px;clear:both;background-color:#00bd00;padding:4px 0px;text-align:center;width:800px;font-size:small;border-bottom:1px solid green;}
#footer a {padding:0px 15px;color:#ffff00;}



/*  Links, Headers, Text  */

a {text-decoration:none;color:#BD5F00;}
a:link {color:#BD5F00;}
a:visited {color:#BD5F00;}
a:hover {color:#00bd00;text-decoration: underline;}

h1, h2, h3 {font-weight:bold;color:#BD0000;border-bottom:1px dotted #BD0000;}
h1 {font-size:30px;padding-bottom:15px;}
h2 {font-size:24px;padding:3px 0 12px;}
h3 {font-size:20px;padding:3px 0 12px;}
h4 {font-size:16px;padding:3px 0 12px;color:#00bd00;}

#mainContent p {margin-bottom:14px;line-height: 1.4;}
#mainContent li {margin:5px 0 10px 20px;line-height:1.3;list-style-type:circle;}
#intro {font-size:larger;margin-top:10px;}
#intro span {font-weight:bold;}
#links {margin:10px 15px;}



/*  Find a Landscaper Specific  */

#leftSideList {float: left; width: 46%;}
#leftSideList p {line-height: 1.2; margin: 3px;}
#leftSideList h3 {padding: 15px 0 3px;}
#leftSideList li {margin: 5px 0 14px; border-bottom: 3px double #006600; list-style-type: none;}
#rightSideList {float: right; width: 49%;}
#rightSideList p {line-height: 1.2; margin: 3px;}
#rightSideList h3 {padding: 15px 0 3px;}
#rightSideList li {margin: 5px 0 14px; border-bottom: 3px double #006600; list-style-type: none;}

.olive {font-weight: bold; color: #BD5F00}
.envirostar {font-weight: bold; color: #cccc00; font-size: 24px; vertical-align: middle;}



/*  Odds and Ends  */

blockquote {margin:0 25px 15px;}
.small {font-size:small;}

img.image {float:right;margin:0 0 15px 10px;border-left:15px solid white;}