.homepage {
	FONT-SIZE: 12px; 
	COLOR: #32527b; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
a:link {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: #B7B9BA; 
	FONT-FAMILY: Arial, Helvetica, sans-serif 
	COLOR: #ffffff; 
	TEXT-DECORATION: none;
}
a:visited {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: #B7B9BA; 
	FONT-FAMILY: Arial, Helvetica, sans-serif 
	COLOR: #ffffff; 
	TEXT-DECORATION: none;
}
a:hover {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: #EA0606; 
	FONT-FAMILY: Arial, Helvetica, sans-serif 
	COLOR: #000000; 
	TEXT-DECORATION: none;
}
a:active {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: #B7B9BA; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	COLOR: #ffffff; 
	TEXT-DECORATION: none;
}
.text {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	COLOR: #C9C5C5; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.instructornames {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 16px; 
	COLOR: #6F0303; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.instructortitles {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 14px; 
	COLOR: #000000; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.historynames {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 14px; 
	COLOR: #000000; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.navarrows {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: #FFFFFF; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}


.style4 {font-size: 10px}
.style5 {font-size: 10pt}
.style12 {color: #333332}
  
  .content {
  position:relative;
  }
  
  .schedplace {
  position:absolute;
  left:52px;
top:40px;
}
    #playlist tbody tr td {
      background-color: #eee;
    }
    #playlist tbody tr.odd  td {
      background-color: #ccc;
    }

 ul#navlist
{
padding: 0;
margin: 0;
list-style-type: none;
}

ul#navlist li { display: inline; }

ul#navlist li a
{
float: left;
width: 5em;
color: #fff;
background-color: #036;
padding: 0.2em 1em;
text-decoration: none;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#5D6062;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}
/* Indent whole paragraph */

p.indent {
	margin-left: 1.5em;
}

/* Indent the first line only */

p.firstindent:first-line {
	margin-left: 1.5em;
}

/* Indent all but the first line (have to make indent negative for the first line) */



div-1 {
 position:relative;
}
#div-1a {
 float:left;
 width:150px;
}
#div-1b {
 float:left;
 width:150px;
}
/* 2 Column layout */ 
#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 600px;
}

#header {
	margin: 0 0 15px 0;
	
}

#side-a {
	float: left;
	width: 150px;
}

#side-b { 
	margin: 0;
	float: left;
	width: 150px;
	height: 1% /* Holly hack for Peekaboo Bug */
}

#footer {
	clear: both;
	background: #A2A2A2;
}



/* image map */

dd#monitorDef{ top: 65px; left: 114px; }
dd#monitorDef a{ position: absolute; width: 73px; height: 69px; text-decoration: none; }
dd#monitorDef a span{ display: none; }
dd#monitorDef a:hover{ position: absolute; background: transparent url(office.jpg) -109px -317px no-repeat; top: -10px; left: -5px; }

dd#monitorDef a:hover span{
 display: block;
 text-indent: 0;
 vertical-align: top;
 color: #000;
 background-color: #F4F4F4;
 font-weight: bold;
 position: absolute;
 border: 1px solid #BCBCBC;
 bottom: 100%;
 margin: 0;
 padding: 5px;
 width: 250%;
}

/* remove tables */

p, h1, h2 {
	margin: 0;
	padding: 0.5em;
	}
#layoutLogic {
	background-color: #fff;
	margin: 0 -1px;
	width: 474px;
	}
#background_top, #background_bottom {
	color: white;
	background-repeat: no-repeat;
	position: relative;
	z-index: 13;
	width: 100%;
	height: 55px;
	}

#background_top {
	background-image: url(images/homepage-body-top.jpg);
	}
#background_bottom {
	background-image: url(images/homepage-body-bottom.jpg);
	}
.page {
	background-color: #fff;
	background-image: url(images/homepage-body-center.jpg);
	background-repeat: repeat-y;
	width: auto;
	}
.section {
	margin: 0;
	width: 100%;}
.col-A, .col-B, .col-C {
	margin: 0;
	padding: 0;
	position: relative;
	float: left; }
col-A {
	color: #fff;
	margin-left: 10px;
	z-index: 10;
	width: 140px;}
col-B {
	margin-right: 35px;
	margin-left: 15px;
	z-index: 20;
	width: 350px;}
col-C {
	z-index: 10;
	width: 180px;
	}
.clear {
	clear: both;
	}
.page > .section {
	border-bottom: 1px solid transparent;}