#header {
background: #3AA313 url('fresheader.jpg') center center no-repeat;
}

ul.menu li a {
	font: 1em Verdana, Helvetica, Arial, Sans-Serif;
	color: black;
	margin: 0;
	}

ul.menu li a:hover {
	background: #333;
	color: #eee !important;
	text-decoration: none;
	}

h1 { /* H1 is used for the title of your blog */
	font-size: 3em;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 0;
	padding: 35px 0 0 40px;
	}

h1, h1 a, h1 a:hover, h1 a:visited,
#header .description {
	text-decoration: none;
	color: black;
	}

h1:hover {
	text-decoration: underline;
	}

#header .description { /* Blog description, under blog title */
	font-size: 1em;
	margin: 0 0 0 40px;
	display: inline; /* Checking for IE bug. If people start having problems with header width, then this is it */
	}

.pagetitle { /* Used on static pages and archives */
	text-align: center;
	margin: 15px 0 15px;
	}

.pagetitle h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */
	font-size: 2.4em;
	font-weight: bold;
	letter-spacing: -1px;
	text-align: center;
	display: inline;
	}
	
	body {
	font: 70% 'Lucida Grande', Verdana, Arial, Sans-Serif; /* Resets 1em to 10px - changed from 62.5% */
	color: black; /* changed from #444 */
	background: white url('water-drops3.jpg') left center repeat;
	text-align: center;
	margin: 0 0 30px;
	}

#page {
	background: white;
	text-align: left;
	margin: 0 auto;
	padding: 0 0 10px;
	position: relative;
	/* The entire template's width is set in this class. */
	width: 900px;
	border: 1px solid #ddd;
	border-top: none;
	}