html,body { margin: 0; padding: 0 }
body        { font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; background-color: #f03; background-repeat: no-repeat; background-position: left bottom }
h1, h2, h3 { margin: 0 }
h1  { color: #990000; font-size: 200%; line-height: 1.5em; padding-right: 5px }
h2      { color: #fff; font-size: 130%; line-height: 1.1em; background-color: #000; padding: 5px 10px 5px 5px; border: dotted 5px #ff0 }
h3      { color: #f03; font-size: 130%; background-color: #fff; text-indent: 1.5em; margin-top: 5px; width: auto; border-bottom: 5px solid #ff0 }
h4     { color: #900; font-size: 150%; background-color: #ebebeb; text-indent: 1.5em; margin-top: 5px; width: auto; border-bottom: 12px solid #bcbcbc }
p{margin: 0 0 0.8em 0}
div#sign      { font-size: xx-small; visibility: hidden }
div#container     { background-image: url(img/sx_covers.jpg); background-repeat: no-repeat; background-position: left top; margin: 0 5%; right: 550px }
div#header       { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 20px; background-repeat: no-repeat; margin-top: 10px; padding-top: 10px; padding-left: 200px; height: 100px }


div#nav      { font-size: small; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-position: 0 top; padding: 10px 5px 0 10px; width: 130px; float: left; \width: 130px; w\idth: 130px      }
div#nav  a:link    { color: #900; line-height: 1.3em; text-decoration: none; background-color: #ebebeb; margin: 2px; padding: 2px; border-left: 12px solid #bcbcbc }
div#nav  a:visited   { color: #900; text-decoration: none; background-color: #ebebeb; margin: 2px; padding: 2px; border-left: 12px solid #bcbcbc }
div#nav  a:hover { color: #333; background-color: #fff; border-left: 12px solid #900 }
div#extra             { font-size: x-small; line-height: 1.5em; background-color: #ff0; background-image: url(img/menu_covers.jpg); background-repeat: no-repeat; background-position: left bottom; text-align: center; padding: 10px 5px 150px; width: 194px; float: right; vertical-align: top; \width: 194px; w\idth: 194px             }
div#extra  a:link       { color: #f03; font-weight: bold; text-decoration: none; background-repeat: repeat; padding: 3px }
div#extra a:visited        { color: #f03; font-weight: bold; text-decoration: none; padding: 3px }
div#extra  a:hover    { color: #fff; font-weight: bold; background-color: #02030d; padding: 3px }

div#content     { color: #fff; margin: 0 210px 0 190px }
div#content p   { line-height: 1.3; text-align: justify; padding: 10px }
div#content li    { font-size: 90%; text-align: justify; list-style-image: url(img/bullett.gif); list-style-position: outside; padding: 5px }
div#content  a:link      { color: #000; text-decoration: none; background-color: #ff0 }
div#content  a:visited      { color: #f03; text-decoration: underline; background-color: #fff }
div#content  a:hover   { color: #ff0; background-color: #000 }

div#footer        { font-size: small; background-image: url(img/footer.jpg); background-repeat: no-repeat; background-position: 50% top; text-align: center; margin-bottom: 10px; padding: 3px; height: 140px; clear: both; vertical-align: bottom }
div#footer p   { color: #ff0; font-size: small; font-weight: bold; text-align: center; margin: 0; padding: 100px 0 5px; position: relative; bottom: 5px; vertical-align: bottom }
div#footer  a:link     { color: #ff0; line-height: 1.5em; text-decoration: none; margin: 2px; padding: 3px; border-top: 1px solid #ff0; border-bottom: 1px solid #ff0 }
div#footer  a:visited       { color: #f03; line-height: 1.5em; text-decoration: none; background-color: #02030d; margin: 2px; padding: 3px; border-top: 1px solid #f03; border-bottom: 1px solid #f03 }
div#footer  a:hover   { color: #f03; line-height: 1.5em; text-decoration: none; background-color: #fff; margin: 2px; padding-top: 3px; border-top: #fff; border-bottom: 1px solid #fff }
