body {
	color: #906;
	background: url(images/fourstar.gif) #ffc center fixed no-repeat;
	font-family: 'times new roman', serif;
	}

a:link {color: #c06; background-color: #ffc; }
a:visited {color: #636; background-color: #ffc; }
a:hover {color: #f06; background-color: #ffc; }
a:active {color: #f6f; background-color: #ffc; }

a.email:link {font-size: 10px; color: #603; }
a.email:visited {font-size: 10px; color: #603; }
a.email:hover {font-size: 10px; color: #c06; }
a.email:active {font-size: 10px; color: #603; }

h1 {color: #969;
	font-size: 24px;
	}
h2 {color: #306;
	font-size: 22px;}
h3 {color: #909;
	font-size: 20px;}
h4 {color: #609;
	font-size: 18px;}
h5 {color: #f6f;
	font-size: 16px;}
h6 {color: #030;
	font-size: 14px;}

hr {width: 200px;}

p {line-height: 140%;}

img {border: 0px;}

li {color: #000}

td#ct1 {width: 178px;
	height: 50px;}
td#ct2 {width: 50px;
	height: 178px;}
td#ct3 {width: 50px;
	height: 178px;}
td#ct4 {width: 178px;
	height: 50px;}
td#ctctr {color: #ffc; background-color: #000;
	width: 126px;
	height: 126px; }
td#leftside {width: 220px;}
td#mid {width: 300px; }
td#rightside {width: 150px; 
	text-align: left; }
td#fstar {width: 200px;
	height: 499px; }
td#linksleft {width: 280px; }
td#linksctr {width: 150px; }

/*
this is what a class looks like in CSS:
.class {
declarations
}
and in the html, it looks like this:
<element class="class">
*/

.aa {
color: #cc9900; background-color: #ffc; 
}
.linksleft {
line-height: 100%; 
}

/* used .aa for <p> tags in fourstar pages */

.left {float: left;}
.right {float: right;
font-size: 75%;}