body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 0.8em;
	background-color: #ddd;
	
}

html {
     overflow: -moz-scrollbars-vertical;
}

a { color: blue; }
a img { border: 0; }
.clr { clear: both; }

/* Structural Rules */
div#page {
	width: 800px;
	padding: 7px;
	margin: 0 auto;
	border: 1px solid #bbb;
	background-color: #fff;
}

div#header, div#main, div#footer {
	float: left; clear: both;
	width: 100%;
}

/* Template Specific Structure Rules */
div#main table {
	width: 100%;	
}

div#main table td {
	vertical-align: top;
}

div#main table td.content div {
	padding: 0 2%;
}

div#main table td.content ul li {
	margin-bottom: 3px;
}
	
div#main table td.nav {
	width: 27%;
	background-color: #566b30;
	color: #fff;
}

div#main table td.nav ul {
	list-style-type: none;
	margin: 10px;
	padding: 0;
}

div#main table td.nav ul li {
	margin-bottom: 3px;
}

div#main table td.nav a {
	color: #fff;
	text-decoration: none;
}

/* Template Specific Style Rules */
h1 {
	font-size: 16px;
	margin: 10px 0;
}

td.content {
	color: #777;
	line-height: 1.2em; 
}

td.content a {
	color: #777;
	text-decoration: none; 
}
	
div#header {
	background-color: #111;
	text-align: center;
}

div#footer {
	text-align: center;
	padding: 10px 0;
	background-color: #111;
	font-size: 11px;
	line-height: 20px;
}

div#footer, div#footer a {
	color: #ccc;	
}
	
div#header h3 {
	font-size: 28px;
	margin: 15px 0 5px 0;
	color: #fff;
}

div#header h4 {
	font-size: 14px;
	margin: 5px 0 15px 0;
	color: #ff3;
}

/* Images */
table.images {
	width: 96%;
}

table.images td {
	width: 25%;
	text-align: center;
}

table.images img {
	width: 125px;
}

/* Promo */
div.promo {
	margin: 20px 0 20px 10px;
}