html { margin: 0; padding: 0; }
body { margin: 0; padding: 0; font-family:  courier new, courier, monospace; font-size: 76%; color: #000000; background-color: #3c2f5b; }
	
/* layout boxes */
#container { position: relative; margin: 3% auto 0 auto; width: 788px; background-color: #3C2F5B; }
#matw_container { margin: 0; padding: 20px 0 20px 0; width: 540px; border: 1px solid #000000; background-color: #ffffff;}
#content { margin: 0 12% 0 12%; }
/* typography */
a { text-decoration: none; }
a:link { }
a:visited { }
a:active { }
a:hover { background: #EEEEEE; color: blue; }
h1 { font-size: 2.5em; font-weight: bold; line-height: 1.0em; text-align: center;}
h2 { font-size: 2.0em; font-weight: bold; line-height: 1.0em; text-align: center; }
h3 { font-size: 2.0em; font-weight: bold; line-height: 1.0em; text-align: center; text-decoration: underline; }
h4 { font-size: 1.0em; margin: 1.0em 0em 0.4em 1.6em; font-weight: bold; line-height: 1.0em; }
img { border: 0; }
img.right { border: 0; float: right; }
img.left { border: 0; float: left; }
p { font-size: 1.0em; line-height: 1.2em; }
table td { padding: 6px 0 6px 0; font-size: 1.0em; line-height: 1.2em; }
table#fp td { padding: 0; }
table#fp p { padding: 8px 10px 0 10px; }
a.fp { color: #3C2F5B; }
a.fp:link { color: #3C2F5B; background-color: #3C2F5B; }
a.fp:visited { color: #3C2F5B; background-color: #3C2F5B; }
a.fp:active { color: #3C2F5B; background-color: #3C2F5B; }
a.fp:hover { color: #3C2F5B; background-color: #3C2F5B; }
strong, b { font-weight: bold; }
ul { margin-top: 0; font-size: 1.0em; line-height: 1.2em; }
ul li { margin-bottom: 0.6em; }
ol { margin-top: 0; line-height: 1.0em; }