* { padding: 0; margin: 0; }

body{
margin: 10px;
padding: 0;
font: 0.8em "Lucida Sans", Helvetica, sans-serif;
color: #b8b9ba; 
background-color: black;
text-align: center;
}

a {color: #bcd630;text-decoration: none;}
a:hover {color:#bcd630;background-color: #808080;}

h1, h2, h3 {font-weight:bold; font-size:1em; color: #bcd630;margin: 5px 5px 5px 0;}
h1 { font-size: 1.6em;} 
h2 { font-size: 1.4em;}
h3 { font-size: 1.2em;}

p {margin-bottom:10px; line-height:16px;}

#container
{
width: 800px;
margin: 10px auto;
background-color: black;
color: #c6c8ca;
line-height: 130%;
text-align:left;
}

#header{padding: 0.5em 0.5em 0;background-color: black;border-bottom: 1px solid #bcd630;margin:5px; height:25px;}
#header h1{font-size:2.3em; color:#c6c8ca;}

#description{color:#c6c8ca;}

#leftcol
{
float: left;
width: 210px;
margin: 0;
padding: 5px;
text-align: justify;
}

#leftcol .box {border:0px solid #8cacbb;}
#leftcol .box h1{background-color:black; color:#222; padding:5px;margin:0; font-size:1em;border-bottom:1px solid #8cacbb;}
#leftcol p { padding:5px; }

#leftcol ul.menu {list-style:none;margin:7px 5px 7px 10px;padding:0;}
#leftcol ul.menu li {margin-bottom:1px;border-bottom: 1px solid #dee7ec;}

#leftcol ul.menu a {display:block;padding:4px;border:1px solid #fff;}
#leftcol ul.menu a:hover {border:1px solid #669933;}

#content
{
margin-left: 225px;
border-left: 1px solid #bcd630;
padding: 10px 0 5px 10px;
text-align: left;
}

pre { margin: 5px 5px 15px 0; padding: 5px; text-align: left; display: block; overflow: auto; font: 500 1em/1.5em "courier new", monospace; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; border-color: #8cacbb; border-style: solid; border-width: 1px 1px 1px 5px; }
blockquote { margin: 5px 5px 5px 0; padding: 5px; color: #bcd630; font-size: 1.1em; font-family: "courier new", monospace; font-weight: bold; font-variant: normal; line-height: 1.5em; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }

#footer
{
clear: both;
margin-top: 5px;
padding: 5px;
color: #333;
border-top: 1px solid #8cacbb;
border-bottom: 1px solid #8cacbb;
background-color:silver;
font-size:0.8em;
text-align:center;
}

#hozmenu
{
padding: 3px 0 1px 0;
margin-top:5px;
font-size:.8em;
text-align:right;
}
#hozmenu li{list-style: none;margin: 0;display: inline;}
#hozmenu li a
{ color: black; padding: 3px 5px; margin-left: 3px; background: silver; text-decoration: none; border-top: 1px solid #bcd630; border-right: 1px solid #bcd630; border-left: 1px solid #bcd630; border-bottom-style: none; border-bottom-width: medium; }
#hozmenu li a:hover{background: #bcd630;}
#hozmenu li a#current{ color: black; background: #bcd630; border-bottom: 1px solid #bcd630; }

.fleft {float:left;}
.fright{float:right;}
.aleft {text-align:left;}
.aright{text-align:right;}

.imgright {float:right; margin:10px; border:solid 0 #fff;}
.imgleft  {float:left; margin:10px 30px 10px 3px; border:solid 0 #fff;}

.clear {clear:both;}