* {margin:0;padding:0; border: 0px none;}
ul, ol, li {list-style-type:none;}
a { text-decoration: underline; color: #ff007a; }
a:hover { text-decoration: none; background: #ff007a ; color: #fff; }

body {
font: 62.5% "Arial", Helvetica, san-serif;    
margin: 0 auto;
background: #dae2ce;
color: #444;
}
#wrapper {
margin: 20px auto 0;
width: 914px;
text-align: left;
padding: 7px 0 0;
background: url(img/dropshadow.gif) 0 0 no-repeat;
}
#btm {
width: 914px;
height: 7px;
margin: 0 auto;
clear: left;
background: url(img/dropshadow-btm.gif) 0 0 no-repeat;
}
#margin {
width: 880px;
margin: 0 auto;
padding: 0 0 10px;
background: #fff;
}


/* header
--------------------------------*/
#header {
width: 880px;
height: 140px;
background: url(img/header-bg.gif) 0 10px repeat-x;
}
h1 { 
float: left; 
width: 350px;
font: normal 3.5em/1.1em "Impact", Arial, Helvetica, san-serif;
}
h1 img { margin: 25px 0 0 15px; }
h1 a, h1 a:hover { text-decoration: none; color: #ff007a; background: none; }
#header p {
float: right;
width: 400px;
margin: 48px 15px 0 0;
text-align: right;
font: normal 1.6em/1.2em "Arial Narrow", Arial, Helvetica, san-serif; 
color: #5c8135;   
}


/* main feature on home page
--------------------------------*/
#feature {
width: 880px;
height: 200px;
margin: 1px 0 0 0;
background: #ebf1e4;
}
h2 {
color: #fff;
font: bold 2.5em/1.3em "Arial Narrow", Arial, Helvetica, san-serif; 
margin: 0 20px 0 25px;
}
h2 img { margin: 10px 0 0; }



/* navigation
--------------------------------*/
ul#nav {
width: 870px;
height: 30px;
padding: 0 0 0 10px;
background: #5c8135;
}
ul#nav li {
float: left; /*For Gecko*/
display: inline;
list-style: none;
position: relative;
height: 30px;
}
ul#nav li a {
height: 30px;
display:block;
float: none !important; /*For Opera*/
float: left; /*For IE*/
display: block;
height: auto !important;
height: 1%; /*For IE*/
padding: 0 7px;
color: #fff;
font: normal 1.3em/2.3em "Arial", Helvetica, san-serif;   
text-decoration: none;
}
ul#nav a:hover,
ul#nav li:hover a,
ul#nav li.iehover a {
background: #e2ead7;
color: #45691e;
}
ul#nav a.active  { 
background: #79a24f;
color: #fff;
}
ul#nav a.active:hover  { 
background: #79a24f;
color: #fff;
}
 /* SECONDARY NAV */
ul#nav ul {
padding: 0;
width: 150px;
display: none;
position: absolute;
top: 30px;
left: 0;
}
ul#nav ul li {
float: none; /*For Gecko*/
display: block !important;
display: inline; /*For IE*/
width: 150px;
height: 22px;
position: relative;
}
/* 2nd Menu */
ul#nav li:hover li a,
ul#nav li.iehover li a {
font: normal 1.2em/1.2em "Arial", Helvetica, san-serif;
float: none;
position: relative;
width: 150px;
height: 14px;
background: url(img/dropdown.png) top left repeat;
color: #45691e;
border-top: 1px solid #fff;
padding: 4px 8px;
text-align: left;
}
/* 2nd Menu Hover Persistence */
ul#nav li:hover li a:hover,
ul#nav li:hover li:hover a,
ul#nav li.iehover li a:hover,
ul#nav li.iehover li.iehover a { background: #79a24f ;color: #fff; position: relative;}
ul#nav li:hover ul, 
ul#nav li.iehover ul { display: block; }


/* columns
--------------------------------*/
#columns {
width: 880px;
margin: 10px 0;
float: left;
}
#columns div#left, #columns div#middle {
width: 312px;
float: left;
}
#columns div#wideleft {
width: 610px;
float: left;
}
#columns div#right {width: 250px; float: right;}
#columns h3 {
font: normal 2.6em/1.2em "Arial Narrow", Arial, Helvetica, san-serif; 
color: #5c8135;
margin: 10px 15px 12px;
}
#columns h4 {
font: normal 1.9em/1.2em "Arial Narrow", Arial, Helvetica, san-serif; 
color: #5c8135;
margin: 25px 15px 12px;
}
#columns h5 {
font: bold 1.6em/1.3em "Arial", Helvetica, san-serif; 
color: #5c8135;
margin: 0 15px 5px;
}
#columns h6 {
font: italic 1.6em/1.3em "Arial", Helvetica, san-serif; 
color: #abb450;
margin: 0 15px 12px;
}
#columns h6.nomarg {
font: italic 1.5em/1.2em "Arial", Helvetica, san-serif; 
margin-bottom: 1px;
}
#columns p { 
font: normal 1.2em/1.5em "Arial", Helvetica, san-serif;  
margin: 0 15px 12px;
}
#columns p.arrows a { 
background: url(img/arrow.gif) 0 4px no-repeat;
padding: 0 0 0 10px;
}
#columns p.arrows a:hover  { 
color: #5c8135;
text-decoration: underline;
}
#columns p img {
background: #fff;
border: 5px solid #ebf1e4;
padding: 2px;
}
#columns p img.none {
border: 0;
padding: 0;
margin: 0;
}
#columns p a.options { 
padding: 15px 12px;
background: url(img/options.gif) 0 0 no-repeat;
}
#columns ul {  margin: 0 15px 15px; }
#columns ul li { 
margin: 0 0 6px;
font: normal 1.2em/1.2em "Arial", Helvetica, san-serif;  
padding: 0 0 0 12px;
background: url(img/green-block.gif) 0 4px no-repeat;
}
#columns ul li span { font-weight: bold; font-size:1.1em; color: #5c8135; padding-right: 2px;}
#columns ul li ul {  margin: 5px 0 15px 10px; }
#columns ul li li { font: normal 1em/1em "Arial", Helvetica, san-serif; background: url(img/green-block-s.gif) 0 5px no-repeat;  }
#columns ol#options { 
font: normal 1.2em/1.2em "Arial", Helvetica, san-serif;  
margin: 0 15px 25px;
}
#columns ol#options li { 
margin: 0 0 5px;
padding: 11px 50px 11px 37px;
background: url(img/options.gif) 0 4px no-repeat;
}
#columns ol#letters { 
font: normal 1.2em/1.3em "Arial", Helvetica, san-serif;  
margin: 0 0 15px 15px;
list-style-type:lower-alpha
}
#columns ol#letters li { 
margin: 0 0 10px 20px;
list-style-type:lower-alpha;
padding: 0;
}
#columns #right #keep-informed, 
#columns #right #green { 
width: 250px; 
margin: 0 0 15px; 
padding: 12px 0 0;
float: left;
}
#columns #right #keep-informed { background: #eae7db url(img/newspaper.gif) 195px 7px no-repeat;  }
#columns #right #green { background: #589930 url(img/recycle.gif) right 10px no-repeat; }
#columns #right #keep-informed h3, 
#columns #right #green h3 {
color: #444;
font: normal 2.4em/1.2em "Arial Narrow", Arial, Helvetica, san-serif; 
margin: 0 15px 12px;
}
#columns #right #green h3 { color: #c0fe99; }
#columns #right #green p { color: #fff; line-height: 1.3em; margin-bottom: 8px;}
#columns #right #green p a {
color: #c0fe99;
padding: 0 1px;
}
#columns #right #green p a:hover { color: #fff; }
img.right { 
float: right; 
padding: 1px; 
border: 4px solid #d2cebc;  
margin: 0 0 0 25px; 
clear: right;
}
#zoomimgs { width: 100%;}
#zoomimgs img { 
padding: 1px; 
border: 4px solid #d2cebc;  
margin: 0 10px 10px 0; 
background: #fff;
}
#zoomimgs a:hover {background: #fff;}
.ruler{
border-bottom: 1px dotted #d2cebc;  
height: 5px; 
line-height: 0em;
font-size: 0em;
width: 100%;
margin: 0 10px 10px;
clear: both;
}
#columns #right h6 { 
margin: 0 0 2px;
background: #5c8135;
color: #fff;
font: normal 1.4em/1.4em "Arial", Helvetica, san-serif;  
text-indent: 8px;
}
#columns #right #logos {margin: 0; width: 250px; }
#columns #right #logos a {margin: 0 0 0 35px; padding: 0;}
#columns #right #logos a.first {padding: 0;}
#columns #right #logos a:hover {background: #fff;}
span { color: #ff007a; }



/* sub navigation */
ul#sub-nav { 
margin: 0 0 15px;
padding: 0;
float: left;
background: url(img/sub-nav-bg.gif) bottom left repeat-x;
border-left: 1px solid #eae7db;
border-right: 1px solid #eae7db;
}
ul#sub-nav li { 
float: left;
font: normal 1.2em/1.2em "Arial", Helvetica, san-serif;  
width: 248px;
padding: 0;
margin: 0;
display: block;
border-bottom: 1px solid #eae7db;
background: none;
}
ul#sub-nav li a{ 
float: left;
width: 223px;
text-decoration: none;
display: block;
color: #5c8135;
padding: 4px 0 3px 25px;
background: url(img/arrow-pink.gif) 10px 8px no-repeat;
}
ul#sub-nav li a:hover { background: #ffcc3d url(img/arrow-pink.gif) 10px 8px no-repeat; color: #355415;}
ul#sub-nav li a.active { background: url(img/arrow-pink2.gif) 10px 8px no-repeat; font-weight: bold; text-decoration: underline;}



/* IMAGE ZOOM */
div#zoom { 
float: right;
width: 165px;
margin: 0 15px 15px;
padding: 0;
}
div#zoom img {
background: #fff;
border: 5px solid #ebf1e4;
padding: 2px;
float: right;
}
div#zoom p  {
background: #ebf1e4;
margin: 0;
padding: 0 0 5px;
text-align: center;
font: normal 1.1em/1.2em "Arial", Helvetica, san-serif;
}




/* form elements
--------------------------------*/
input, textarea, select {
background: #f5f8f1;
color: #444;
border: 1px solid #b4b0a0;
margin: 0 0 5px;
padding: 2px 4px;
font: normal 1em/1.2em "Arial", Helvetica, san-serif;
}
select { background: #fff; }
form#subscribe input { width:120px; background: #fff;}
form#contact input, form#contact textarea { width:210px;  }
label { clear: left; display: block; float: left;}
form#subscribe label { width: 80px;}
textarea:focus, input:focus, select:focus { border: 1px solid #ff007a; background: #fff; }
form#quote input.send,
form#contact input.send,
form#subscribe input.send {
width: 64px;
height: 23px;
margin-bottom: 0;
padding: 0;
border: 0;
color: #505050;
outline: none;
background: transparent;
}	
#right input.send { margin-left: 80px; }



form#quote table { 
margin: 0 0 0 15px;
width: 580px;
font: normal 1.2em/1.2em "Arial", Helvetica, san-serif; 
}
form#quote table tr.b td { 
padding: 2px 5px 0 0;
border-bottom: 0;
}
form#quote table tr td { padding: 3px 5px 3px 0; }
form#quote input { width:88%; margin: 0;}
form#quote textarea,form#quote input.long { width:95.5%; margin: 0;}
form#quote input.checkbox {
background: none;
width: auto;
width: 13px;
border: 0;
margin: 0;
padding: 0;
}
form#quote input.send {
background: transparent;
}	





/* clear everything - for IE6
--------------------------------*/
#clearall {
clear: both;
width: 880px;
height: 1px;
}


/* footer
--------------------------------*/
#footer {
width: 880px;
height: 30px;
clear: both;
background: #ebf1e4;
}
#footer p {
font: normal 1.1em/1.2em "Arial", Helvetica, san-serif;   
padding: 8px 0 0;
text-align: center;
color: #45691e;
}
#footer p a {
color: #45691e;
padding: 0 3px;
}
#footer p a:hover { color: #fff; }
#footer p a.gap { margin-left: 25px; }


/* credits & seo
--------------------------------*/
#outside {
width: 880px;
margin: 10px auto 0;
padding: 0 0 15px;
}
#outside p {
font: normal 1.1em/1.2em "Arial", Helvetica, san-serif;   
color: #a9b793;
}
#outside p a { color: #a9b793; padding: 0 1px;}
#outside p a:hover { color: #fff; }