body
{
  background-color: #660000;
  color: #dddddd;
  font-family: verdana, geneva, helvetica, sans-serif;  
  font-size: 10px;
}


h1 {
width:500px;
margin-top:10px;
text-align:justify;
font-family: arial;
font-size:40px;
}

h2 {
width:500px;
text-align:justify;
font-family: arial;
font-weight:normal;
font-size:20px;
}
A:link
{
  text-decoration: none;
  color:#fff972;
}
A:visited 
{
  text-decoration: none;
  color:#9999CC;
}  
A:hover  
{         
   color: #fff972;
   text-decoration: underline;
}
#regtext
{
   color: #dddddd;
   font-size: 12px;
   font-family: verdana, geneva, helvetica, sans-serif;  
   letter-spacing: .20em;
   line-height: 150%;
}
#pinktext
{
   color: #993333;
   font-size: 12px;
   font-family: verdana, geneva, helvetica, sans-serif;  
   letter-spacing: .20em;
   line-height: 100%;
}
#bigtext
{
   color: #dddddd;
   font-size: 14px;
   font-family: verdana, geneva, helvetica, sans-serif;  
   letter-spacing: .20em;
   line-height: 150%;
   font-weight:bold;
}
.small
{
   color: #dddddd;
   font-size: 10px;
   font-family: verdana, geneva, helvetica, sans-serif;  
   letter-spacing: .20em;
   line-height: 150%;
}

#btn
{
	background-color:#660000;
	font-size: 12 px;
	
	font-family: trebuchet ms,verdana,helvetica,arial;
	color: #fff972;
	border-style: none;
}
#btn2
{
	background-color:#996666;
	font-size: 12 px;
	
	font-family: trebuchet ms,verdana,helvetica,arial;
	color: #660000;
	
}
.red
{
    background-color: #660000;
}
.grey
{
    background-color: #eeeeee;
}
.pink
{
    background-color: #993333;
}

<!-- use the following on your files
<link rel="stylesheet" type="text/css" href="styles.css">

use class for "."
use id for "#"

-->