html, body {height:100%; margin: 0; padding: 0; }

html>body {
	font-size: 16px; 
	color:#990099;
} /* Reset Base Font Size */

body {
	font-family: Verdana, helvetica, arial, sans-serif;
	background: #fff;
	color: #333;
}

h1, h2 { font-family: 'trebuchet ms', verdana, arial; padding: 10px; margin: 0 }
h1 { font-size: large }

#banner { padding: 15px; background-color: #06b; color: white; font-size: large; border-bottom: 1px solid #ccc;
    background: url(bg.gif) repeat-x; text-align: center }
#banner a { color: white; }

#main { padding: 1em; }

a img { border: none; }

.puple {color:#990099;}
.puple a{color:#990099; text-decoration:none}
.puple a:hover{color:#009900;}
.puple a:visited{color:#990099; text-decoration:none}
.puple a:visited:hover{color:#009900;}

.green {color:#009900;}
.green a{color:#009900;text-decoration:none}
.green a:hover{color: #990099; }
.green a:visited{color:#009900; text-decoration:none}
.green a:visited:hover{color:#990099;}

.sub1 {color:#003300;}
.sub1 a{color:#003300;text-decoration:none}
.sub1 a:hover{color: #990099; }
.sub1 a:visited{color:#003300; text-decoration:none}
.sub1 a:visited:hover{color:#990099;}

.sub2 {color:#0000CC;}
.sub2 a{color:#0000CC;text-decoration:none}
.sub2 a:hover{color: #990099; }
.sub2 a:visited{color:#0000CC;text-decoration:none}
.sub2 a:visited:hover{color:#990099; }