/* Foundation */
html { background:#749865 url('images/img01.gif') repeat-x; }
body { margin:0; padding:0; }
body * { margin:0; padding:0; color:#838B91; line-height:1.8em; }

h1, h2, h3, h4, h5, h6 { color:#468259; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; }
p, li { font:normal small Arial, Helvetica, sans-serif; line-height:1.8em; }

a { color:#468259; text-decoration:none; background:url('images/img03.gif') repeat-x left bottom; }
a:hover { background:none; text-decoration:underline; }
img { border:1px solid #8A8A8A; }

.f_left { display:block; float:left; }
.f_rght { display:block; float:right; }
.clear  { clear:both; height:0; }
.debug  { border:1px dotted #000; }

/* Primary Containers */
#menu    { margin:0 auto; width:750px; height:60px; }
#header  { position:relative; margin:0 auto; padding:0; width:754px; height:240px; }
#wrapper { background:#fff url('images/img04.gif') repeat-x left bottom; }
#content { width:750px; margin:0 auto; }
#sidebar { float:left; width:220px; }
#inner   { float:right; width:510px; }
#footer  { height:50px; padding:14px 0 20px; background:url('images/img08.gif') repeat-x; }

/* Main Menu */
#menu ul { list-style:none; }
#menu li { display:block; float:left; width:148px; height:60px; padding-left:0 0 0 2px; 
           background:url('images/img02.gif') no-repeat;}
#menu a  { display:block; width:108px; height:36px; padding:20px 20px 0 20px;
           color:#E1E9E2; letter-spacing:-1px; font:normal 1.6em Georgia, "Times New Roman", Times, serif; }
#menu a:hover { color:#fff; text-decoration:none; border-bottom:4px solid #5A7C50; }
#menu .active a { color:#749865; text-decoration:none; border-bottom:4px solid #E1E9E2; background:#E1E9E2; }

/* Header Elements */
#header h1 { padding:20px; }
#header h2 { padding:20px; }

#header div.hdr_img { position:absolute; top:0; left:0; width:754px; height:240px; }
#header div.hdr_img { background:url('images/header-bg.gif') no-repeat; }

/* Content Area Headers */
#content h2 { padding-left:20px; font-size:22px; background:url('images/img07.gif') no-repeat left center; }
#content h3 { padding-top:1em; font-size:.9em; font-weight:bold; letter-spacing:2px; text-transform:uppercase; }
#content h3 span { font-weight:normal; letter-spacing:1.25px;text-transform:lowercase; }

/* Inner Content */
#inner .post  { padding-bottom:20px; }
#inner .story { padding:15px 20px 0 20px; background:url('images/img10.gif') repeat-x; }
#inner .story p { padding-bottom:12px; }
#inner p.plain  { line-height:1.2em; }
#inner strong { font-weight:bold; }
#inner .meta  { padding:5px 0 0 20px; background:url('images/img03.gif') repeat-x; }
#inner .meta p   { line-height:normal; font:normal 10px Arial; }
#inner .meta p a { line-height:normal; font:normal 10px Arial; }

#inner ul { list-style:url('images/img12.gif'); padding-left:18px; padding-bottom:12px; }
#inner ol { padding-left:18px; padding-bottom:12px; }
#inner ul li { }

#inner ul.form { list-style:url('images/img-z.gif'); list-style-type:none; }
#inner ul.form { padding:0px 0px 20px 20px ; margin:20px 0; }
#inner ul.form li { padding:0; padding-left:8px; background:none; }
#inner ul.form * { color:#46827A; font:normal 12pt arial; line-height:18px; }

#inner ul.form label { display:block; float:left; width:60px; height:18px; } 
#inner ul.form input { color:#303030; display: block; float: left; width: 260px; margin-bottom: 4px; } 
#inner ul.form select { color:#303030; display:block; float:left; width:220px; height:22px; } 
#inner ul.form option { color:#303030; font:normal 12pt Arial; }
#inner ul.form textarea { color:#303030; width:320px; height:100px; line-height:18px; font:normal 11pt Arial; }
#inner ul.form input.button { width:80px; margin:8px; height:24px; }

#inner p.prod { display:block; float:left; width:100px; margin-right:10px; font:normal 12px Arial; text-align:center; }
#inner p.prod a { display:block; float:left; border-bottom:3px solid #fff; }
#inner p.prod a:hover { border-bottom:3px solid #7FA071; }
#inner p.prod img { border:none; width:100px; height:100px; }

#inner div.prod_item { height:200px; border:1px solid #999; padding:8px; margin-bottom:18px; }

/* Left Sidebar */
#sidebar ul { list-style:none; }
#sidebar ul { padding:15px 12px 0px 0px; background:url('images/img10.gif') repeat-x; }
#sidebar li { padding:3px 0; background:url('images/img03.gif') repeat-x left bottom; }
#sidebar li a { display:block; width:180px; background:none; font-size:12pt; }
#sidebar li a:hover { background:url('images/img10.gif') repeat-x; text-decoration:none; text-decoration:underline; }
#sidebar ul.quote { padding:0; padding-top:12px; border:1px solid #C7D9CD; height:240px; }
#sidebar ul.quote li { padding:0; padding-left:8px; background:none; }

#sidebar li.eq { padding-left:36px; background:url('DOCS/images/eq-img-1.jpg') center left no-repeat; } 

#sidebar ul.quote * { line-height:14px; }
#sidebar ul.quote label { display:block; float:left; width:60px; height:18px; } 
#sidebar ul.quote input { color:#303030; display:block; float:left; width:130px; margin-bottom:4px; } 
#sidebar ul.quote select { color:#303030; display:block; float:left; width:140px; height:22px; } 
#sidebar ul.quote option { color:#303030; }
#sidebar ul.quote textarea { color:#303030; width:190px; height:60px; line-height:18px; font:normal 10pt Arial; }
#sidebar ul.quote input.button { width:80px; margin:8px; height:24px; }

#sidebar li a img   { border:1px solid #fff; }
#sidebar li a:hover img   { border:1px solid #333; }

/* Footer */
#footer div.inner { margin:0 auto; width:900px; }
#footer p { color:#A6C09B; font-family:Georgia, "Times New Roman", Times, serif; }
#footer a { background:none; color:#A6C09B; font-weight:bold; }

#footer p.copy { float:left; margin-left:70px; width:180px; height:40px; padding:12px 0 0 35px; }
#footer p.copy { font-size:9pt; line-height:1em; background:url('images/img09.gif') 0px 12px no-repeat; }
#footer p.copy span { color:#A6C09B; font-size:18px; letter-spacing:-1px; }
#footer p.copy a    { color:#A6C09B; font-size:18px; letter-spacing:-1px; font-weight:normal; }
#footer p.links { margin-left:315px; padding-top:8px; font:normal 11px Arial; }
#footer p.links a { padding:2px 4px; font:bold 11px Arial; }
#footer p.links a:hover { color:#dcdcdc; }

