body, html {
	background-color: #ffffff;
	text-align: center;
	font-family: Times New Roman, Arial, Verdana, sans-serif;
	font-size: 14px;
	color: #000000;
	height:100%;
	margin:0;
	padding:0;
}

iframe {
	display: none;
}

img {
	border-style: none;
}

li {
	margin-top: 2px;
}

.activeAuxMenuItem {
	font-size: 160%;
	color: #333333;
	width: 100%;
	text-align: left;
	font-weight: bold;
}

.activeMenuItem {
	font-size: 200%;
	color: #333333;
	width: 100%;
	text-align: left;
	font-weight: bold;
}

.balloon {
	background-color: #ffffdd;
	border: 1px dashed black;
	padding: 2px;
	position: absolute;
	max-width: 300px;
	display: none;
	z-index: 100;
}

.bodyTable {
	width: 100%;
	height: 100%;
	border-collapse: collapse;
}

.bodyTableCopyrightCell {
	text-align: center;
	background-color: #f9f3d2;
	background: #f9f3d2 url('../img/valid-xhtml10.gif') no-repeat scroll center right;
	padding: 5px 190px 10px 0;
}

.bodyTableLeftBottomCell {
	background-color: #eae3bb;
}

.bodyTableMenuCell {
	width: 170px;
	min-width: 170px;
	background-color: #eae3bb;
	vertical-align: top;
	padding: 50px 5px 10px 30px;
	line-height: 230%;
	white-space: nowrap;
}

.bodyTableContentCell {
	background-color: #f9f3d2;
	vertical-align: top;
	padding: 50px 20px 10px 35px;
	line-height: 150%;
}

.bold {
	font-weight: bold;
}

.bottom {
	vertical-align: bottom;
}

.bottomDoublePadding {
	padding-bottom: 16px;	
}

.bottomPadding {
	padding-bottom: 8px;	
}

.bulletList {
	margin-top: 0px;
	margin-bottom: 0px;	
}

.caption {
	font-size: 80%;
}

.center {
	text-align: center;
}

.collapse {
	border-collapse: collapse;
}

.contentTable {
	width: 100%;
	height: 100%;
	border-collapse: collapse;
}

.contentTableCell {
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	vertical-align: top;
}

.emph {
	font-style: italic;
}

.entry {
	page-break-inside: avoid;
}

.entryIndex {
	width: 0;
	vertical-align: top;
}

.fullWidth {
	width: 100%;
}

.halfWidth {
	width: 50%;
}

.image {
	text-align: center;
	padding: 10px 5px 10px 5px;
}

.important {
	color: red;
}

.inactiveAuxMenuItem {
	font-size: 140%;
	color: #0000ff;
	text-decoration: underline;
	width: 100%;
	text-align: left;
}

.inactiveMenuItem {
	font-size: 160%;
	color: #0000ff;
	text-decoration: underline;
	width: 100%;
	text-align: left;
}

.left {
	text-align: left;
}

.leftColumn {
	width: 15%;
	vertical-align: top;
}

.italic {
	font-style: italic;
}

.mainPageTable {
	width: 100%;
	min-width: 740px;
	height: 100%;
	border-collapse: collapse;
}

.mainPageTablePicture {
	height: 180px;
}

.mainPageTablePictureCell {
	vertical-align: top;
	text-align: left;
	padding-bottom: 10px;
	height: 180px;
}

.mainPageTableTextCell {
	text-align: left;
	vertical-align: top;
}

.menuLink {
	color: blue;
}

.menuLink:visited {
	color: blue;
}

.middle {
	vertical-align: middle;
}

.nobreak {
	white-space: nowrap;
}

.picture {
	float: left;
	margin-right: 20px;
}

.printOnly {
	display: none;
}

.reducedLetterSpacing {
	letter-spacing: -2.0px;
}

.right {
	text-align: right;
}

.rightColumn {
	width: 80%;
	vertical-align: top;
}

.small {
	font-size: smaller;
}

.subtitle {
	font-size: 130%;
	font-weight: bold;
	padding-bottom: 12px;
	page-break-after: avoid;
	page-break-inside: avoid;
}

.subsubtitle {
	font-size: 110%;
	font-weight: bold;
	padding-bottom: 6px;
	page-break-after: avoid;
	page-break-inside: avoid;
}

.tableNoSpaces {
	border-collapse: collapse;
}

.text {
	padding-bottom: 0px;
}

.title {
	font-size: 160%;
	font-weight: bold;
	padding-bottom: 20px;
}

.toggler {
	font-weight: normal;
	color: #7777ff;
	cursor: pointer;
}

.top {
	vertical-align: top;
}

.topDoublePadding {
	padding-top: 16px;
}

.topPadding {
	padding-top: 8px;
}

.touchable {
	cursor: pointer;
}

.webOnly {
	display: block;
}

/* COURSE CREATION CLASSES */
.courseColumnTable {
	padding-left: 10px; 
	width: 350px;
}

.courseEditColumn {
	width: 320px;
}

.courseFieldSet {
	width: 360px;
	padding-right: 10px;
}

.courseFirstColumn {
	padding: 5px;
	border: 1px solid black;
	text-align: center;
	white-space: nowrap;
}

.courseInput {
	width: 100%;
}

.courseInputGrade {
	width: 15px;
}

.courseInputSection {
	border: 1px dotted black; 
	padding: 0 10px 5px 5px;
}

.courseSecondColumn {
	padding: 5px;
	border: 1px solid black;
	text-align: left;
}

.courseTextArea {
	height: 150px;
}

.courseThirdColumn {
	padding: 5px;
	border: 1px solid black;
	text-align: center;
}

.courseTogglerSpan {
	line-height: 22px; 
	padding-left: 5px;
}