﻿
/***
colors:
chito-ryu red : #CB2027
deep blue : #003DAA 
***/

/*** GENERAL ***/
body { font: normal normal normal 10pt Arial; }
td { font: normal normal normal 10pt Arial; }
.bkgrnd { background-image:url("../_Graphics/background.gif"); background-position:top; background-repeat:no-repeat; }
.bkgrnd_home { background-image:url("../_Graphics/bkgrnd_home.jpg"); background-position:top; background-repeat:no-repeat; }

/*** HORIZONTAL RULE ***/
.blackLine { border: black 1px solid; color: black; background-color: black; height:3px }

/*** MENU ***/
td.menuCell { padding-left:25px; height:20px; }
a.menuLink { border: none 0px #FFFFFF; }
img.menuImage { border: none 0px #FFFFFF; }

/*** TEXT ***/
.txtPageHeader { font: normal normal bold 16pt Arial; padding-left:10px; }
.txtHeader { font: normal normal bold 12pt Arial; }
.txtSubHeader { font: normal normal bold 10pt Arial; }

/*** BOX ***/
table.box 
{
	border: solid 2px Black; 
	border-collapse:collapse;
	background-color:White; 
}

td.boxHeader 
{ 
	padding: 2px 5px 2px 5px;
	text-align:center;
	color:White;
	font: normal normal bold 10pt Arial;
	border-bottom: solid 2px Black; 
	border-left: solid 1px Black; 
	border-right: solid 1px Black; 
	background-color:#CB2027; 
}

td.boxContent
{
	padding: 2px 5px 2px 5px;
	text-align:center;
	vertical-align:middle;
	color:Black;
	font: normal normal noraml 10pt Arial;
	border: solid 1px Black; 
	background-color:White; 
}


/*** MISC. ***/
span.classTimes
{
	font: normal normal normal 8pt Arial;
}


<style type=”text/css”>

/*** Photo Viewer ***/
.pic{
position: relative;
z-index: 0;
}

.pic:hover{
background-color: transparent;
z-index: 50;
}

.pic span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px solid black;
visibility: hidden;
color: black;
text-decoration: none;
}

.pic span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.pic:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 250px;
left: 400px; /*position where enlarged image should offset horizontally */

}

</style>
