@charset "utf-8";
/* CSS Document */
body { max-width: 780px;	font: 100% Verdana, Arial, Helvetica, sans-serif;	background: #FFF;
	margin: 0; 	padding: 5px 0 0 0; text-align: center;	color: #000; }
	
.oneColLiqCtrHdr #container { width: 80%;  background: #FFF; margin: 0 auto; border: 1px solid #000;	text-align: left;  }

.oneColLiqCtrHdr #header {	background: #FFF; 	padding: 0 0px 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */ }

.oneColLiqCtrHdr #mainContent {	padding: 0 20px; background: #FFFFFF; }
.oneColLiqCtrHdr #mainContent1 { max-width: 680px; text-align:left; padding: 0 20px 0 50px; background: #FFFFFF; }
.oneColLiqCtrHdr #footer { 	padding: 0 10px; 	background:#FFF; } 
.oneColLiqCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
<!-- #navbar {	position: absolute;	top: 48px;	right: 166px;	margin: 0;	padding: 0; }  -->
#navbar {	text-align: center;	margin: 0;	padding: 0 1em 0 0 ; }
#navbar li { list-style: none;	float: left; }
#navbar li a { display: block; padding: 3px 8px;  	text-decoration: none; 	color: #006837; font-size: 0.9em; font-weight:normal ; }
#navbar li a:hover { color: #000; }
#navbar li ul {	display: none;  }
#navbar li:hover ul, #navbar li.hover ul {position: absolute; display: inline;
	left: 0; width: 100%; margin: 0; padding: 0; }
#navbar li:hover li, #navbar li.hover li { float: left; }
#navbar li:hover li a, #navbar li.hover li a { color: #357; }
#navbar li li a:hover {	color: #357; }