body { margin: 0; padding: 0; background-color: #fff;  font-size: 11px;  font-family: verdana, sans-serif; color: #666; }
a { color: #6F6340;}
a:hover { color: #37612E; }
h2 { font-size: 11px; }
img { border: 0; }

#container { width: 900px; margin: auto; margin-top: 20px;  }
#topBar { margin-bottom: 10px; }
#topImages { }
#topImageLeft { float: left; display: block; width: 645px; }
#topImageRight { float: right; display: block; width: 250px;}

#underImagesRule { float: left; } /* float is to clear */
#underImagesRule { display: block; width: 900px; margin-top: 10px; border-bottom: 1px solid  #6A5E3D; height: 1px; overflow: hidden; margin-bottom: 10px; }

#nav { float: left; width: 170px;  padding-top: 20px; }
#nav ul { list-style-type: none; margin: 0; padding: 0; }
#nav ul li { margin-bottom: 0px; }
#nav ul li a { font-family: arial; font-size: 12px; color: #6F6340; text-decoration: none; display: block; width: 170px; height: 18px;}
#nav ul li a:hover, #nav ul li.on a, #nav ul li.on ul li.on a, #nav ul li.on ul li a:hover { color: #37612E; }

#nav ul li ul {  list-style-type: none; margin: 0; padding: 0;  margin-left: 12px;   margin-bottom: 10px;}
#nav ul li ul li { /* margin-bottom: 4px; */ } /*make this adjustment with padding on a so you don't have skips in the hand cursor */
#nav ul li ul li a { color: #6F6340; height: 16px; }
#nav ul li.on ul li a { color: #6F6340; height: 16px; }


#leftCol { float: left; width: 478px; border-left: 2px dotted #6A5E3D; padding-top: 15px; padding-bottom: 10px; }



#content { margin-left: 40px; width: 380px; }
#content h1 { font-size: 24px; font-family: georgia, serif; font-weight: normal; color: #37612E; margin-top: 0; }
#content ul { list-style-type: none; margin: 0; padding: 0; }
#content ul li { margin-bottom: 10px; }




#rightCol { float: left; width: 250px; padding-top: 20px; padding-bottom: 10px; margin-bottom:10px; }

#infoDiv { display: block; }

#rightCol ul { list-style-type: none; margin: 0; padding: 0; margin-top: 20px; }
#rightCol ul li { list-style-type: none; margin: 0; padding: 0; margin-bottom: 8px;}

.clearer { clear: both; display: block; width: 900px; height: 10px; }

#footer {  float: left; display: block; width: 900px; height: 30px; background-color: #37612E;  margin-bottom: 20px; color: #D4F3D3;  font-size: 9px; }
#footer a { color: #D4F3D3; text-decoration: none; }
#footer a:hover { color: #fff; }
#copyright { float: left; width: 300px; margin-top: 8px; padding-left: 20px;  }
#contact { float: right; width: 200px; margin-top: 8px; padding-right: 20px; text-align: right; }

#palPalButtonsTable td { vertical-align: top; }
#piggybackDiv { margin-top: 20px; }

/* Products list and piggyback list */

#content dl { list-style-type: none; float: left;  padding: 0; margin: 0px;   margin-bottom: 20px; width: 380px; } /* floating the dl left clears the floats for dt and dd */
#content dl dt {  float: left; margin:0 padding: 0; width: 100px; }
#content dl dd { float: right; display: block; width: 250px; margin:0; padding: 0; padding-left: 30px;}

dd h2 { font-size: 11px; margin: 0; padding: 0; }
dd h2 a, dd h2 a:visited { text-decoration: none; color: #37612E; }


.clearer { display: block; clear: both; }




/* Specific to home page */

#topImageLeftHome { float: left; display: block; width: 195px; }
#topImageCenterHome{ float: left; display: block; width: 465px; margin-left: 5px; }
#topImageRightHome { float: right; display: block; width: 230px;}

#homeQuoteCenter { font-size: 13px; }
#haggett { font-size: 13px; text-align: right; font-style: italic; }
#homeQuoteRight { font-family: georgia, serif; font-size: 20px; font-style: italic; color: #6F6340; }

#home #footer { margin-bottom: 6px; }
#byline { width: 900px; text-align: right; margin-bottom: 20px;}
#byline a { text-decoration: none; font-size: 9px; margin-right: 20px;}



/* Specific to reviews */

#reviews #leftCol {width: 700px; }
#reviews #leftCol #content { width: 700px; }
#reviews #rightCol { width: 10px;}

#reviews #content p { display: block;  width: 380px; margin-left: 0px; }

/* #reviews #content img {display: block; float: right;  } */

#reviews #content .reviewsRight {display: block; float: right; width: 250px; font-family: Georgia, serif; font-size: 16px; font-style: italic; color: #6F6340; }

.divider { clear: both; border-top: 1px solid #6F6340; height: 1px; overflow: hidden; margin-top: 20px; margin-bottom: 30px;  width: 380px; }

h1 { clear: both; }


/* specific to video */

#video #content { margin-left: 20px; width: 425px; }

/* specific to contact form */

table#feedbackForm { margin-top: 30px; }
table#feedbackForm td { padding-right: 20px; padding-bottom: 15px; }
#feedbackForm input { border: 1px solid #666; height: 20px; }
#feedbackForm textareas { border: 1px solid #666; }