body, html { height: 100%; }
body	{ margin: 0px; padding: 0px; overflow: auto; background-color: #FFFFFF; color: #000000; overflow: auto; }

a, a:link, a:visited, a:hover, a:active { color: #201000; background-color: #FFDFC0; text-decoration: underline; }

.main   { position: relative; top: 20px; width: 702px; background-color: #FFEFE0; color: #FFDFA0; overflow: hidden;
	margin: auto; border-left: solid 2px #FFDFC0; border-right: solid 2px #FFDFC0; }
.menu	{ width: 100%; height: 16px; background-color: #FFDFC0; color: #000000; }
.melt	{ height: 14px; background-color: #FFDFC0; color: #000000;
	font-family: Verdana, sans-serif; font-size: 11px; font-weight: bold; padding: 0 10px; clear: right; float: left; }
.spacer	{ width: 100%; height:  2px; background-color: #000000; color: #FFAF00; overflow: hidden; }
#content{ width: 400px; margin: 4px 0px 4px 4px; }
.content2 { float: right; }
.login	{ width: 258px; border: dashed 1px #FFDFC0; margin: 4px 2px 4px 4px; }
#news	{ width: 260px; margin: 4px 2px 4px 4px; }
.blog h2 { font-size: 12px;  color: #201000; background-color: #FFDFC0; }
.blog .blogimg { float: left; margin: 3px 20px 3px 0; }
.blog { text-align: justify; font-size: 11px; }
.style1 { background-color: #FFEFE0; color: #000000; font: normal 11px Verdana, sans-serif; padding: 2px; }
.footer	{ width: 700px; height: 17px; background-color: #FFDFC0; color: #000000;
	font-family: Verdana, sans-serif; font-size: 9px; font-weight: bold; padding: 0px 2px; }

.b	{ font-weight: bold; }

h1	{ font-family: Verdana, sans-serif; font-size: 10px; font-weight: bold; }
h2	{ font-family: Verdana, sans-serif; font-size: 9.5px; font-weight: bold; }

#poem { box-shadow: 0px 0px 3px #FFBF77; -moz-border-radius: 5px; }
.code { position: relative; left: 10px; font: 8px Verdana; }
.lvl1 { color: #FFBF77; width: 150px; }
.lvl2 { color: #079FCF; width: 140px; }
.lvl3 { color: #FF8F27; width: 130px; }
.lvl4 { color: #77BFFF; width: 120px; }