body { margin: 5px; padding: 0; background-color: #586068; text-align: center;
    background-image: url(bg.jpg); }
body, div, p, ul, li, td, th, blockquote, ol, h1, h2, h3, h4, h5, h6 {
    font-family: Arial, Helvetica, Sans-Serif; font-size: 11px;
    font-weight: normal; text-decoration: none; color: white; margin: 0;
    padding: 0; line-height: 1.3em }
img { margin: 0; padding: 0; border: 0 }
#outer { text-align: left; margin: 0 auto; width: 936px }
#head-border { background-color: #999; border: 1px solid black; padding: 5px;
    width: 924px }
#logo { text-align: center; background-color: black }
h1 span { display: none }
h1 { display: block; width: 924px; height: 109px; margin: 0 auto;
    background-image: url(head.jpg) }
div#nav { background-color: #4e4e4e; border: 1px solid black;
    margin-top: 5px }
div#nav ul { display: block; list-style: none; margin: 0 auto; padding: 0;
    text-align: center }
div#nav ul li { display: inline; list-style: none; margin: 0; padding: 0 }
div#nav ul li img { vertical-align: middle }
div#nav ul:after { display: block; content: '\A'; clear: left }

#content { margin-top: 5px; margin-bottom: 2em; border: 1px solid black;
    background-color: #808488; padding: 5px;
    background-image: url(contentbg.jpg); }
#content br { clear: both; }
#col-left { float: left; width: 22%; overflow: hidden }
div#col-right { float: right; width: 21%; overflow: hidden }
div#content>div#col-right { width: 22% }
#main { float: left; width: 54%; overflow: hidden; padding-left: 10px }
p { margin: 4px 0 0 0; text-align: justify }
hr { height: 1 }
a, a:hover, a:visited, a:active { text-decoration: none; color: black }
a:hover { color: #444 }

#main .google { text-align: center }

.block { border: 1px solid black; background-color: #bbc2c8; color: black;
    margin-bottom: 10px }
.block h2 { border-bottom: 1px solid black; background-color: #666d70;
    font-weight: bold; padding: 2px 5px; background-repeat: repeat-x;
    background-image: url(boxheadbg.png); color: white }
.block h3 { font-weight: bold }
.block .content { margin: 5px; color: black }
.block .action { text-align: center; margin-top: 2px }
.block * { color: black }

#topbanner { margin-top: 10px; margin-bottom: 10px; text-align: center }
.fakebanner { display: block; width: 494px; height: 61px; margin: 0 auto;
    background-color: #ccc; color: black }

#login.block form label { float: left; width: 6em }
#login.block form input.text { width: 8em; vertical-align: middle }
#login.block .action { text-align: left; margin-left: 6em }

.form.block form label { float: left; width: 6em }
.form.block form input.text { width: 8em; vertical-align: middle }
.form.block .action { text-align: left; margin-left: 6em }
.form.block p.remind { margin-bottom: 0.5em }

#speedserver.content { text-align: center }
#links.content, #links.content p { text-align: center }

.block.news p.date { float: right; font-style: italic; text-align: right }
.block.news h3 { font-weight: bold; font-size: 1.1em; margin-top: 0.5em }

.block.s4cd { background-color: #ddbb66 }
.block.s4cd .content { font-size: 200%; font-weight: bold;
    text-align: center }

table.accounts { width: 100%; cell-spacing: 0 }
table.accounts td.login { text-align: right; padding: 0 }
table.accounts th { font-weight: bold; border-bottom: 1px solid black }
table.accounts td.nothingfound { text-align: center }

div.accounts div.add-account { float: left; width: 47%; padding-right: 10px;
    border-right: 1px solid black; margin-bottom: 5px }
div.accounts div.add-account label { float: left; width: 70px }
div.accounts div.add-account input[type=submit] { margin-left: 70px }
div.accounts div.del-account { float: right; width: 49% }
div.accounts div.clear { clear: both }
div.accounts div.logout { text-align: right }