#ojPage
{
	width: 800px;
	border: solid 1px gray;
	margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    position: relative;/* 	margin: 0 0 20px 0; */
 	padding: 10;
 	background-color: white;
}



#ojAttentionMessage
{
	font-weight: bold;
	color: red;
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: center;
}

.ojNavButton
{
	color: black;
	border: solid gray 1px;
	/*padding: 2px 8px 2px 8px;*/
	padding: 0px 8px 0px 8px;
	margin-bottom: 4px;
	background-color: white;
	text-decoration: none;
}

.ojNavButton:hover
{
	background-color: #CCCCCC;
}

.ojSidebarLink
{
	text-decoration: none;
/* wanted hanging indent -- this doesn't work for some reason
	padding-left: 25px;
	text-indent: -25px;
*/
}

.ojSidebarLink:hover
{
	background-color: #CCCCCC;
}

.ojWelcomeAudio
{
	color: black;
	border: solid gray 1px;
	/*padding: 2px 8px 2px 8px;*/
	padding: 0px 8px 0px 8px;
	margin-bottom: 4px;
	background-color: white;
	text-decoration: none;
	text-align: center;
}

.ojWelcomeAudio:hover
{
	background-color: #CCCCCC;
}


.ojMajorSectionTable
{
	width: 100%;
	border-collapse: collapse;
 	margin-bottom: 8px;
}

/* .ojMajorSectionTable td { border: solid gray 1px; } */





.ojMinorSectionTable
{
	width: 100%;
}

.ojMinorSectionTable tr th
{
	background-color: #CCCCCC;
	text-align: center;
	padding: 2px 4px 2px 4px;
}

.ojMinorSectionTable tr td
{
	padding-left: 4px;
}





.ojScheduleTable
{
	border-collapse: collapse;
	margin-bottom: 6px;
	margin-left: auto;
	margin-right: auto;
	font-size: 90%;
}

.ojScheduleTable tr th
{
	border: solid gray 1px;
	padding: 1px 6px 1px 6px;
	background-color: transparent;
	font-weight: bold;
}

.ojScheduleTable tr td
{
	border: solid gray 1px;
	padding: 1px 8px 1px 8px;
}

.ojScheduleLegend
{
	text-align: center;
	margin-top: 0px;
	font-size: 90%;
/* 	font-weight: bold; */
}




h1, h1 a
{
	font-size: 48px;
	font-style: italic;
	font-family: sans-serif;
	text-decoration: none;
	margin: 0px;
	background-color: transparent;
	color: black;
	

	width: 100%; text-align: center;
/* 	border: solid red 1px; */
}

/*
h1 a:hover
{
 	text-decoration: underline;
	color: black;
}
*/

ul
{
	margin-top: 4px;
}