Style Sheet

html, body
{
    background-color: #FFFFFF;
    color: #000000;
    font: normal 90%/1.8em 'Lucida Grande', Verdana, Geneva, Lucida, Helmetica, Ariel, sans-serif;
    margin: 0;
    height: 100%;
}
h1
{
    font-size:1.6em;
    margin:1.0em 0em 1.0em 0em;
    font-weight:bold;
    color:#a83930;
}
p
{
    font-size:1.1em;
    line-height: 1.8em;
    margin: 1.1em 0em 1.1em 0em;
    text-align: left;
}
ul
{
    font-size:1.1em;
}
a:link, a:visited
{
    color:#cc3300;
    text-decoration: underline;
}
a:hover
{
    text-decoration:none;
}
a:active
{
    color: #ff9900;
}
#header
{
    height:67px;
    padding: 0 0px 0 0px;
    color: #a83930;
    background-color:#000000;
    border-bottom: 8px solid #d30a1a;
}
#header h1
{
    padding: 10px 0 0 0;
    margin: 10px 0 0 0px;
    color: #FFFFFF;
    margin-left: 10px;
    margin-bottom: 10px;
}
#logo
{
    background-color:#000000;
    background: url(C:/Users/rohit/Sample Pictures/penguins.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    height: 100px;
    width: 100px;
    border: 0;
    float:left;
}
#content
{
    margin-left: 210px;
    padding: 0 20px 1.8em 10px;
    background-color: #fff;
}
.code
{
    color: #a83930;
    background-color: #fdea12;
    font:0.9em/1.4em verdana, arial, helvetica, sans-serif;
    float:right;
    border: solid 1px #a83930;
    padding: 10px;
}
#sidebar
{
    float: left;
    padding: 0 10px 10px 10px;
    background-color: #656565;
    background-repeat:repeat-y;
    background-position:top left;
    border-top:2px solid #656565;
    border-bottom: 2px solid #656565;
    width: 168px;
    height: 500px;
}
html>body #sidebar
{
    width:180px;
}
#sidebar h3
{
    font-weight:bold;
    padding-bottom:0.5em;
    border-bottom: 1px dashed #fdea12;
    color: #fdea12;
}
#nav a:link #nav a:visited
{
    width:99.99%;
    color: #FFFFFF;
    text-decoration: none;
    padding: 0.25em 0.5em 0.25em 0.5em;
    font-weight:bold;
}
#nav a:hover
{
    text-decoration:none;
    color:#FFFFFF;
}
title
{
    color:#a83930;
    font: bold 1.0em/1.0em verdana, arial, helvetica, sans-serif;
    text-align: center;
    padding-bottom: 5px;
    border-bottom: #a83930 thin-solid;
    margin-bottom: 5px;
}
#footer
{
    padding: 0 20px 1.8em 10px;
    border-top: 1px solid #000000;
    clear:both;
}
#footer p
{
    font:normal 0.8em/0.9em verdana, arial, helvetica, sans-serif;
    color: #666;
}
#footer p.left
{
    float: left;
    clear:left;
}
#footer p.right
{
    float:right;
    clear:right;
}
.spacer
{
    clear:both;
}
dd, dt
{
    font-size:0.95em;
}
#mainTitle
{
    font-size:2.0em;
    font-weight:bold;
    visibility:hidden;
}
.pageTitle
{
    font-size:1.5em;
    font-weight:bold;
}
.itemTitle
{
    border-bottom:1px solid #a83930;
    font-size:1.5em;
}
.itemContent
{
    padding-bottom:1.8em;
}
box
{
    border:solid 1px #a83930;
}
.boxFloat
{
    float:left;
}
.boxFloatRight
{
    border: solid 1px #a83930;
    float:right;
}
.floatRight
{
    float:right;
}