<!--
body {background-image: url(../images/bkgrnd_gr_stripes.gif); 
	margin: 0px;
	font-family: "verdana", "arial", "helvetica", "sans-serif";}

* html {text-align: center;} /*So IE6 will center the div*/

#wrapper {width: 800px; margin: 0 auto; }

#siteheader {visibility: hidden; display: hidden; float: left; overflow: hidden; position: absolute; top: 0; text-align: left}
#siteheader h1 {font-size: large}
#siteheader h2 {font-size: medium}

#joinmaillistbutton {text-align: right;}

#contentarea {width: 800px; margin: 0 auto;}

#portfolio {visibility: hidden; display: hidden; float: left; overflow: hidden; position: absolute; top: 0; text-align: left}
#learn {visibility: hidden; display: hidden; position: absolute; left: -1000px; text-align: left}

h1, h2, h3, h4, h5, p, td, ul, ol, li, dl, dt, dd, a {font-family: "verdana", "arial", "helvetica", "sans-serif";}

h1 {font-size: large}

p, td, a, ul, li {color: #663399; font-size: small}

a {text-decoration: none; border-bottom: 2px dotted}
a:hover {color: #000000;}

#footer {font-size: 12px;  color: #663399; text-align: center;}
#footer a {color: #663399; font-size: 12px; text-decoration: none}
#footer a:hover {font-weight: bold; color: #663399;}

.alignright {text-align: right;}

-->