/* Based on a template by Ben Meadowcroft, see http://www.benmeadowcroft.com/webdev/  for more info */

body

{

	color : black;

	background-color : rgb(255,255,255);

	background-image : url(images/light-balance-small.jpg);

	background-attachment : fixed;

	background-position : bottom left;

	background-repeat : no-repeat;

	font-family:sans-serif;

}



h1, h2, h3, h4, h5, h6

{

	margin:0px;

	padding:0px;

}



/*

 * This ensures that text in paragraphs doesn't

 * stretch right across the screen. This only works

 * in more advanced browsers.

 */

.contentText p

{

	max-width:45em;

}



ul.menu

{

	list-style:none;

	margin:0px;

}



ul.menu li

{

	display:inline;

}



.menu

{

	text-align : center;

	background-image : url(images/yellowfilter.gif);

	border : thin solid rgb(0,0,0);

	font-weight : bold;

}



.menu a

{

	color : rgb(0,0,0);

	background-color : inherit;

}



.menu a:hover

{

	color : rgb(255,64,64);

	background-color : rgb(230,230,250);

}





.menu strong

{

	font-size : large;

}



.other

{

	text-align : center;

	background-image : url(images/redfilter.gif);

	border : thin solid rgb(0,0,0);

	background-color : inherit;

	color : rgb(0,0,0);

	font-weight : bold;

}



.contentText

{

	color : rgb(0,0,0);

	background-color : rgb(255,255,255);

	border : thin solid;

}



.footer

{

	background-image : url(images/redfilter.gif);

}



.footer a:link

{

	color: rgb(0,0,0);

	background-color:transparent;

}
.title

{

	position:absolute;

	top:200px;

	left:0.5em;

	height:1em;

	margin-left : auto;

	margin-right: auto;

	padding: 5px;

	z-index : 0;

}



.menu

{ 	

	position : absolute;

	top : 11em;

	padding : 2px;

	margin-top : 5px;

	margin-bottom : 5px;

	width:98%;

	left : 1%;

	right : 1%;

}

.header {
background:#060201 url(../images/246header.gif) repeat-x;
margin:auto;
height:165px;
width:100%;
}

.logo
{
width:652px;
height:175px;
}


.other

{

	padding : 4px;

	position : absolute;

	top : 17em;

	right : 5px;

	width : 10em;

}
.spanRed {
color:red;
}
.spanGreen {
color:green;
}


.contentText

{

	margin-top : 6em;

	padding : 1em;

	margin-left : 30px;

	margin-right : 12em;

}
<!--
/* The slideshow CSS. Customize to meet your taste. */
/* this is original css file for pure html/css slideshow from Meyer site */
/* saved as css for slideshow template */
/* original located at file:E:_web_slideshows_pure-html-css-slideshow.html */
.slideshow {
	font-family:"Trebuchet MS", Georgia, sans-serif;
	width:680px;
	height:1000px;
	overflow:hidden;
	background-color:#000000;
	color:#FFFFFF;
	border:5px solid #99CC00;
}
.slideshow > h3 {
text-align:center;
}
.slideshow > ul {
	margin: 0;
	padding: 0;
}
.slideshow > ul > li {
	display:inline;
	margin:0px;
	padding:0px;
	font-size:1px;
	margin-right: -1px;
}
.slideshow > ul > li > div {
  display: none;
  text-decoration: none;
  float:left;
}
.slideshow > ul > li > div > p {
  font-size:24px;
  text-align:center;
  padding:10px 0px 0px 0px;
  margin:0px;
  color:#FFFFFF;
}
.slideshow > ul > li > div > a > img {
	border:2px solid #FFFFFF;
	width:600px;
}
.slideshow  > ul > li > img {
	border:2px solid #FFFFFF;
	margin:0px;
	padding:0px;
	width:80px;
	height:60px;
}
/* Shows slides when mouse pointer is over a thumbnail image */
.slideshow > ul > li:hover > div {
	display: block;
}
/* Highlights the thumbnail image when mouse pointer is over it */
.slideshow > ul > li:hover > img {
	border-color:#FF6600;
}
-->