html,body{margin:0;padding:0}
* {margin:0;padding:0;}
body{font: 12px arial,sans-serif;text-align:center;background-color:#000000;color:#FFFFFF;}
p, h2, h3, h4 {margin:0 10px 10px}
#content ul, ol {margin-left:20px;padding:4px 0 20px 10px;line-height:150%;}
a, a:link {color:#FFFF99;text-decoration:none;}
a:hover {color:#FFFF33; text-decoration:underline;}
a img, img a {border:none; text-decoration:none;}
div#header h1{background-color:#000000;}
div#container{text-align:left}
div#content p, div#extra p{line-height:145%;font-size:14px;}
#content h3 {color:#FFCC33; text-transform:uppercase;}
div#navigation{background:transparent;}
div#extra{background:transparent;}
div#footer{background: #000;color: #FFF;font-size:10px;text-align:right;}
div#footer p{margin:0;padding:5px 10px}

div#container{width:700px;margin:0 auto}
div#content{float:left;width:500px;margin-top:20px;}
div#navigation{float:right;width:200px;margin-top:20px;}
div#extra{clear:both;width:100%}

#navcontainer ul
{
padding-left: 0;
margin-left: 10px;
background-color: #000;
color:#FFFFCC;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
border:1px solid #333;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #333;
color: #ffffcc;
text-decoration: none;
float: left;
border-right: 1px solid #000;
}

#navcontainer ul li a:hover
{
background-color:#FFFF33;
color: #000;
}

.align-left {float:left;padding:0 4px 4px 0;}
.align-right {float:right;padding:0 0 4px 4px;}
.code {font-family:"Courier New", Courier, monospace;font-size:12px;}