html, body { height: 100%; margin: 0; padding: 0; }
body { background: #fff; }
body, td, th { font: 12px Arial, Helvetica, sans-serif; vertical-align: top; }

a { color: #09f; font-weight: bold; text-decoration: none; }
a:hover { color: #036; text-decoration: underline; }
a:visited { color: #09c; }

h1, h2, h3, h4, h5, h6 { color: #000; margin: 0; }

h1 { font-size: 24px; }
h2 { font-size: 18px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }
h5 { font-size: 10px; }
h6 { font-size: 8px; }

.clear { clear: both; height: 1px; }
.padding { clear: both; height: 1000px; }

/* Page Structure */
#container { background: #fff; border: 1px solid #999; margin: 10px auto; padding: 0; position: relative; width: 600px; }

/* Page Header */
#header { background: url(../images/headerbg.gif) repeat-y; height: 170px; margin-bottom: 34px; position: relative; }
#header .blocks { background: url(../images/blocks.gif) no-repeat; height: 136px; left: 34px; position: absolute; top: 0; width: 136px; }
#header .box { background: #000; height: 102px; left: 170px; position: absolute; top: 34px; width: 430px; }
#header .links { color: #09f; height: 12px; position: absolute; right: 0; text-align: right; top: 45px; width: 320px; }
#header .links a { margin-right: 10px; }
#header .links a:hover { color: #fff; }
#header .logo { bottom: 34px; height: 100px; left: 145px; overflow: hidden; position: absolute; width: 300px; }
#header .logo img { border: none; }
#header .logo h1 { display: none; }
#header .puzzle { background: url(../images/puzzle.gif) no-repeat; height: 108px; left: 15px; position: absolute; top: 52px; width: 104px; }
#header .tag { font-style: italic; font-weight: bold; height: 34px; left: 145px; line-height: 34px; position: absolute; text-align: center; top: 136px; width: 455px; }
#header .desc { font-size: 15px; height: 34px; left: 0; line-height: 34px; position: absolute; text-align: center; top: 170px; width: 600px; }

/* Left Column */
#callus { float: left; margin: 0 0 10px 10px; padding-top: 50px; width: 160px; }
#callus .login { background: url(../images/loginbg.gif) repeat-y; height: 34px; margin-bottom: 10px; }
#callus .login a { display: block; height: 34px; line-height: 34px; padding-left: 24px; position: relative; }
#callus .login a .square { background: #000; display: block; height: 8px; left: 8px; overflow: hidden; position: absolute; top: 13px; width: 8px; }
#callus .login a:hover .square { background: #069; }
#callus h2, #callus h3 { text-align: center; }

#body { float: right; font-size: 16px; margin: 20px 10px 10px 0; position: relative; width: 410px; }
#body img.right { float: right; margin: 0 10px 5px 10px; }
#body p { margin: 0; padding: 0 0 10px 0; }
#body p.center { margin-top: 10px; text-align: center; }
#body p .tab { display: block; margin: 10px 0 0 40px; }
#body ul { margin-top: 0; }
#body .clearright { clear: right; }
#body .pics { padding-bottom: 10px; text-align: center; }
#body .pics img { margin: 0 10px; vertical-align: middle; }

#pos { left: 0; position: absolute; top: 0; width: 100%; }
#pos .popup { background: #fff url(../images/headerbg.gif) repeat-y; border: 4px solid #09f; display: none; margin: 200px auto 0 auto; padding: 10px; width: 400px; }
#pos .popup .close, body .close { padding: 10px 0 0 0; text-align: right; }

#gray { background-color: #000; display: none; filter: alpha(opacity=70); left: 0; MozOpacity: .7; opacity: .7; position: absolute; top: 0; width: 100%; }