body {
	font-family: "Times New Roman", Times, serif;
	font-size: 13pt;	
	width: 1000px;
	height: 750px;
	background: black url('images/background.jpg') no-repeat top left;
	color: white;
	margin:0;
	padding:0;

}

#column-1 {
  position: relative;
  float: left;
  width: 845px; /* remember to set a width */

}

.overlay{
  position: absolute;
  top: 0; /* These positions makes sure that the overlay */
  bottom: 0;  /* will cover the entire parent */
  left: ;
  width: 100%;
  background: #000;
  opacity: 0.40;
  -moz-opacity: 0.40; /* older Gecko-based browsers */
  filter:alpha(opacity=40); /* For IE6&7 */
}

#column-1 .content {
width: 100%;
padding: 0px;
height: 500px;
	font-size:14pt;
	text-align: left;
    font-weight:200;

}

.content {
  position: relative;
  margin:0;
  line-height: 20px;

}

/* Lets use the * html hack so only IE6 reads the rule */
* html #column-1 .overlay {
  height: expression(document.getElementById("column-1").offsetHeight);
}


.style1 {
	color: lime;
}

a {
	color:#ffc500;
	font-weight:bold;
}
a:hover {
	color:#FF0000;
	font-weight:bold;
}
.heading {
    color:#FFFF66;
	font-style:italic;
	font-size:16pt;
	text-align: left;
    font-weight:bold;
}
.subheading {
	color:#FFFF66;
	font-style:italic;
	font-size:18pt;
    text-align: left;
    font-weight:bold;
}
p {
	margin-top: 10px;margin-bottom: 10px;
}
.imgleft{
	float: left ;
	border-style: none ;
	vertical-align: text-top;
	width:150px;
	height:104px;
	padding-right: 10px;padding-bottom: 10px;
}
.imgright{
	float: right ;
	border-style: none ;
	vertical-align: text-top;
	width:150px;
	height:104px;
	padding-left:10px;padding-bottom: 10px;

}