/* stylesheet for OCHJS pages */
/* alun@eyedivision.com */

BODY, P, H1, H2, H3, H4, li, ul, ol, blockquote{  font-family : Verdana, Arial, Helvetica, sans-serif; scrollbar-face-color : #0099cc; scrollbar-highlight-color: #ccffff; margin-top: 0; }
H1 { font-size: 1.4em; color: #fff; }
H2 { font-size: 100%;  color: #ffffcc;}
H3 { font-size: 90%;  color: #fff; }
H4 { font-size: 90%;  color: #fff; }

P, blockquote {
	font-size: 0.8em;
	color: #ccffff;
}
B { font-weight: 900; }


li {  font-size: 0.9em; font-style: normal; font-weight: normal; color: #fff; }
ul {  font-size: 0.9em; font-style: normal; font-weight: normal; color: #fff; }

ol { font-size: 0.9em; font-style: normal; font-weight: normal; color: #fff;}

.right { font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em;  color: #ccffff; text-align: right; }

/* name is used for staff page */
.name { font-weight: bold; line-height: 120%; color: #fff;  font-size: 1.0em;}

.redtext {  color: #CC0033; }
.copyright { font-size: 0.7em; color: #ffffff; text-align: center; }

a:link { color: #ccccff; text-decoration: underline; }
a:active { color: #ffcc66; text-decoration: underline; }
a:hover {  background-color: #0099cc; color: #000000; text-decoration: none; }
a:visited { color: #ccffff; text-decoration: underline; }


/* small header navigation */
TD.menu { font-size: 0.7em; border-width: 1px 1px 0px 1px; border-style: solid; border-color: #000000; text-align: center; background-color: #FFFFFF; }
TD.menu A:link { font-size: 1em; color: #000000; text-decoration: underline; }
TD.menu A:active { color: #ccffff; text-decoration: underline; }
TD.menu A:hover {  color: #ccffff; text-decoration: underline; }
TD.menu A:visited {  color: #006699; text-decoration: none; background-color: #FFFFFF; }

/* small sub-header navigation - second row on top of page */
TD.submenu { font-size: 0.7em; border-width: 0px 1px 1px 1px; border-style: solid; border-color: #000000; background-color: #3399cc; }
TD.submenu A:link { font-size: 1em; color: #ffffcc; text-decoration: underline; }
TD.submenu A:active { color: #ccffff; text-decoration: underline; }
TD.submenu A:hover {  color: #ccffff; text-decoration: underline; background-color: #333399; }
TD.submenu A:visited {  color: #ffffff; text-decoration: none; }

/* footer nav */
TD.bottommenu { font-size: 0.7em;  border: 1px solid #000000; text-align: center; background-color: #FFFFFF;}
TD.bottommenu A:link { font-size: 1em; color: #006699; text-decoration: underline; }
TD.bottommenu A:active { color: #ccffff; text-decoration: underline; }
TD.bottommenu A:hover {  color: #ccffff; text-decoration: underline; }
TD.bottommenu A:visited {  color: #006699; text-decoration: none; background-color: #FFFFFF; }

/* right menu front page */
.rightmenu { font-size: 0.9em; color: #FFFFFF; }
.rightmenu A:link { font-size: 1em; color: #FFFFFF; text-decoration: underline; }
.rightmenu A:active { color: #ccffff; text-decoration: underline; }
.rightmenu A:hover {  color: #ccffff; text-decoration: underline; background-color : #333399; }
.rightmenu A:visited {  color: #ffffff; text-decoration: none; }

.studentRight {
	padding-left: 5px;
}

#rightCol {
	margin-top:0;
	padding-top:0;
	padding-left:74%;
	background-color:#003366;
}
#leftCol {
	float:left;
	width:70%;
	margin-right:1.67em;
	background-color:#006699;
}
.imageLeft {
	float: left;
	font-size: 0.9em;
	text-align:center;
	font-style: italic;
}

blockquote {
	font-size: 0.9em;
}

HR {
	text-align: center;
	height: 1px;
	color:#003366;
}

.hilight {
	font-size: 14px;
	color: #FFF;
	background-color: #0099CC;
	font-weight: bold;
	border: 1px dotted white;
	outline-width: thin;
	padding: 5px;
}

table .timetable {
	width:450px;
	border: 1px solid #0099CC;
	text-align:center;

}
.timetable td {
	font-size:0.8em;
	text-align:center;
}
.timetable th {
	background-color:#0099CC;
}
table td.alternate {
	background-color:#003399;
	font-size:0.8em;
	text-align:center;
}