#wrapper {
	padding: 0px; /* btwn border and content */
	width: 940px; /* for 1024 x 768 maximized screen, longer will activate horizontal scroll bar in DW */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#header {
/* title banner at top of page */
	background-color: #00F; /* dark green */
color: #C00; /* top, bottom = 0; R, L = auto to center within width */
padding: 0px; /* btwn border and content */
text-align: center; /* centers text within cells */
width: 100%; /* 100 percent of 940px */
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
font-family: "Times New Roman", Times, serif;
font-size: 30px;
font-style: normal;
}
#masthead {
/* header's center cell - the background photo */
	background-image: url(images/masthead/mastheadclouds550x75.jpg); /* can override with embedded style */
background-position: center center; /* photo centered top-bottom, right-left */
background-repeat: no-repeat; /* no repetition of photo */
height: 75px; /* height of background photo */
width: 575px; /* width of background photo */
}
/* major page divisions */
#mainContent, #advertisements, #navigation, #footer {
	background-position: center center; /* size, family */
	margin: 0 auto; /* top, bottom = 0; R, L = auto to center within width */
	padding: 0 0; /* btwn border and content */
	text-align: center;
	width: 100%; /* 100 percent of 940px */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#mainContent {
	text-align: left; /* default */
}
#navigation {
/* links to related pages on my site */
	background-color: #FF9; /* pale yellow */
	padding: 0.1em 0; /* vertical color band width */
}
#navigation li {
	border-right: 1px solid #F60; /* orange vertical line */
	display: inline; /* generates an inline box as opposed to a block box*/
	list-style: none; /* no bullets */
	margin-right: 0.5em; /* right margin outside border */
	padding-right: 0.5em; /* pushes vertical line away from text */
}
#navigation li.last {
	border-right: 0; /* gets rid of vertical line after last list item */
}
#footer {
	clear: both; /* clear below any floated element */
	font-size: 11px; /* size of footer text */
	padding: 1em 1em; /* btwn border and content, scaleable 1em equal to font size */
}
/* classes */
.heading {
	color: #990066; /* weight, size, family */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.headingrev {
	color: #FFF; /* white */
	font-size: 14px;
	font-weight: bold;
}
.bodysmallitalics {
	font-size: 10px;
	font-style: italic;
}
.bodysmallgray {
	color: #999; /* medium gray */
	font-size: 10px;
}
.bodysmallgrayitalics {
	color: #999; /* medium gray */
	font-size: 10px;
	font-style: italic;
}
.yellowhighlight {
background-color: #FF0; /* yellow */
font-weight: bold;
}
.boldred {
	color: #F00; /* red */
	font-weight: bold;
}
.boldblue {
	color: #009; /* dark blue */
	font-weight: bold;
}
.firstul {
/* size and color of regular heading */
	color: #990066; /* magenta */
	font-size:  14px;
	font-weight: bold;
	list-style-type: none; /* no bullets */
}
.secondul {
/* size and color of second-level heading */
	color: #000; /* black */
	font-size:  12px;
	font-weight: bold;
	list-style-type: none; /* no bullets */
}
.breakul {
/* break without bullets */
	list-style-type: none; /* no bullets */
}
h1 {
	color: #306; /* masthead size, family */
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
	font-style: italic;
}
h2 {
	color: #990066; /* large heading text */
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
}
h3 {
	color: #990066; /* heading text */
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
}
p {
	font-size: 12px; /* body text */
}
#mastheadblossoms, #mastheadclouds, #mastheadpepper, #mastheadschool, #mastheadsteam {
/* header's center cell - the background photo */
	background-position: center center; /* photo centered top-bottom, right-left */
	background-repeat: no-repeat; /* no repetition of photo */
	height: 75px; /* height of background photo */
	width: 575px; /* width of background photo */
}
#mastheadblossoms {
	background-image: url(images/masthead/mastheadblossoms550x75.jpg);
}
#mastheadclouds {
	background-image: url(images/masthead/mastheadclouds550x75.jpg);
}
#mastheadpepper {
	background-image: url(images/masthead/mastheadpepper.jpg);
	font-family: Mistral;
}
#mastheadschool {
	background-image: url(teaching/images/mastheadschool550x75.jpg);
}
#mastheadsteam {
	background-image: url(images/masthead/mastheadsteam550x75.jpg);
	font-family: Mistral;
}