html { 
    margin: 0;
    padding: 0;
    background: #fff url(menu-back.png) 0 0 repeat-y;
    color: #222;
    font-family: DejaVu Sans, Bitstream Vera Sans, Verdana, sans-serif;
    font-size: 90%;
}
body {
    margin; 0;
    padding: 0;

}

div#content {
    margin: 0 0 0 245px;
    padding: 1em;
    position: relative;
	}

div#sidebar {
    font-family: DejaVu Sans, Bitstream Vera Sans, Verdana, sans-serif;
    width: 250px;
    height: 950px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #262122 url(menu-back.png) repeat-y 100% 50%;
    color: #999;
}
div#sidebar h1 {
    margin: 8px 0;
}
div#sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
div#sidebar ul li {
    margin; 0;
    padding: 0;
    list-style: none;
}
div#sidebar a {
    display: block;
    text-decoration: none;
    font-weight: bold;
    text-align: right;
    font-size: 14px;
    padding: 8px 32px 8px 8px;
    height: 18px;
    white-space: nowrap;
    text-transform: capitalize;
    background: url(menu-bullet-green.png) no-repeat 100% 50%;
    margin: -1px 0 0 0;
    zoom: 1;
}
#menu1 a { color: #e22424; }
#menu2 a { color: #e22424; }
#menu3 a { color: #f4921b; }
#menu4 a { color: #f4921b; }
#menu5 a { color: #fbda03; }
#menu6 a { color: #8cc43b; }
#menu7 a { color: #8cc43b; }
#menu8 a { color: #048bcf; }
#menu9 a { color: #048bcf; }
#menu10 a { color: #896aad; }
#menu11 a { color: #896aad; }
div#sidebar ul li a:hover {
    color: #fff;
    background: #333 url(menu-bullet-red.png) no-repeat 100% 50%;
}

form {
    border: 1px solid #000;
    background: #333;
    color: #bbb;
    padding: 0 1em;
    margin: 1em auto;
    width: 30em;
}
h2, h3, h4 {
    color: #84c;
    letter-spacing: 0.025em;
    border-bottom: 2px solid #eee;
    text-align: center;
}
a {
    color: #84c;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
    color: #000;
}
form h2 { color: #eee; margin-top: 0.25em; font-size: 150%; letter-spacing: 0.025em; border: none}
form li { list-style: none; }
textarea { display: block; border: 1px solid #000; width: 100%; background: #222; color: #999; font-weight: bold; font-size: 110%; margin-bottom: 1em}
div.question p { margin: 0; }
div.question ul { margin: 0; }
label { font-weight: bold; font-size: 110%}
p.question label { font-weight: normal; font-size: inherit }
p.question { text-align: justify; color: #eee; font-family: serif; background: #222; color: #eee; border: 1px solid #000; padding: 0.5em; font-size: 140%; display: block; letter-spacing: 0.05em; line-height: 1.5em; font-weight: normal; }
p.result { text-align: center; }
div.buttons { text-align: center; }
div.buttons input { background: #222; color: #eee; border: 1px solid #000; font-weight: bold; padding: 0.25em; }

table { border-collapse: collapse; }
td, th { border: 1px solid #999; padding: 0.25em }

h2 { background: #333; border: 1px solid #000; color: #eee; padding: 0.25em 0.5em; font-weight: normal }
h3 { background: #333; border: 1px solid #000; color: #eee; padding: 0.125em 0.5em; font-weight: normal; text-align: left }

address { color: #a00 }

dt { font-weight: bold }

div.advertisement { position: absolute; top: 400px; left: 20px; width: 200px; height: 400px; } div.advertisement iframe { width: 100%; height: 100%; border: none }