html {background:#dbf5fd}

body {margin:0; padding:30px 0; font:normal 70%/1.3 arial,sans-serif; text-align:center;}

#doc {position:relative; margin:0 auto; width:770px; text-align:left;}

.nav, .nav * {margin:0; padding:0; list-style:none; line-height:0.75;}
.nav {display:block; oveflow:hidden; zoom:1; margin-top:-1.3em; padding-bottom:1.5em;}
.nav li {float:left; height:1px; margin-left:-1px; margin-top:2.6em; padding-right:1px; border-left:1px solid #777; overflow:visible;}
.nav li ul {position:absolute; left:0px; top:0px; display:none;}
.nav a {float:left; position:relative; top:-1.35em; margin-bottom:-3.35em; padding:1em .6em; color:#CCC; text-decoration:none; font-size:120%; outline:none;}
@-moz-document url-prefix(http://) {.nav a {margin-bottom:0}}
.nav a.hover {background-position:left bottom; background-color:#333; color:#FFF;}
.nav a:focus, .nav a:active, .nav a:hover {background-position:left bottom; background-color:#333; color:#FFF; text-decoration:underline;}

a.arrow {padding-right:18px; background-color:#000;}
a em {position:absolute; right:6px; top:47%; width:0px; height:0px; border:solid; border-width:3px 3px 0 3px; border-color:#888 #000 #000 #000;}
a.hover em {border-color:#DDD #333 #333 #333;}
.flyout, .flyout * {margin:0; padding:0; list-style:none;}
.flyout {position:absolute; z-index:1000; left:-3000px; margin:-2px 0 0 -8px !important; top:0px; width:250px; padding:6px 8px; background:#333; text-align:left; font-size:110%;}
.flyout a {position:relative; display:block; zoom:1; margin:2px 0; padding:4px 8px; border:1px solid #555; color:#DDD; background:#444; text-decoration:none;}
.flyout a:focus, .flyout a:active, .flyout a:hover {color:#FFF; background:#555; text-decoration:underline;}

#head {overflow:hidden; zoom:1; padding:70px 0 0 10px; background:#000 url(../binary/misc/sfp_logo.gif) 8px 8px no-repeat;}
#head ul.fr {position:relative; left:1px;}

.fl img, img.fl {margin:0 10px 10px 0}
.fr img, img.fr {margin:0 0 10px 10px}
.fl img, .fr img, img.fl, img.fr {padding:2px; border:1px solid #BEE0EB; background:#FFF;}

h1,h2,h3,h4,h5,h6,p {margin:0; padding:0 0 10px 0; font-size:100%;}
h1 {font-size:170%}
h2 {font-size:155%}
h3 {font-size:140%}
h4 {font-size:130%}
h5 {font-size:120%}
h6 {font-size:115%}

#content, #foot {position:relative; overflow:hidden; clear:both; zoom:1; border:solid #000; border-width:0 1px; background:#edfbff;}
#foot {padding:10px; background:#BEE0EB;}
#foot .nav {z-index:100;}
#foot .nav li {border-left:1px solid #555;}
#foot {border-bottom-width:1px;}
#foot a {background:#BEE0EB; color:#333;}
#foot a:active, #foot a:focus, #foot a:hover {text-decoration:underline; color:#000;}
#foot .midline {position:relative; top:1.35em; margin:0 10px; overflow:hidden; height:1px; background:#DBD5C9}

#sidebar {position:relative; left:18px; width:274px; margin-bottom:20px; padding:20px 0; background:url(../binary/persistent_site_images/rightcol_bg.jpg) left top no-repeat;}
#sidebar * {margin:0 20px 10px 20px;}
#sidebar * * {margin:0;}

#header_ads, #header_ads * {margin:0; padding:0; border:none;}
#header_ads {position:absolute; right:0px; top:0px;}
#header_ads li {display:inline;}
#header_ads a {float:left; margin:10px 10px 0 0;}

#DDJSERRCONSOLE {position:fixed; *position:absolute; right:10px; top:10px; bottom:10px; z-index:20000; width:30%; _width:300px; _height:200px; overflow:auto; overflow-y:scroll; padding:8px 8px 7px 8px; border:1px solid #A00; background:#D88; color:#000; font-size:10px; line-height:1.1;}
#DDJSERRCONSOLE .entry {margin:0 0 1px 0; padding:2px 3px; border:1px solid #B66; background:#FAA;}