html{font-size:100%}
body{background-attachment:scroll;background-color:#222;background-image:url(headergrunge.jpg);background-position:left top;background-repeat:repeat-x;border:0 none;color:#fff;cursor:default;font-family:Verdana,Arial,sans-serif;font-size:100%;margin:0;padding:0;top:0}
address{font-style:normal;font-weight:normal;padding-bottom:1ex}
ol,ul{font-size:100%;margin-top:0;padding-top:0}
table,thead,tbody,tr{font-size:100%;text-align:left}
abbr,acronym{border:0 none}
cite,dfn,em,var{font-style:normal;font-weight:bold}

a img{border:0}
a{text-decoration:none}

td dfn{font-weight:normal}
td a dfn{font-weight:bold}

/* Span class's */
.br{clear:both}
.l{text-align:left}
.purple{background:inherit;color:#777bb4}
.r{text-align:right}

/* Site Container */
div#container{max-width:700px}

/* Header */
div#logo{float:left}
div#logo img{height:65px;margin-top:30px;margin-left:10px;width:395px}
div#search{position:absolute;right:15px;top:35px;float:right}

/* Ads */
div#skyscraper{background-color:#fff;color:#000;height:600px;position:absolute;right:75px;top:130px;width:160px;visibility:hidden}
div.banner{background-color:#fff;color:#000;clear:both;height:60px;width:468px}

/* Left Side Bar */
div#navlist{float:left; width:170px; margin-top:30px; margin-left:5px}
#navlist ul{list-style:none}
#navlist li a{display:block;height:25px;width:100px;padding:9px;margin:5px;background:inherit;border-right:4px solid #444;color:#999; text-transform:lowercase; font-size:0.9em}
#navlist li a:hover{color:#f4f4f4;background:#333;border-right:4px solid #777bb4} 
#navlist li .active{color:#999;background:#333;border-right:4px solid #444}

/* Content */
div#content{background-color:#222;color:#fff;float:right;width:510px;margin-top:30px;margin-left:2px;z-index:255}
#content a{background:inherit;color:#99c;font-weight:bold}
#content a:hover{background:#669;color:#fff;font-weight:bold}
#content p{font-size:71.25%;line-height:1.4em;margin-bottom:20px;color:#f4f4f4}
#content th{font-size:71.25%;line-height:1.4em;color:#f4f4f4}
#content td{font-size:71.25%;line-height:1.4em;color:#f4f4f4}
#content dt{font-size:75%;font-weight:bold;line-height:1.4em;margin:0;color:#f4f4f4}
#content dd{font-size:71.25%;line-height:1.4em;margin:0 0 20px 0;color:#f4f4f4}
#content ul{list-style-type:square}
#content li{font-size:0.7em;line-height:1.4em;margin-top:0;margin-bottom:.5em}
#content h3{text-indent:20px;color:#999;letter-spacing:-0.05em;margin-bottom:4px}
#content h3:before{content:"» "} 
#content h3:hover{color:#fff}

#content .code{background-color:#f4f4f4;background-image:none;border:1px solid #ccc;color:#000;cursor:text;font-family:"Courier New",monospace;font-size:0.8em;min-width:470px;margin:0;overflow:auto;padding:1ex;white-space:nowrap}
#content code{background-color:#333;color:#fff;font-family:"Courier New",monospace;font-size:1.15em;white-space:nowrap}
#content code a{background:#333;color:#fff;cursor:help}
.c{background:#f4f4f4;color:#ff8000;font-weight:bold}
.d{background:#f4f4f4;color:#00b}
.h{background:#f4f4f4;color:#000}
.k{background:#f4f4f4;color:#070}
.s{background:#f4f4f4;color:#d00}

div#footer{background:inherit;color:#666;font-size:.7em;margin-top:20px;padding-top:10px;text-align:center}
#footer p{background:inherit;color:#666}
#footer a{background:inherit;color:#666}
#footer a:hover{background:inherit;color:#f4f4f4}