<!-- external css file  for Clay-Designs.com-->
<!-- filename csshome.css -->


BODY {margin-top: 0;  
	margin-left: 0;
   	margin-top: 3; 

	color: #a766b1;		
	font-family: "comic sans ms", "Arial", "sans serif";
	}

A:link {color:#008983; font:12pt}
A:visited {color:#7d5dca; font:12pt}
A:hover {background:#7d5dca; color:#000000; font:12pt}
A:active {color:#006d68; font:12pt}

H1, H2, H3, {color: #a766b1; text-align: center; font-family: "Tahoma", "Arial", "sans serif";}
H4, H5 {color: #a766b1; text-align: center; font-family: "Tahoma", "sans serif";}
h4.link {font:12pt;font-family: "comic sans ms", "Tahoma", "sans serif";} 
H6 {color: #a766b1; text-align: left; font-family: "Tahoma", "Arial", "sans serif";font: 16pt}
hr {color: #a766b1;}
.text {color: #a766b1; text-align: left; font: 12pt; font-family: "comic sans ms",  Arial, "sans serif";}
.center {text-align:center;}
.nav {text-align:center;}
.left {text-align:left;}
dt {color: #0000BB; text-align: left; font: 16pt  "Tahoma", Arial, "sans serif";text-decoration:underline}
IMG.left {float:left}
IMG.middle {float:middle}
UL {list-style: url(images/bullet.gif)}

#navigation {display: block; position: fixed; top: 10px; left: 3px; background-image: url(bgcolor4.jpg); background-repeat: y}
#bg {position: absolute; top: 10px; left: 100px; background-color:#a766b1}
#content {position: absolute; top: 5px; left: 140px; background-color: black}
#bottomnav {display: block}