body,html
{
    background-color:#FFF;
    background-image:none;
    color:#000;
    font-family:Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
    font-size:13px;
    margin:5px
}

h1
{
    background-color:#33A833;
    color:#FFF;
    display:block;
    font-size:19px;
    font-weight:700;
    margin-bottom:5px;
    padding-left:5px;
    width:495px
}

h2
{
    color:#000;
    display:block;
    font-size:15px;
    font-weight:700;
    margin-bottom:2px;
    margin-top:2px
}

h3
{
    color:#000;
    display:block;
    font-size:13px;
    font-weight:700;
    margin-bottom:2px;
    margin-top:2px
}

p
{
    font-size:13px;
    margin-top:0
}

code, .code
{
    font-family:'Courier New', Courier;
    font-size:13px
}

span.code
{
    background-color: #E6E6E6;
    display: block;
}

#nav
{
    background-color:#E6E6E6;
    float:left;
    font-size:10px;
    height:97%;
    overflow:auto;
    position:fixed;
    width:200px;
    z-index:2;
    bottom: 5px;
}

#content
{
    background-color:#FFF;
    float:left;
    left:220px;
    position:absolute;
    width:500px;
    z-index:1 ;
}

ul
{
    list-style-type:none;
    padding-left: 5px;
    margin-left: 5px;
}

hr
{
    background:#33A833;
    border:0;
    color:#33A833;
    height:1px
}

img
{
    border:none;
    display:block
}

a:link,a:active,a:visited
{
    color:#33A833;
    text-decoration:none
}

a:hover
{
    color:#33A833;
    text-decoration:underline
}