body
{
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 1px;
	background-color: RGB(10, 10, 10);	/* NEARLY BLACK */
/*	background-color: #333333;	NEARLY BLACK */
	color: #FFCC00; /* = RGB(255, 204, 0). DOESN'T SEEM TO CHANGE ANYTHING */
	font-size: 1em;
	font-weight: normal;
	font-family: arial, helvetica, sans-serif;
}

p
{
/* USED FOR MAIN TEXT ("The .. initiative uses new technology .." */
	padding-left: 1em;
	padding-right: 1em;
/*	color: #00ccff;			= MEDIUM BLUE */
	color: RGB(0, 204, 255);  /*  = MEDIUM BLUE */
	font-weight: normal;
}

.headline	
{
/*  USED FOR TEXT "The material on  this website.. */
	color: RGB(0, 204, 255);	*/ = color: #00ccff */
	color: RGB(255, 255, 255);
	text-align: center;
}
img.picture_bar
{
	padding: 5px;
	width: 125px;
	height: 125px;
}
div.title
{
	padding-left: 1em;
	padding-right: 1em;
	border-left: 1px solid #00ccff;
	border-right: 1px solid #00ccff;
	border-top: 1px solid #00ccff;
	border-bottom: 2px solid #00ccff;
}

.title_L
{
	padding-left: 1em;
	padding-right: 1em;
	border-left: 1px solid #00ccff;
	border-right: 0px solid #00ccff;
	border-top: 1px solid #00ccff;
	border-bottom: 1px solid #00ccff;
}
.title_R
{
	padding-left: 1em;
	padding-right: 1em;
	border-left: 0px solid #00ccff;
	border-right: 1px solid #00ccff;
	border-top: 1px solid #00ccff;
	border-bottom: 1px solid #00ccff;
	vertical-align: center;
}
.title_G
{
	color:	#ffff17;
	font-family:	times;
	font-weight:	bold;
	font-size: 32pt;
}
.title_E
{
	color:	#99CC00;
	font-family:	times;
	font-weight:	bold;
	font-size: 32pt;
}
.title_O
{
	color:	#00CCFF;
	font-family:	times;
	font-weight:	bold;
	font-size: 32pt;
}
.title_SET
{
	color:	#FF9933;
	font-family:	times;
	font-weight:	bold;
	font-size: 32pt;

}
.title_SubTitle
{
/* USED FOR TEXT: "Global Educational Outreach for Science.." at top */
	color: RGB(212, 190, 255);  /* V. PALE BLUE  */
/*	color:	#ffff17;    THIS WAS BRIGHT YELLOW */
	font-family:	arial;
	font-weight:	bold;
	font-size: 18pt;
}
h1
{
	display: inline;
	font-size: 3em;
	font-weight: bold;
	color: #FFCC00;
}

h3
{
	display: inline;
	font-size: 3.5em;
	font-weight: normal;
	font-style: normal;
	color: #44FF17;  /* DOESN'T SEEM TO CHANGE ANYTHING */
}

h4
{
/* THIS CHANGES "SUBTOPIC FILTER", "LEVEL FILTER" on Lecture List page */
	display: inline;
	font-size: 1.5em;
	font-weight: bold;
/*	color: #FFFF17;  */
	color: RGB(212, 190, 255);  

}

.options
{
	border-top: 1px solid #ffff17;
	border-right: 1px solid #ffff17;
	border-bottom: 1px solid #ffff17;
	border-left: 1px solid #ffff17;
	background-color: #ddf8ff;
}
.note
{
	font-size: .75em;
	font-weight: normal;
}

.bold
{
	font-weight: bold;
}

.center
{
	text-align: center;
}


#browse table
{
	width: 100%;
}

#browse p
{
/* THIS CHANGES THE COLOUR FOR:  BROWSE BY TOPIC, BROWSE BY LEVEL, ..
/*   .. CUSTOM SEARCH, AND ALL TEXT UNDER CUSTOM SEARCH */
	color: RGB(212, 190, 255);  
}

#browse td
{
/* USED FOR LISTS OF TOPICS, LEVELS */
	background-color: RGB(10, 10, 10);	/* NEARLY BLACK */
/*	background-color: #333333;	NEARLY BLACK */
	color: #ffff17;
	vertical-align: top;
	text-align: left;	   /* WAS "CENTER"  */
	font-weight: bold;	
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #00ccff;
	width: 33%;
	cell-padding: 20;
}

#browse p.csearch
{
	border-style: none;
	border-top: 0px solid #000011;
	padding-top: 1px;
	padding-bottom: 1px;
}

#browse td.left
{
	text-align: left;
}
.synopsis
{
	position: relative;
	z-index: 0;
}

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

.synopsis span
{ 
	position: absolute;
	background-color: #333333;
	color: #FFff17;
	padding: 5px;
	left: -1000px;
	border: 1px solid #00ccff;
	visibility: hidden;
	text-decoration: none;
	font-size: .75em;
}

.synopsis:hover span
{ 
	visibility: visible;
	top: 0;
	left: 60px; 
	width: 200px; 
}
table
{
	clear: both;
	width: 100%;
}

td
{
	vertical-align: top;
	text-align: left;
}

td.filter
{
/* THIS SEEMS TO JUST CHANGE (COL) OF BULLETS FOR FILTERS */
	background-color: #333333;
/*	color: #ffff17; */
	color: RGB(212, 190, 255);  
	vertical-align: top;
	text-align: left;
	padding-left: 1em;
	padding-right: 1em;
	border: 1px solid #00ccff;
}

#leclist table
{
	clear: both;
	width: 100%;
	border: 1px solid #00ccff;
	border-collapse: collapse;
	cell-padding: 0;
	cell-spacing: 0;
}
#leclist td
{
/*  THIS CHANGES COLOUR ETC OF LECTURE LIST DESCRIPTORS */
	border-top: 0px solid #00ccff;
/*	color: #ffff17;  */
	color: RGB(212, 190, 255);  
	vertical-align: top;
	text-align: left;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: .5em;
	padding-bottom: .5em;

}

#leclist td.Head
{
	color: RGB(212, 190, 255);  	/* SPEC */
	background-color: #333333;
	text-align: center;
	font-weight: bold;	
	border-bottom: 1px solid #00ccff;
}

#leclist td.even
{
	background-color: #333333;
	border-top: 1px solid #00ccff;
	border-bottom: 1px solid #00ccff;
}

#leclist li
{
	font-size: .75em;
}

#filter
{
	font-size: .75em;
}

#feedback p
{
	color: #ffff17;
}

a:link {color: #208b99} 
a:visited {color: #cccccc}
a:hover {color: #ffffff}
a:active {color: #208b99}