/* img tag */
#poslb, #poslu, #posrb, #posru {
 position: relative !important;
 display: inline !important;
 }
#poslb, #poslu {
 float: left !important;
 text-align: left;
 }
#posrb, #posru {
 float: right !important;
 text-align: right;
 }
#poslb {
 margin-right: 8px;
 }
#posrb {
 margin-left: 8px;
 }
#imgmark {
 position: absolute !important;
 top: 0 !important;
 left: 0 !important;
 background: transparent !important;
 width: 100% !important;
 font-size: 0.6em;
 color: #229;
 letter-spacing: .1em;
 }
/* noscript */
#noscript {
 width: 600px !important;
 background-color: #c33 !important;
 color: #000 !important;
 border: 2px solid #000 !important;
 margin: 0 auto !important;
 padding: 4px !important;
 line-height: 12px !important;
 font-size: 12px !important;
 text-align: center !important;
 text-decoration: blink !important;
 }
#noscript:hover {
 background-color: #e55 !important;
 }

/* defaults */
body {
 margin: 0;
 padding: 0;
 font-family: sans-serif, verdana, arial;
 font-size: 16px;
 color: #013;
 }
a, a:visited {
 color: #f99;
 text-decoration: none;
 }
a:hover {
 color: #fa4;
 text-decoration: underline;
 }
h1, h2, h3, ul, ol, hr, p {
 margin: 0;
 padding: 0;
 }
ul li  {
 margin: 0 1.2em;
 list-style-type: square;
 }
ol {
 margin: 0 1.2em;
 }
ol li {
 margin: 0;
 }
abbr {
 cursor: help;
 border: none;
 }

/* reusable classes */
.box {
 width: 100%; 
 text-align: center; 
 background-color: #ddf; 
 color: #036; 
 padding: 6px 3px; 
 border: 2px solid #036;
 }
.child {
 font-size: .8em;
 text-align: right;
 margin-top: -4px;
 }
.clear {
 clear: both;
 width: 100%;
 height: 2px;
 margin: 12px 0;
 }
.cursor {
 text-decoration: blink;
 }
.faq, .lead {
 font-variant: small-caps;
 }
.hilite {
 font-weight: bold;
 }
.title {
 color: #fff;
 border-top: 1px solid #99c;
 }

/* blocks */
#bigblock {
 width: 80%;
 max-width: 800px;
 margin: 0 auto;
 margin-top: 2em;
 position: relative;
 }
#info {
 width: 28%;
 min-height: 600px;
 position: absolute;
 left: 0;
 top: 0;
 padding: 0;
 border-right: 1px dotted #aaa;
 color: #ddf;
 font-size: .75em;
 }
#side {
 width: 90%;
 margin: 1px 0;
 padding: 4px 8px;
 background-color: #2231a6;
 }
#content {
 width: 70%; 
 position: absolute;
 top: 0;
 right: 0;
 }
#meta {
 width: 100%;
 margin-top: 1em;
 text-align: center;
 }

/* side default */
#side hr {
 border: none;
 margin: .5em 0;
 border-top: 1px solid #ddf;
 }
.logo {
 width: 100%;
 height: 200px;
 background: transparent url(/main/default/logo.jpg) center center no-repeat;
 }
#side.nav p {
 font-variant: small-caps;
 text-align: center;
 font-weight: bold;
 letter-spacing: .1em;
 margin: 4px 0;
 }
#side.faq {
 text-align: center;
 }
.upd h2 {
 font-size: 2em;
 letter-spacing: .1em;
 border-bottom: 1px solid #69c;
 line-height: 1.2em;
 }
.upd ul {
 margin-left: 0;
 }
.upd li {
 margin-bottom: 6px;
 }
.upd li p {
 border-top: 1px solid #69c;
 }

/* typeset */
#content #page h1 {
 color: #336;
 font-size: 2.4em;
 letter-spacing: 2px;
 font-variant: small-caps;
 margin-bottom: -8px;
 }
#content #page {
 margin-bottom: 4px; 
 padding: 0 4px 4px 6px;
 border-bottom: 1px solid #ddf;
 border-left: 1px solid #ddf;
 font-size: .8em;
 }
#content .child {
 letter-spacing: .1em;
 padding: 0 4px;
 }
#content .child a:hover {
 cursor: crosshair;
 }
#content .titlename {
 font-weight: bold;
 font-size: 1.2em;
 letter-spacing: .05em;
 margin: 6px 0 0 0;
 }
#content p, #content p span ul li, #content p span ol li  {
 margin: 0;
 font-size: .9em;
 line-height: 1.4em;
 text-align: justify;
 }
#content p span {
 margin-left: 1.2em;
 }
#content p span strong.faq {
 font-size: 20px; 
 }
#content a, #content a:visited {
 color: #147;
 background-color: #f0f0ff;
 text-decoration: none;
 }
#content a:visited {
 color: #258;
 }
#content a:hover {
 background: none;
 }
#content a.cursor {
 text-decoration: blink;
 }