body {
    background-color: #3F4D70;
    margin: 0px;
    padding: 0px;
    font-size: 0.9em;
    font-family:  Verdana, Geneva, "Lucida Sans", Helvetica,  Arial, sans-serif;
    color: black;
    text-align: center;
}


/* Table Layout */

table.layout {
    background-color: #fff;
    margin: 0px auto;
    padding: 0px;
    border: none;
    text-align: left;
}
table.layout td {
    margin: 0px;
    padding: 0px;
    vertical-align: top;
}

/* These are the id's of the table cells. */


/* Header stuff */

#header_cell {
    margin: 0px;
    padding: 0px;
    border: none;
}

#header_cell h1 {
    overflow: hidden;
    position: absolute;
    left: -999em;
}


#header_menu {
    margin: 0px;
    padding: 0px;
    border: none;
    width: 1000px;
    height: 39px;
    color: #000;
    background-color: #fff;
    background-image: url('/img/menu_bg.png');
    background-position: left top;
    background-repeat: repeat;
}



/*
 * Left side box and style
 */ 

#front_page_left_side {
    width: 280px;
    color: #000;
    background-color: #E6E5D0;
    background-image: url('/img/side_bg.png');
    background-position: left top;
    background-repeat: no-repeat;
    border-right: 1px solid #8A887B;
    text-align: left;
}

#left_side {
    padding: 0px;
    margin: 0px;
    border: none;
    width: 250px;
    color: #000;
    background-color: #E6E5D0;
    text-align: left;
}

.side_business_page { 
  background-image: url('/img/business_bkg.jpg');
  background-position: left top;
  background-repeat: no-repeat;
}

.side_residence_page { 
  background-image: url('/img/residence_bkg.jpg');
  background-position: left top;
  background-repeat: no-repeat;
}

.side_school_page { 
  background-image: url('/img/school_bkg.jpg');
  background-position: left top;
  background-repeat: no-repeat;
}

.side_content {
   padding-top: 0.5em;
   color: #000;
   margin: 0px;
} 

.side_content h3 {
   padding-left: 20px;
   font-size: 1.2em;
   color: #000;
}
.side_content span {
   padding-left: 20px;
   font-size: 1.0em;
   color: #000;
}
.side_content a {
   padding-left: 20px;
   text-decoration: none;
   color: #8B865A;
}

.side_content a:hover {
   text-decoration: underline;
   color: #8B865A;
}

#side_menu {
   font-size: 120%;
   color: #000;
   background-color: #E6E5D0;
   margin: 0px;
   border: none;
}

#find_it_fast { 
   margin-left: 20px;
   padding-left: 30px;
   margin-top: 20px;
   background-image: url('/img/arrow_sidebar.png');
   background-position: left center;
   background-repeat: no-repeat;
   color: #AF7428;
   font-family: "Times New Roman";
   font-size: 2em;
}

.front_page_left_nav { 
   margin: 0px;
   padding: 0px;
   border: none;
}
.on_top { 
   margin: 0px;
   padding: 0px;
   border: none;
   z-index: 10;
   position: relative;
   left: 125px;
   top: -80px;
   width: 150px;
   height: 0px;
   text-decoration: none;
   font-family: "Times New Roman";
   font-size: 1.5em;
   color: #AF7428; 
}
.on_top img { 
   border: none; 
   margin: 0px; 
   padding:0px;
}

#side_search {  
   padding-left: 20px;
}
#side_search h4 { 
   color: #BA7939;
   margin-bottom: 0.2em;
}

#side_rss { 
  margin-top: 1.5em;
}


#front_page_middle {
    margin: 0px;
    padding: 0px;
    border-right: 1px solid #8A887B;
    width: 340px;
    color: #000;
}



#recycle_wizard {  
    padding: 1em;
    background-color:#BA7939 ;
    background-image: url('/img/recycle_bg.png');
    background-position: left top;
    background-repeat: no-repeat;
    color: #E6E5D0;
}

#recycle_wizard h3 { 
    margin: 0px;
    padding-left: 30px;
    background-image: url('/img/arrow_rec_wizard.png');
    background-position: left center;
    background-repeat: no-repeat;
    color: #E6E5D0;
    font-family: "Times New Roman";
    font-size: 2em;
}

#recycle_wizard p { 
    padding-top: 0.5em;
    font-size: 1.0em;
    color: #E6E5D0;
}

#composting {  
    margin: 0px;
    padding: 1em;
}
#composting h4 { 
   font-family: "Times New Roman";
   font-size: 1.2em;
   color: #BA7939;
   margin-bottom: 0.2em;
}

#feedback {  
    margin: 0px;
    padding: 1em;
}
#feedback h4 { 
   font-family: "Times New Roman";
   font-size: 1.2em;
   color: #BA7939;
   margin-bottom: 0.2em;
}

#front_page_right_side {  
    margin: 0px;
    padding: 1em;
}

#features {  
    margin: 0px;
}




#main_content {
  padding: 0px 0px 0px 0px;
  margin: 0px;
}

#content.content_default {
  padding: 20px 10px 10px 15px;
  margin: 0px;
}

#content.business_page { 
  padding: 54px 10px 0px 15px;
  margin: 0px;
  border: none;
  background-color: #fff;
  background-image: url('/img/business_header.jpg');
  background-position: left top;
  background-repeat: no-repeat;
}

#content.residence_page { 
  padding: 54px 10px 0px 15px;
  margin: 0px;
  border: none;
  background-color: #fff;
  background-image: url('/img/residence_header.jpg');
  background-position: left top;
  background-repeat: no-repeat;
}

#content.school_page { 
  padding: 54px 10px 0px 15px;
  margin: 0px;
  border: none;
  background-color: #fff;
  background-image: url('/img/school_header.jpg');
  background-position: left top;
  background-repeat: no-repeat;
}

/*
 * The little block of menus where things like *add doc, *add page are displayed.
 */

  /* this is in app_style.css

/**********************************************************************************************
 * #content wraps the footer where the footer menu is usually displayed as a list of links plus
 * some static info.
 */

 /*  footer elements start here  */

#footer_cell {
   width: 1000px;
   background: #4F668F;
   color: #fff;
   text-align: center;
   font-size: 11px;
   padding: 10px 10px 12px 10px;
}
#footer_cell a {
   color: #fff;
}


/* front page stuff */



/* Useful classes. */

.off_screen {
    position: absolute;
    left: -999em;
    color: white;
}

.go_button { 
   border: none;
   padding-left: 0px;
}