html, body {
	font-family: Helvetica, sans-serif;
	font-size: 13px;
	margin: 0; padding: 0;
	height: 100%;
}

h1 { margin: 0; border: 1px solid black; border-width: 1px 0; }
h1 img { vertical-align: bottom; }
body { text-align: center; background: url(/images/grass-tile.jpg) #444 top left repeat; }
img#header-left { border: 1px solid black; border-width: 0 1px; }

#main { text-align: left; margin: 1em auto; width: 780px; border: 1px solid black; background-color: white; }

a { color: #213B52; }
a:hover { color: #516B82; }

#menu { float: left; width: 150px; padding-bottom: 5em; }
.nav-content {
	background: url(/images/sidebar-back.png) white repeat-y; 
}
.nav-content-end { clear: left; }
.content { 
	margin-left: 150px; 
	padding: 10px;
}
.content-inner { float: left; width: 100%; }

#menu h2 { 
	font-size: 1em;
	margin: 1em 0 0 0;
	background-color: #336600; 
	color: white;
	padding: 0.25em 2px;
	text-align: center; 
}

#menu ul, #menu li { list-style: none; padding: 0; margin: 0;  }
#menu ul { background-color: white; padding-left: 2px; }
#menu li { padding: 1px 3px; }
#menu li li { padding-right: 0; }

table, td, th { margin: 0; padding: 0; border-spacing: 0; }
td, th { padding: 1px; }
table.products { margin: 1.5em 0; }
tr.highlight { background-color: #e6e6e6; }
table.products td, table.products th { padding-left: 5px; padding-right: 5px; }

#footer { display: block;  text-align: center; }
#footer-nav { background-color: #dfdfdf; font-weight: bold; text-align: center; font-size: 110%; padding: 0.5em 0; }
#footer-nav a { color: white; text-decoration: none; }