body {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	cursor: default;
	background: #BB9F55;
}
a {
	color: #000099;
	cursor: hand;
	cursor: pointer;
}
a:hover {
	color: #0000ff;
}

#page	{
	width: 780px;
	color: #000000;
	background: #ffffff;
	font-family: Tahoma, Arial, Verdana, MS Sans Serif, sans-serif;
	border: 1px solid #75511D;
	padding: 3px;
	text-align: left;
}
#pageHeader, 
#mainMenu, 
#mainBanner, 
#mainContent, 
#pageFooter {
	border: 1px solid #BB9F55;
	border-bottom: 0px;
	padding: 4px;
}
#pageFooter {
	border-bottom: 1px solid #BB9F55;
}
#pageHeader, 
#mainMenu, 
#mainBanner, 
#pageFooter,
#mainContent,
#mainContent td {
	font-size: 8pt;
}
#mainContent {
	height: 400px;
	overflow: visible;
	padding-top: 1em;
}


#pageHeader	{
	height: 32px;
	text-align: right;
}
#pageHeader #classTitle, 
#pageHeader #classSubtitle {
	color: #543D14;
	float: left;
}
#pageHeader #classTitle {
	font-family: Arial;
	font-size: 14pt;
	font-weight: bold;
	clear: none;
}
#pageHeader #classSubtitle {
	clear: left;
}
#pageHeader span {
	display: block;
}
#mainMenu {
	text-align: center;
}
#mainMenu span {
	margin-left: 15px;
	margin-right: 15px;
	font-weight: bold;
}
#mainMenu a {
	text-decoration: none;
}

#mainBanner {
	background: #543D14 url(http://www.geocities.com/karyndempsey/bannerBackground.gif);
	padding: 0px;
	height: 150px;
}
#mainBanner img {
	float: left;
	clear: none;
	height: 150px;
	width: 650px;
	border: 0px;
}
#mainBanner span {
	float: right;
	clear: right;
	display: block;
	width: 110px;
	padding: 4px;
	color: #ffffff;
}
#mainBanner .headline {
	color: #FBECC1;
}

#pageFooter {
}
#copyright {
	color: #BB9F55;
}
.spacer	{
	float: none;
	clear: both;
}

.headline, 
.subheadline {
	font-weight: bold;
}
.headline {
	color: #543D14;
}
.example {
	padding: 8px;
	padding-left: 24px;
	color: #666666;
}


#toc {
	float: left;
	clear: none;
	width: 192px;
	margin-right: 8px;
	border-right: 1px solid #EBDDB6;
}
#toc div {
	margin: 8px;
	margin-left: 4px;
	margin-top: 0px;
}
#toc div, 
.bullet {
	padding-left: 12px;
	background: transparent url(bullet.gif) no-repeat left 0.5em;
}
#toc div div {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
#toc div.headline {
	border: 0px;
	padding-left: 0px;
	background: transparent;
}

#bodyText {
	clear: none;
	width: 545px;
}
#bodyText div {
	margin-bottom: 1.5em;
}
#bodyText div.headline {
	margin-bottom: 0.5em;
}
#bodyText .calendar div {
	margin-bottom: 0px;
}

#rightSideBar {
	float: right;
	clear: none;
	width: 200px;
	border-left: 1px solid #BB9F55;
}
#rightSideBar div {
	margin: 8px;
	margin-top: 0px;
	padding-bottom: 4px;
	border-bottom: 1px solid #EBDDB6;
}
#rightSideBar div div {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
#rightSideBar div.headline {
	border: 0px;
}

#imgTeacher {
	width: 180px;
	height: 168px;
	border: 1px solid #75511D;
}

.gradeTable {
	border-bottom: 1px solid #EBDDB6;
}
.gradeTable td {
	padding: 3px;
	vertical-align: top;
	border-top: 1px solid #EBDDB6;
}
.gradeTable col.equals {
	width: 1.5em;
}
.gradeTable col.gradeNumber {
	width: 4em;
}
.gradeTable col.gradeLetter {
	width: 2em;
}

.calendar .week {
	padding: 4px;
	border: 1px solid #999999;
	background: #E1B657;
}
#bodyText .calendar .week {
	margin-bottom: 4px;
}
.calendar .month, 
.calendar .day {
	font-weight: bold;
}
.calendar .month {
	color: #999999;
	padding-left: 5px;
}
.calendar .day {
	color: #ffffff;
}
.calendar table {
	width: 100%;
}
.calendar td {
	width: 33%;
	text-align: center;
	vertical-align: top;
}
.calendar .notes td {
	width: 49%;
	text-align: left;
}
.calendar img {
	border: 1px solid #75511D;
	width: 75px;
	height: 50px;
}
.calendar .headline {
	color: #ffffff;
	font-weight: normal;
}
#bodyText .calendar .topics div {
	margin-bottom: 6px;
} 
.calendar .topics span {
	display: block;
}
.quiz {
	color: #ff0000;
	font-weight: bold;
}

#calCampbellPhilosophy {
	width: 38px;
}