html,body {
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
font-family:Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}

body {
line-height:1.2;
background-color:#333;
font-size:82%;
}

ol,ul {
list-style:circle;
}

blockquote,q {
quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
content:none;
}

:focus {
outline:0;
}

ins {
text-decoration:none;
}

del {
text-decoration:line-through;
}

table {
border-collapse:collapse;
border-spacing:0;
}

h1 {
font-size:120%;
background-color:#3E3F34;
color:#EBE5A7;
padding:10px;
}

h2 {
font-size:140%;
background-color:#333;
color:#FC8F30;
padding:10px;
}

h3 {
font-size:120%;
background-color:#E52626;
color:#fff;
margin:0;
padding:10px;
}

p {
padding:5px;
}

#pagewidth {
width:1200px;
margin:0 auto;
padding:0;
}

#header {
position:relative;
height:80px;
background-color:#fff;
width:100%;
}

#header h1 {
float:left;
width:600px;
font-size:140%;
background-color:#fff;
color:#333;
font-weight:700;
padding:10px;
}

#header .adsheader {
float:left;
padding:10px 0 0 100px;
}

#leftcol {
width:250px;
float:left;
position:relative;
background-color:#fff;
overflow:scroll;
height:800px;
}

#leftcol a:link,#leftcol a:visited {
color:#00F;
}

#leftcol a:hover {
color:#C21515;
}

#twocols {
width:950px;
float:right;
position:relative;
}

#rightcol {
width:200px;
float:right;
position:relative;
background-color:#fff;
height:800px;
}

#rightcol .ads {
padding:20px;
}

#maincol {
background-color:#FFF;
float:left;
display:inline;
position:relative;
width:750px;
height:800px;
overflow:scroll;
}

#maincol a:link,#maincol a:visited {
background-color:#5AA426;
color:#FFF;
margin-right:2px;
padding:5px;
}

#maincol a:hover {
background-color:#0D6DAB;
color:#FFF;
padding:5px;
}

#footer {
height:200px;
background-color:#A6E9D0;
clear:both;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {
display:block;
}

* html .clearfix {
height:1%;
}

hr {
border:3px solid #eee;
}

.cleanform {
font-size:1em;
width:40em;
color:#1b1b1b;
text-align:left;
background-color:#eee;
margin:1em auto;
}

.cleanform label,.cleanform legend {
font-size:1.2em;
margin:0.3em 0;
padding:0;
}

.cleanform fieldset {
border:1px solid #ddd;
margin:0 0 0.5em;
padding:0.7em;
}

.cleanform label {
font-weight:700;
}

.cleanform fieldset input {
width:70%;
line-height:1.5em;
padding:0.15em;
}

.cleanform .radio input,.cleanform .checkbox input {
width:auto;
border:none;
margin:0 0.3em 0 0;
}

.cleanform input,.cleanform textarea,.cleanform select {
display:block;
margin-bottom:1em;
font-size:1em;
border:1px solid #bbb;
margin-right:1em;
padding:0.15em;
}

.cleanform .radio label,.cleanform .radio input,.cleanform .checkbox label,.cleanform .checkbox input {
display:inline;
margin:0 1.5em 0 0;
}

#navcontainer ul {
padding-left:0;
margin-left:0;
background-color:#666;
color:#FFF;
float:left;
width:100%;
font-family:arial, helvetica, sans-serif;
border-top:2px solid #888;
}

#navcontainer ul li {
display:inline;
}

#pagewidth #navcontainer ul li a:link,#pagewidth #navcontainer ul li a:visited {
background-color:#666;
color:#FFF;
text-decoration:none;
float:left;
border-right:1px solid #fff;
padding:0.2em 1em;
}

²
#pagewidth #navcontainer ul li a:hover {
background-color:#C21515;
color:#ddd;
}

.code {
font-family:"Courier New", Courier, mono;
font-size:90%;
color:#3E3F34;
border:1px solid #C21515;
background-color:#F9F7E3;
padding:10px;
}

#expandcontractdiv {
background-color:#333;
margin:0 0 .5em;
padding:0.4em;
}

#expandcontractdiv a:link,#expandcontractdiv a:visited {
color:#FFF;
}

#expandcontractdiv a:hover {
color:#FFF;
background-color:#C21515;
}

#treeDiv1 {
background:#fff;
padding:1em;
}