.style1 {
	font-size: 40px;
	font-family: Verdana, "Arial", "Helvetica", "sans-serif";
	font-weight: bold;
	color: #524A47;
}
.style2 {
	font-family: "Arial Narrow", "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: large;
	font-weight: normal;
	color: #999;
}
.style3 {
	font-size: small;
	font-weight: bold;
	font-family: "Arial Narrow", "Verdana", "Arial", "Helvetica", "sans-serif";
	color: #666;
}
.style4 {
	color: #333;
	font-family: "Arial Narrow", "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 27px;
}
.style5 {font-size: 12px; font-weight: normal; font-family: "Arial", "Helvetica", "sans-serif"; color: #000000; }
a:link {
	text-decoration: none;
	color: #999;
}
a:visited {
	text-decoration: none;
	color: #999;
}
a:hover {
	text-decoration: none;
	color: #660000;
}
a:active {
	text-decoration: none;
	color: #999999;
}
a.specialLink:link {
	text-decoration: none;
	color: #524a47;
}
a.specialLink:visited {
	text-decoration: none;
	color: #524a47;
}
a.specialLink:hover {
	text-decoration: none;
	color: #660000;
}
a.specialLink2:link {
	text-decoration: none;
	color: #FFFFFF;
}
a.specialLink2:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a.specialLink2:hover {
	text-decoration: none;
	color: #660000;
}
a.specialLink3:link {
	text-decoration: none;
	color: #F6821F;
}
a.specialLink3:visited {
	text-decoration: none;
	color: #F6821F;
}
a.specialLink3:hover {
	text-decoration: none;
	color: #660000;
}
a.specialLink4:link {
	text-decoration: none;
	color: #CE0017;
}
a.specialLink4:visited {
	text-decoration: none;
	color: #CE0017;
}
a.specialLink4:hover {
	text-decoration: none;
	color: #660000;
}
a.specialLink5:link {
	text-decoration: none;
	color: #892323;
}
a.specialLink5:visited {
	text-decoration: none;
	color: #892323;
}
a.specialLink5:hover {
	text-decoration: none;
	color: #660000;
}
a.specialLink6:link {
	text-decoration: none;
	color: #660000;
}
a.specialLink6:visited {
	text-decoration: none;
	color: #660000;
}
a.specialLink6:hover {
	text-decoration: none;
	color: #892323;
}
a img {border: none; background: #FAF8EE; text-decoration: none; }
a img:hover {background: #FAF8EE; text-decoration: none;
}
    @media only screen and (max-width: 959px) {
}
	@media only screen and (min-width: 768px) and (max-width: 959px) {
}
	@media only screen and (max-width: 767px) {
}
	@media only screen and (min-width: 480px) and (max-width: 767px) {
}
	@media only screen and (max-width: 479px) {
}
body {
	
   
<table width="100%" height="100%" border="0" bgcolor="#FAF8EE">
  <tr>
    <td width="20%" height="53" rowspan="2" bgcolor="#E64036"><div align="center"><span class="style1">CSPA</span></div></td>
    <td height="53" colspan="4"><img src="transparent.gif" width="10" height="10" /></td>
  </tr>
  <tr>
    <td height="18" colspan="4" bgcolor="#524A47"><span class="style2">Capp Street Project Archive</span></td>
  </tr>
  <tr>
    <td width="20%" height="22"><img src="transparent.gif" width="10" height="10" /></td>
    <td width="20%" height="22" bgcolor="#E64036"><div align="center"><span class="style3">HOME</span></div></td>
    <td width="20%" height="22" bgcolor="#E64036"><div align="center" class="style3"><a href="aboutcsp.html">ABOUT CSP </a></span></div></td>
    <td width="20%" height="22" bgcolor="#E64036"><div align="center" class="style3"><a href="artistlist.html">ARTISTS</a></span></div></td>
    <td width="20%" height="22" bgcolor="#E64036"><div align="center" class="style3"><a href="contact.html">CONTACT US </a></span></div></td>
}