a.pagelink {
text-decoration: none;
padding: 7px;
border: 0px;
text-align: center;
background: #fff;
}
a.pagelink:hover {
color: #fff;
background: #9d4288;
text-decoration: none;
}

a:link {
font-weight: bold;
color: #9d4288;
text-decoration:none;
font-weight: bold;
}
a:visited {
font-weight: bold;
color: #9d4288;
text-decoration:none;
font-weight: bold;
}
a:hover {
color: #2a13a9;
text-decoration:none;
font-weight: bold;
border-bottom: 1px dotted;
}

input, textarea {
font-family: helvetica;
font-size:13px;
color: #000;
background-color: #fff;
border: solid #000 1px;
}

h2{
font: bold 24px helvetica;
color: #000;
}

h4{
font: bold 18px helvetica;
color:#1d0c74;
}

h5{
font: bold 18px helvetica;
color:#a836d3;
line-height: 1px;
}

body {
background-color: #000;
background-image: url('images/woodbg.gif');
text-align: center;
} 

#container {
margin: 0px auto 0px auto;
width: 897px;
background-color: #fff;
}

#content {
float: right;
width: 700px;
text-align: left;
padding: 15px;
margin-top: -18px;
}

#left {
width: 137px;
float: left;
text-align: left;
padding: 15px;
}

div.left {
text-align: left;
align: left;
}

div.code {
font: 12px "courier new";
border: 1px solid #d1d3d4;
background: #f1f1f1;
color: #333;
padding: 3px;
width: 70%;
text-align: left;
}

div.codebox {
font: 12px "courier new";
border: 1px solid #d1d3d4;
background: #f1f1f1;
color: #333;
padding: 3px;
width: 400px;
text-align: left;
height: 120px;
overflow: auto;
}

div.brush {
background: #fff;
width: 286px;
padding: 10px;
float: left;
text-align: left;
}

td, table, p, html, body, a{
font: 13px/18px helvetica;
color: #000;
}

#footer {
clear: both;
text-align: center;
}

div.center{
text-align: center;
}

div.clear {
clear: both;
}

a.linkhover:hover{background:url('http://www.smileyhelper.com/images/linkhover2.gif');
}