@charset "utf-8";
/* CSS Document */

BODY {
	background-image:url(images/navigationbackground.png));
	background-color: #c2c2c2; 
}
.left{
text-align:left;
float:left;
}
.right{
float:right;
text-align:right;
}
.centered{
text-align:center;
}
#a	{
	padding:0px;
}
#h1 {font: Arial, Helvetica, sans-serif
}
#h2 {font-color:#231F20;
}
#h3 {color:#FFF
}
#extra {
	background-color:#FFF;
}
#extra2 {
	width:900;
	
}
#containter {
	background-image:url(images/backie.png)
}
.rollover a {
display:block;
width: 90px;
padding:10px 10px 10px 7px;
font: bold 13px sans-serif;;
color:#333;
background: url("rollover-image.gif") 0 0 no-repeat;
text-decoration: none;
}
.rollover a:hover { 
background-position: 0 -35px;
color: #333;
}
.rollover a:active {
background-position: 0 -70px;
color:#fff;
}

ul.tabs {
  list-style-type: none;
  padding: 0;
  margin: 0;
  width:900;
}

ul.tabs li {
  float: left;
  padding: 0;
  margin: 0;
  padding-top: 0;
  background: url(tab_right.png) no-repeat right top;
  margin-right: 1px;
  width:900;
}

ul.tabs li a {
  display: block;
  padding: 0px;
  color: #000;
  text-decoration: none;
  background: url(tab_left.png) no-repeat left top;
  width:900;
 
}

ul.tabs li a:hover {
  color: #ff0;
}
#navigation  {
	background-color:#FFF
	color:#000
}
#header	{
	background-image:url(images/headerBG.png):
}
#rollover {
	width:900;
}
<style>
h1 {
		font:Arial, Helvetica, sans-serif
		font-size:24px;
           color:blue;
           margin-top:-10px;
           margin-bottom:-15px;
      }
</style>