body { background: white url(wwp_background.jpg) no-repeat fixed center; } 
p {font-family: Tahoma,Arial,Helvetica; font-size: 0.8em;}
h1 {color: brown; font-weight: bold; font-family: Tahoma,Arial,Helvetica; font-size: 26pt; text-align: center;}
h2 {font-family: Tahoma,Arial,Helvetica; font-size: 0.9em; font-weight: bold;}
h3 {color: red; font-weight: bold; font-family: Tahoma,Arial,Helvetica; text-align: center;}
h4 {font-family: Tahoma,Arial,Helvetica; font-size: 0.6em; font-weight: bold; text-align: center;}
h5 {font-family: Tahoma,Arial,Helvetica; text-align: right; font-size: 0.8em;}
li {font-family: Tahoma,Arial,Helvetica; font-size: 0.8em;}

#small .p {color: brown; font-family: Tahoma,Arial,Helvetica; font-size: 6pt; text-align: center;}
/* always visible */
#outer .holder {padding:1em; border:1px solid #ddd; margin:0 5px 5px 0;}
#outer .holder p {padding:1px 0 0 0; margin:0;}
#outer .holder p.bold {font-weight:bold;}
#outer .holder h2 {margin:0; padding:0; font-family: Tahoma,Arial,Helvetica; font-size: 0.9em; font-weight: bold;}

/* unclicked style div.more */
#outer div.more i {float:right; margin-right:-10px 10px 0 0; cursor:pointer; color:#c00; font-weight:bold;}
#outer div.more i.hide {display:none;}
#outer div.more p {display:none;}
#outer div.more img {display:none;}

/* clicked style div.click */
#outer div.click i.show {display:none;}
#outer div.click i.hide {display:block;}
#outer div.click p {display:block;}
#outer div.click img {display:block; float:left; padding-right:10px;}

#nav{padding-bottom: 70px; font-family: Tahoma,Arial,Helvetica; font-size: 12pt;}
 #nav ul { /* all lists */
	padding-bottom: 3;
	margin: 0;
	list-style: none;
	line-height: 1;

}

#nav a {
	display: block;
	width: 10em;
}

#nav li { /* all list items */
	float: left;
	width: 7em; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: white;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#content {
	clear: left;
	color: #ccc;
}
#sponsor {margin-left: 10%; margin-right: 10%; margin-top: 20px; border:red 1px solid; padding: 10px; }
#sponsor img{display: block; float: left; padding-right: 50px;}

.holder1 {
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 1em; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 1em; FLOAT: left; 
PADDING-BOTTOM: 1em; MARGIN: 5px; BORDER-LEFT: #ddd 1px solid; WIDTH: 45%; PADDING-TOP: 1em; BORDER-BOTTOM: #ddd 1px solid
}
.holder1 H2 {
	TEXT-ALIGN: left
}

.holder2 {
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 1em; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 1em; FLOAT: left; 
PADDING-BOTTOM: 1em; MARGIN: 5px; BORDER-LEFT: #ddd 1px solid; WIDTH: 95%; PADDING-TOP: 1em; BORDER-BOTTOM: #ddd 1px solid
}
#bullets {background: #ffc; BORDER: red 5px solid; PADDING: 1em;
}

#bullets li {font-family: Tahoma,Arial,Helvetica; font-size: 1.1em; font-weight: bold;}
#bullets p {font-family: Tahoma,Arial,Helvetica; font-size: 0.7em; font-weight: normal;}

#contain {margin-left: 15%; margin-right: 15%} 
#Woodworking {BORDER: #ddd 5px solid; PADDING: 1em; float: left; width: 45%;}
#acknowledgements {BORDER: #ddd 5px solid; PADDING: 1em; float: right; width: 40%;}
.contact {BORDER: red 3px solid; PADDING: 2em; float: left; width: 55%;}
#intro{BORDER: #ddd 2px solid; PADDING: 1em; margin-left: 5%; margin-right: 5%;}
#stoves {border: orange 6px solid; padding: 4em; margin-left: 3%; margin-right: 3%; height: 580 px;}
#pic1 {float:left; margin-right: 10px;}