#wrapper {
/* Container for page elements: page width, color, border, opt. background image */
	margin: 0 auto; /* top, bottom = 0; R, L = auto to center within width */
	padding: 0 0; /* btwn border and content */
	width: 940px; /* for 1024 x 768 maximized screen, longer will activate horizontal scroll bar in DW */
}
#header {
/* title banner at top of page */
	background-color: #0000FF; /* blue */
	color: #306; /* dark purple */
	font: 36px Pristina; /* fixed pixels over scaleable ems, family */
	margin: 0 auto; /* top, bottom = 0; R, L = auto to center within width */
	padding: 0 0; /* btwn border and content */
	text-align: center; /* centers text within cells */
	width: 100%; /* 100 percent of 940px */
}
#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; /* centers background if used */
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; /* 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 */
}
#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; /* magenta */
	font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; /* weight, size, family */
}
.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 */
}
.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 */
}
h1 {
	color: #306; /* dark purple */
	font: 36px Pristina; /* masthead size, family */
}
h2 {
	color: #990066; /* magenta */
	font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; /* large heading text */
}
h3 {
	color: #990066; /* magenta */
	font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; /* heading text */
}
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;
	color:  #C00; /* blood red */
}