body{
margin:0;
padding:0;
line-height: 1.2em;
font-family: Verdana, Geneva, sans-serif;
}

#maincontainer{
width: 900px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background-color: #B4EFB7;
height: 182px; /*Height of top section*/
border-bottom: 1px dotted gray; 
background-image: url(wormerystore.jpg);
background-position: top center;
}

#topsection h1{
margin: 0;
padding-top: 15px;
color: DarkGreen;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 220px; /*Set left margin to LeftColumnWidth*/
padding: 5px;
}

#contentcolumn h1{
font-size: 1.2em;
color: DarkSeaGreen;
}


#contentcolumn h2{
font-size: 1.0em;
color: DarkSeaGreen;
}

#contentcolumn h3{
font-size: 0.8em;
color: DarkSeaGreen;
}

#contentcolumn h4{
font-size: 0.7em;
color: DarkSeaGreen;
}

#contentcolumn p{
font-size: 0.8em;
color: black;
}

#contentcolumn li{
font-size: 0.8em;
color: black;
}

#contentcolumn li.link{
color: DarkSeaGreen;
}

#contentcolumn ul.bold{
color: black;
font-weight:bold;
}

#contentcolumn a{
color: DarkSeaGreen;
}

#contentcolumn p.small{
font-size: 0.7em;
color: black;
}

#contentcolumn hr{
border: 5px solid DarkSeaGreen;
}

#leftcolumn{
float: left;
width: 220px; /*Width of left column*/
height: 100%;
margin-left: -900px; /*Set left margin to -(MainContainerWidth)*/
background: #E3F9E4;
border-right: 1px dotted gray; 
border-bottom: 1px dotted gray;
text-align: center;
padding-top: 10px;
}

#leftcolumn h1{
color: DarkSeaGreen;
font-size: 0.9em;
}

#leftcolumn h2{
color: DarkSeaGreen;
font-size: 0.8em;
}

#leftcolumn h3{
color: DarkSeaGreen;
font-size: 0.7em;
}

#leftcolumn p{
color: black;
font-size: 0.7em;
font-weight: normal;
}

#leftcolumn a{
color: DarkGreen;
}

#footer{
clear: left;
width: 100%;
background: white;
padding: 4px 0;
border-top: 1px dotted gray;
font-size: 0.7em;
}

#footer p{
font-weight: normal;
text-align: center;
color: gray;
}

#footer a{
color: gray;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

hr{
border: 1px dotted gray;
}




/* MENU */
.underlinemenu{
font-weight: bold;
width: 100%;
font-family: Arial, Arial, Helvetica, sans-serif;
font-size: 0.8em;
}

.underlinemenu ul{
padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
line-height: 24;
vertical-align: text-bottom;
}

.underlinemenu ul li{
display: inline;
}

.underlinemenu ul li a{
color: #494949;
padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 20px; /*spacing between each menu link*/
text-decoration: none;
border-bottom: 3px solid gray; /*bottom border is 3px*/
}

.underlinemenu ul li a:hover, .underlinemenu ul li a.selected{
border-bottom-color: DarkGreen;
}

/*Google Shopping Cart Overrides*/
  .override #googlecart-widget-head {
    background:#E3F9E4;
  }
  .override #googlecart-arrow {
    color:darkgreen
  }
  .override #googlecart-title {
    color:darkgreen
  }
  .override #googlecart-summary {
    color:darkgreen
  }
  .override .googlecart-widget-title {
    color:darkgreen
  }
  .override .googlecart-widget-removed-message {
    color:darkgreen
  }
  .override .googlecart-widget-price-column {
    color:darkgreen
  }
  .override .googlecart-widget-price {
    color:darkgreen
  }
  .override .googlecart-widget-remove {
    color:darkgreen
  }
  .override .googlecart-widget-restore {
    color:darkgreen
  }
  .override #googlecart-widget-emptymessage {
    color:darkgreen
  }
  .override .googlecart-widget-footertext {
    color:darkgreen
  }
  .override .googlecart-widget-totalmessage {
    color:darkgreen
  }
  .override .googlecart-widget-totalprice {
    color:darkgreen
  }
  .override .googlecart-widget-disclaimer {
    color:darkgreen
  }