/*************************************************************************************************/
/* (c) 2008, Summerleaze Computer Services                                                                                              */
/*************************************************************************************************/

html, body {
  font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
  color: white;
  background: black;
}

body 
{
  height: 100%;
  background: black url(images/background.jpg) top center no-repeat;
}

h1 {
  margin: 0;
  padding: 0.2em;
  color: red;
  font-size: 1.1em;
}

p {
  margin: 0 0 1em 0;
  padding: 0.2em;
}

.year {
  clear: both;
  margin: 0;
  padding: 0.2em;    
  height: 45px;
  background: url("images/timeline1.jpg") 50% 25px repeat-x;
}

.year div,
.year a,
.year h1
{
  float: left;
  width: 59px;
  height: 45px;
  font-size: 0.8em;
  text-align: center;
  background: url("images/timeline.jpg") 50% 22px no-repeat;
}
.year a {
  background: url("images/timeline2.jpg") 50% 22px no-repeat;
}
.year h1 {
  margin: 0;
  padding: 0;
  color: white;
  font-size: 1em;
  background: url("images/timeline1.jpg") 50% 22px no-repeat;
}

.year span {
  margin: 0 0.2em;
  padding: 0;    
}

.news {
  clear: both;
  padding: 1em;
}
.news h1 {
  margin: 0;
  padding: 0.5em 0;  
  font-size: 1.2em;
  color: red;
}
.news h2 {
  margin: 0;
  padding: 0;
  font-size: 1em;
  font-weight: bold;
}
.news h3 {
	clear: none;
  margin: 0 0 0.2em 210px;
  padding: 0;
  font-size: 1em;
  font-weight: bold;
	color: red;
}
.news h4 {
	clear: none;
  margin: 0 0 0.2em 210px;
  padding: 0;
  font-size: 1em;
  font-weight: bold;
}
.news img {
  display: block;
  width: 200px;
}
.news img.left {
  float: left;
}
.news a.image {
  float: left;
  display: block;
  font-size: 0.8em;
  text-align: center;
}
.news p {
  margin: 0 0 0.5em 210px;
  padding: 1em;
  color: white;
}


/* A block of text that has a picture link on either the left or right side */
/*
.image-block p.right {
  margin: 0 0 2% 310px;
}
.image-block a.right {
  float: right;
}
*/

/*

.news {
	width: 395px;
  background: url(images/grid.gif) top right no-repeat;
}

.news h1 {
  margin: 0;
  padding: 0;
  font-size: 1.5em;
  line-height: 66px;
  text-align: center;
}

.news img {
  float: left;
  margin: 0;
  padding: 0.2em;
}

.news p {
  margin: 0;
  padding: 0.5em;
}

.news {
  clear: both;
  padding: 1em;
}
.news h1 {
  margin: 0;
  padding: 0;  
  font-size: 1.2em;
  color: red;
}
.news h2 {
  margin: 0;
  padding: 0;
  font-size: 1em;
  font-weight: bold;
}
.news img {
  display: block;
  width: 200px;
}
.news a.image {
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 0.8em;
}
.news p {
  margin: 0 0 2% 210px;
  padding: 1em;
  color: white;
}

/*