body {
background-color: #CCCC99;
margin: 0em;
padding: 0em;
}

/* complementary colors as follows:
#666699;
#666666;
#996666;
#6666CC; (sort of.  Sparingly).
*/

/* what if #993333; instead of #996666;? */

img {
border:0px;
}

a:link {
color: #333399;
}

a:visited {
color: #993333;
}

a:active {
color: #666699;
}

a:hover {
color: #666699;
}

h1 {
padding:.1em .1em .2em .1em;
margin:0em;
text-indent:3.8em;
border-bottom:3px dashed #993333;
border-top:2px dotted #666699;
}

h2 {
margin:.6em 19em 0em .2em;
padding:0em 0em 0em .4em;
border-left: 2px dotted #993333;
border-bottom:2px dotted #666699;
}

#sidebar {
float:left;
width:6.5em;
margin:0em;
padding:0em;
font-weight:bold;
border-right:3px dotted #666699;
border-bottom:3px dotted #993333;
}

#sidebar ul {
margin: 0em;
padding: 0em;
list-style-type:none;
}

#sidebar li {
margin: 0em 0em 0em 0em;
padding: 0em;
display:block;
list-style-type:none;
height:1.5em;
}

#sidebar p {
padding:0em;
margin:0em;
}

.button {
display: block;
margin: .2em 0em;
padding: 0em;
text-indent:.5em;
color:  #000000;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
}

.sidebarLink {
display:block;
text-indent:.5em;
margin: .2em 0em;
padding:0em;
text-decoration:none;
border-bottom:1px solid #993333;
border-top:1px solid #993333;
}

#sidebar a:link {
}

#sidebar a:visited {
}

#sidebar a:active {
background-color: #993333;
color: #CCCC99;
}

#sidebar a:hover {
background-color: #993333;
color: #CCCC99;
}

#main {
margin: 1em 1em 0em 7.5em;
}

p {
padding: .5em 0em .5em .2em;
margin: 0em;
}

#footer {
margin: .2em 0em 0em 0em;
border-top:2px dashed #993333;
border-bottom:2px dotted #666699;
text-align:center;
}

#footer ul {
margin: 0em;
padding: 0em;
list-style-type: none;
display:inline;
}

#footer li {
margin: 0em;
padding: 0em;
display:inline;
}