@import "js/thickbox.css";

body {
	margin-top: 0px;
	background-color: #DCDBD9;
}

.slideshow { height: 232px; width: 232px;}

.AngelFoodColor {
	color: #06C;
	font-size:14px;
}

h1 { color:#333333;
	font-family: Arial;
	font-size: larger;}

h2 {
	font-family: Arial;
	font-size: 10pt;}

ol { line-height: 150%;
  font-family: Arial;
  font-size: 10pt;}

ul { line-height: 150%;
  font-family: Arial;
  font-size: 10pt;}
  
table { line-height: 150%;
  font-family: Arial;
  font-size: 10pt;}

p { line-height: 160%;
  font-family: Arial;
  font-size: 10pt;}
  
.sermons {
	font-family: Arial;
	font-size: 12px;
}
  
.BoxText {
	font-family: Arial;
	font-size: x-small;
	line-height: 100%;
}  

.small { font-size: 8pt; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; line-height: 150%;}
.footer1 { font-size: 10pt; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; line-height: 150%;}
.footer2 { font-size: 8pt; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; line-height: 150%;}
.body { font-size: 10pt; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; line-height: 150%; }

.asteric {
	color: #FF0000;
	font-weight: bold;}

a.menu:link {
	color: #000000;
	text-decoration: none;
}
a.menu:visited {
	color: #000000;
	text-decoration: none;
}
a.menu:hover {
	color: #FF0000;
	text-decoration: none;
}
a.menu:active {
	color: #000000;
	text-decoration: none;
}

td.table3
{
background-repeat: no-repeat;
background-position: top right
}

.white {
	color: #FFFFFF;
	font-weight: bold;
}

put this in the CSS

SCRIPT {
  color: white;
}
<!--
.noUL { text-decoration: none; }
A:hover { color: #0000CC; }
-->
<!--
A.menu:link { text-decoration: none; color:#000000 }
A.menu:visited { text-decoration: none; color:#000000 }
A.menu:hover { text-decoration: none; color:#CC0000 }
-->