* { font-family: Lucida, Verdana, Helvetica, Arial, Sans-Serif; padding: 0; margin: 0; }
	
body { background: url('grass.jpg') #eeeeee; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.body, .header, .footer { padding: 20px; margin: 0 auto; width: 750px; } 

.header, .footer { background: url('bg2.gif') #333333; color: #ffffff; }
.header { padding: 20px 0 0 0; width: 790px; }
.header .logo, .header .tagline { text-decoration: none; float: right; clear: both; }

.logo { font-size: 2em; font-weight: bold; margin: -10px 20px 10px 0; }
.tagline { font-size: 0.6em; color: #cccccc; margin: 0 20px 0 0; }	

.menu { clear: both; font-size: 0.9em; font-weight: bold; background: url('bg.gif') #444444; padding: 10px; }
.menu a { color: #ffffff; text-decoration: none; padding: 3px 8px; }
.menu a:hover { color: #ffffff; background: url('bg2.gif') #333333; }

.body { width: 748px; border-left: 1px solid #666666; border-right: 1px solid #666666; background: #ffffff; font-size: 0.75em; }
.body p { padding: 10px; }
.body ul { list-style-type: square; margin-left: 30px; }
.body ul ul { list-style-type: circle; margin-left: 30px; }	
.body ul li { padding: 10px; }
.body ul ul li { padding: 5px; }
.body ul li.last {  }
.body h2 { margin: 10px; font-size: 1.5em; }

#map { width: 700px; border: 2px solid #667788; height: 500px; margin: 20px auto 20px auto; background-color: #333333; }

.bold { font-weight: bold; color: #000000; }		
	
.footer { font-size: 0.7em; text-align: center; }