/*
Colors:
Blue: #2b5e99
Green: #1d644c  1d644c
Red: #9b3035
Dark Grey: #3f3e3e    3f3e3e

Fonts:
Main Nav: Verdana, reg, 14px, white, #ffffff

Left Nav:(if needed): 
Unselected: Verdana, bold, 12px, blue, #2b5e99
Selected: Verdana, bold, 12px, grey, #3f3e3e
Rollover: Verdana, bold, 12px, grey, #3f3e3e

Contact us-
  Heading: Verdana, bold, 14px, white, #ffffff
  Title: Verdana, bold, 12px, blue, #2b5e99
  Content: Verdana, reg, 11px, grey, #3f3e3e
  Link: Verdana, reg, 11px, red, #9b3035

Main Content-
  Welcome to: Verdana, reg, 10px, grey, #3f3e3e
  Best Recycling: Verdana, bold, 18px, blue, #2b5e99
  Main body text: Verdana, reg, 11px, dark grey, #3f3e3e
  Read more: Verdana, reg, 11px, red, #9b3035

Bottom Navigation-
  Links: Verdana, reg, 11px, white, #ffffff
  Copyright: Verdana, reg, 10px, white, #ffffff

H1: Verdana, bold, 14px, Blue, #2b5e99
H2: Verdana, bold, 14px, dark grey, #3f3e3e
H3: Verdana, bold, 12px, blue, #2b5e99

*/


* {
margin:0;
padding:0;} /* Sets all margins and padding to zero across all browsers since IE handles differently.  Then they can be set for each element. */

/*--------- site-wide font styles ----------*/
a img {
border:none;}

h1 {
font-family:Verdana, sans-serif;
font-size:14px;
font-weight:bold;
color:#1d644c;} /* title */

h2 {
font-family:Verdana, sans-serif;
font-size:14px;
font-weight:bold;
color:#3f3e3e;} /* sub title */

h3 {
font-family:Verdana, sans-serif;
font-size:12px;
font-weight:bold;
color:#1d644c;} /* body text font + bold */

#main, p {
font-family:Verdana, sans-serif;
font-size:11px;
color:#3f3e3e;
padding-bottom:10px;
line-height:150%;} /* body text font */

#welcome p {
font-family:Verdana, sans-serif;
font-size:10px;
color:#3f3e3e;
padding-bottom:0;}

#welcome h1 {
font-family:Verdana, sans-serif;
font-size:18px;
font-weight:bold;
color:#1d644c;
padding-bottom:7px;}

#nav a {
font-family:Verdana, sans-serif; 
font-size:14px;
height:30px;
display:block; 
color:#FFFFFF; 
text-decoration:none;}

#nav a.navsel, #nav a:hover {
background:url(images/active_page_icon.gif) bottom center no-repeat;}

#main a {
font-family:Verdana, sans-serif;
font-size:11px;
font-weight:normal;
color:#9b3035;
text-decoration:underline;}

#main ul, #main ol {
margin:5px 0 10px 20px;}

#sidebar p.sub_title {
font-family:Verdana, sans-serif; 
font-size:14px;
font-weight:bold;
color:#ffffff;
padding:9px 0 9px 25px;
margin-bottom:10px;
background:url(images/contact_bkg_top.gif) left center no-repeat;}

#sidebar p.address {
font-family:Verdana, sans-serif;
font-size:11px;
font-weight:normal;
color:#3f3e3e;
margin-left:25px;
line-height:150%;}

#sidebar p.address span {
font-family:Verdana, sans-serif;
font-size:12px;
font-weight:bold;
color:#1d644c;}

#sidebar a {
font-family:Verdana, sans-serif;
font-size:11px;
font-weight:normal;
color:#9b3035;}

#sidebar .subnav a {
font-family:Verdana, sans-serif; 
font-size:12px;
font-weight:bold; 
color:#1d644c; 
text-decoration:none;}

#sidebar .subnav a:hover, #sidebar .subnav a.navsel {
color:#3f3e3e;}

#footer p.bottom_nav {
text-align:center;
font-family:Arial, sans-serif; 
color:#ffffff;
font-size:13px;
line-height:13px;}

#footer a {
font-size:11px;
text-decoration:none;
color:#ffffff;
padding:0 3px;}

p.copyright {
text-align:center;
font-family:Arial, sans-serif; 
font-size:10px; 
color:#3f3e3e;
padding:0 0 5px 0;
margin:0;}


/*------------- layout styles -------------*/

html {
min-height: 100%;
margin-bottom: 1px;} /* Always makes vertical scrollbar (kills annoying page shift in Firefox) */

body {
background:url(images/repeating_header.gif) top center repeat-x #ffffff;}

#wrapper {
width:930px;
margin:1px auto 0 auto;
background-color:#ffffff;
/*background:url(images/main_image_bkg.gif) top center no-repeat;*/
background:url(images/main_image_bkg_green.gif) top center no-repeat;}

#rotator {
width:877px;
height:337px;
float:left;
margin:13px 0 0 25px;
background-color:#ffffff;} /* contains header image(s) and/or image rotater */

.clear {
clear:both;} /* any div needed only to clear */


/*------------ top horizontal navigation ---------------*/
#nav {
width:930px;
height:131px;
float:left;} /* div holding nav ul */

#nav ul {
float:right;
list-style:none;
margin:102px 25px 0 0;}

#nav ul li {
float:left;}

#nav a {
float:left;
display:block;
padding:0 15px;}


/*------------ main body area ---------------*/
#main {
width:605px;
float:left;
text-align:left;
padding:40px 20px 0 20px;} /* main content area */

#welcome {
width:605px;
float:left;
text-align:left;
margin-bottom:15px;
border-bottom:1px solid #bbbbbb;}

#sidebar {
width:258px;
min-height:200px;
float:left;
text-align:left;
margin:40px 0 0 15px;
background:url(images/contact_bkg_bottom.gif) bottom center no-repeat;} /* left sidebar for subnav, resources or featured items */



/*------------ sidebar (for left vertical sub navigation or whatever content they want to put in the sidebar) ---------------*/
#sidebar ul.subnav, #sidebar ul.sub_sub_nav  {
list-style:none;
margin-left:20px;}


/*------------ footer ---------------*/
#footer {
width:930px;
height:58px;
margin:0 auto;
clear:both;
text-align:center;
background:url(images/bottom_nav_bkg.gif) bottom center no-repeat;} /* container div for footer info */


/*------------ big fresh signature/logo on light background ---------------*/
#big_fresh {
width:898px;
margin:15px auto;
text-align:center;}

#big_fresh a {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
letter-spacing:1px;
color:#333333;
text-decoration:none;}

#big_fresh span {
color:#fe8a16;}

#big_fresh a:hover span {
text-decoration:underline;}

#big_fresh span.bullet {
color:#999999;}