html, body { margin: 0; padding: 0; }

body { 
	font-family: Georgia, Verdana, Times, sans-serif; 
	font-size: 0.75em;
}

div#container {			

/* wraps around all of content; has left background */
	margin-left: 10%;
	margin-right: 10%;
max-width: 853px; 
	/* width:expression(document.body.clientWidth > 853? "853px": "auto" ); */
	/*  ^^  works around IE 5/6 lack of max-width   */	
	background-repeat: repeat-y;
	padding-left: 10px;
	background-color: white;
}
div#container2 {			/* wraps around all of content; has right background */
	padding-right: 10px;
	background-repeat: repeat-y;
	background-position: right top;
}

div#header { 
	height: 175px; 
	margin: 0; 
  	padding: 0;
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
}

div#header img {
	float: right;
}

div#header h1 {
	display: none;	
}

div#wrapper { 
	float: left; 
	width: 100%; 
	margin-left: -233px; 
}

div#content { 
	margin-left: 233px; 
	padding: 0 15px 15px 15px;
	
}

h2 {
	background-image: url(../images/logo-bottom.jpg);
	background-repeat: no-repeat;
	padding: 15px 10px 0 152px;
	margin: 0 0 0 -15px;
	padding-left: 152px;
	padding-right: 10px;
	font-size: 1.7em;
	font-weight: normal;
	font-style: italic;
	min-height: 65px;
}

h3 {
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	margin-bottom: -0.4em;
	margin-top: 20px;
}

p, li {
	line-height: 170%;
}

div#content p img {
	float: right;
	margin: 0 0 15px 15px;
}

div#content .photoleft {
	float: left;
	margin: 0 15px 15px 0;
}

div#content .photoright {
	float: right;
	margin: 0 0 10px 15px;
}

div#navigation { 
	float: right; 
	width: 233px; 
	background-image: url(../images/rightnav-leafbg.jpg);
	background-repeat: no-repeat;
	background-position: center 60px;
}

div#navigation ul {
	padding: 10px 0 0 0;
	margin: 20px 0 0 0;
	list-style-type: none;
}

div#navigation li {
	text-align: center;
	padding: 5px;
	margin: 0;	
	text-transform: uppercase;
	letter-spacing: 0.15em; 
	font-weight: bold;
	font-size: 0.9em;
}

div#navigation a {
	text-decoration: none;
	color: #000;
}

div#navigation a:active, div#navigation a:hover {
	text-decoration: underline;
}

div#navigation p {
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: center;
}

div#footer { 
	background: #C2DBA3; 
	background-image: url(../images/footerbg.jpg);
	color: #000; 
	clear: both; 
	height: 68px; 
	font-size: 0.9em;
	padding: 10px 40px 10px 40px;
}
div#footer p {
	text-align: center;
}
div#footer a {
	color: #000;
}

