html, body {
	height:100%; 
	margin:0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ 
	padding:0; 
	text-align:center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ 
	font-family:Verdana, Geneva, Arial, helvetica, sans-serif; 
	font-size:11px; 
	line-height:15px; 
	background:#99cc99; 
	color: #000000;}

html { min-height: 100%; margin-bottom: 1px; } /* this forces a verticle scroll bar on all pages and fixes the page shift problem that occurs on short pages that otherwise would not display scroll bars in some browsers */

img {border:0; display:block; margin: 0;}

p, br, h1 {margin:0;}
a {text-decoration:none;}
a:hover {color:#3333cc;}
a:active { color:#005f1a;}

h1 {font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; line-height:20px; font-style:italic; color:#000066;}

h2 {font-family:Verdana, Geneva, Arial, helvetica, sans-serif; font-size:12px; line-height:12px; font-weight:bold; color:#005f1a;}

h3, h4, h5, h6 {font-family:Verdana, Geneva, Arial, helvetica, sans-serif; font-size:11px; line-height:12px; font-weight:bold;}

td, th {font-family:Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 11px;}

.fineprint {
	margin:0;
	padding:0; 
	text-align:right;
	font-family:Verdana, Geneva, Arial, helvetica, sans-serif; 
	font-size:9px; 
	line-height:9px; }

.header {height:20px; background:#000066; border-top:solid 20px #99cc99; color:#99cc99; font-size:14px; padding: 6px 0 3px 0;}
.header a {font-weight:bold;}

div#bigcontainer {
	margin:0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align:center; /* this overrides the text-align: center on the body element. */
	background:#5568a5;}

div#container {
	margin:0 auto; /* the auto margins (in conjunction with a width) center the page */
	width:780px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	text-align:left; /* this overrides the text-align: center on the body element. */
	background:#e4eff6;}
	
div#hometext {
	margin:0 auto; /* the auto margins (in conjunction with a width) center the page */
	width:760px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	padding: 10px;
	border-top:#000066 solid thin;
	text-align:left; /* this overrides the text-align: center on the body element. */
	background:#83c0ec;}

div#homeheadermenu {
	margin:0 auto; /* the auto margins (in conjunction with a width) center the page */
	width:765px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	text-align:left; /* this overrides the text-align: center on the body element. */
	padding: 0 15px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: url(../images_michigan/header_bkgd_home.jpg) repeat-y;}

div#menu {
	float:left; /* since this element is floated, a width must be given */
	width:188px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	margin:0; 
	padding:25px 0 12px 12px; 
	min-height:100%; height:100%; height:auto;
	text-align: center;
}
.menu {margin-top:0; margin-top:12px; }
.menu img {text-align:center; display: inline; margin: 0;}

html>body #menu {height:auto;}

div#main {
	float: right; /* since this element is floated, a width must be given */
	width:550px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	margin: 0; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */	
	padding: 0 15px 0px 15px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: url(../images_michigan/header_bkgd.jpg) no-repeat;
	overflow:visible;
}

div#main p, h1 {margin:0 0 12px 0;}
div#main h2, h3 {margin:0 0 6px 0;}
div#main li {margin:0;}
div#main ul {margin:0 0 12px 30px;}
div#main a {font-weight:bold;}

div#mainhome {
	float: right; /* since this element is floated, a width must be given */
	width: 580px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	margin: 0; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */	
	padding:0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background:#f7f2ee;
	background: url(../images_michigan/header_bkgd.jpg) no-repeat;}

.footer { margin:0px; padding:3px 0 5px 0px; background:#000066; font-family:Verdana, Geneva, Arial, helvetica, sans-serif; font-weight:bold; color:#ffffff; }
.footer a {color: #ffffff;}
.footer a:hover {color:#ffff00;}
.footer a:active {color:#005f1a;}

.serving { margin:0px; padding:3px 30px 5px 30px; background:#99cc99; font-family:Verdana, Geneva, Arial, helvetica, sans-serif; color:#000066; font-size:9px; }

.phone {font-family:Verdana, Geneva, Arial, helvetica, sans-serif; text-align:center; font-weight: bold; font-size:18px; margin-top:8px; margin-bottom:0;}

.homeH1 {font-family:Verdana, Geneva, Arial, helvetica, sans-serif; text-align:center; font-weight: bold; font-size:18px; margin-top:8px; margin-bottom:0;}

.menusublink {font-size:11px; line-height:11px; background:#99cc99; text-align: left; padding:3px 6px 3px 6px; margin-left:8px; margin-right:8px; margin-top:0; margin-bottom:0;}
.menusublink p {color:#000066; text-decoration:none;}
.menusublink a {color:#000066; text-decoration:none; font-weight:bold;}
.menusublink a:hover {color:#ffff00;}
.menusublink a:active {color:#005f1a;}

.menusublink2 {font-size:11px; line-height:11px; background:#99cc99; text-align: left; padding:3px 6px 3px 6px; margin-left:8px; margin-right:8px; margin-top:0; margin-bottom:0; text-indent: 10px;}
.menusublink2 p {color:#000066; text-decoration:none;}
.menusublink2 a {color:#000066; text-decoration:none;}
.menusublink2 a:hover {color:#ffff00;}
.menusublink2 a:active {color:#008000;}

.headermenu {height:28px; margin:0; padding:0; font-family:Verdana, Geneva, Arial, helvetica, sans-serif; font-size:11px;line-height:24px; font-weight:bold; text-align:right;}
.headermenu a {color:#000066; text-decoration:none;}
.headermenu a:hover {color:#3333cc;}
.headermenu a:active { color:#008000;}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0;}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;}
	
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 12px;}