body{
   padding: 0;
   margin: 0;
}

h1{
   margin: 0;
   font: bold 24px Arial, Helvetica, sans-serif;
   text-align :center;
   color: #222;      
}

h2{
   margin: 0;
   font: bold 18px Arial, Helvetica, sans-serif;
   text-align :center;
   color: #222;      
}

h4{
   margin: 0;
   font: bold 14px "DejaVu Sans Condensed", Arial, Helvetica, sans-serif;
   color: #222;      
}

p{
   font: 14px "DejaVu Sans Condensed", Arial, Helvetica, sans-serif;
   color: #222;      
}

tr 
  {
    background-color:#E9F3FA;
  }
  
tr.even 
  {
    background-color:#FEEDE3;  
  }
  
tr.space{
	background-color:white;
}

#header{
   width: 780px;
   padding: 10px;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}

#subheader{
   width: 780px;
   padding: 10px;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}


a.mylink_box { 
   color: #fff; 
   background-color:  #A4D3EE; 
   border-color: #c1d5b7 #5f7852 #5f7852 #c1d5b7; 
   border-width: 1px; 
   border-style: solid;
   font: normal 18px Arial, Helvetica, sans-serif; 
   font-weight: bold; 
   padding-left: 5px; 
   padding-right: 5px; 
}

a.mylink_box:link {
  color: #000;
  text-decoration: none; 
} 

/*make a change to the visited links to white so that the client knows where they have been 1.11.08*/
a.mylink_box:visited {
  color: white;
  text-decoration: none; 
}

a.mylink_box:focus{
	color:gray;
	text-decoration:none;
}
  
a.mylink_box:hover {
  border-color: #5f7852 #c1d5b7 #c1d5b7 #5f7852;
  padding-left: 6px;
  padding-right: 4px; 
  color: #f06856;
}

/*lets see how this goes for active link 1.11.08*/
a.mylink_box:active{
	color: red;
	text-decoration: none;
	background-color:#8dcff4;
} 

/*this is for the text link 1.11.08*/
a.mylink{
	color:blue;
	font-weight:bold;
	text-decoration:none;
}
/*changed this colour slightly since css validator complained 2.11.08*/
a.mylink:visited{
color:#A4D3EF;	
}

a.mylink:focus{
	color:gray;
}

a.mylink:hover{
    color:orange;
}

a.mylink:active{
	color:red;
}

a:link{
	color:blue;
}

a:visited{
	color:#A4D3EC;
}

a:focus{
	color:gray;
}

a:hover{
	color:orange;
}

a:active{
	color:red;
}
   
#mainwrapper{
   clear: both;
   width: 800px;
   height: 100%;
   margin-left: auto;
   margin-right: auto;
   overflow: hidden;
}

#mainwrapper .leftcol{
   position: relative;
   float: left;
}

#mainwrapper .rightcol{
   position: relative;
   float: right;
}

#leftbar{
   width: 90px;
   padding: 5px;
}

#centerbar{
   float: left;
   width: 590px;
   padding: 5px;
   text-align: left; 
   font-family: "DejaVu Sans", sans-serif;
}          

#rightbar{
   width: 90px;
   padding: 5px;
}

#footer{
   clear: both;
   width: 780px;
   padding: 10px;
   margin-left: auto;
   margin-right: auto;
}
/*I put these .styles into the css sheet and took them out of the html 1.11.08*/
.style1{
	font-family:"DejaVu Sans Condensed", sans-serif;
}

.style2{
	font-family:"DejaVu Sans Condensed", sans-serif;
	text-align:center;
	color:#C0C0C0;
}

.style3{
	text-align:center;
}

.style4{
	font-family:"DejaVu Sans Condensed", sans-serif;
	text-align:center;
	font-weight:bold;
}

.style9{
	font-size:small;
}

.style10 {
	text-decoration: underline;
}

.style11 {
	font-weight: bold;
	color: #0000FF;
}
.style12 {
	text-decoration: none;
}

/* 10,11,12 added for the title of the table of prices*/
.lg{
    font-family: "DejaVu Sans Condensed", Arial, Helvetica, sans-serif;
    font-size: 130%;
	font-weight:bold;
}
.hvy
{
    font-family: "DejaVu Sans Condensed", Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.red
{
   color:red;
}