html, body, div, p, pre, form, fieldset, h1, h2, h3 {
margin: 0;
padding: 0;
}

ul { margin: 0; }

html {
background-color: #f3f3f3;
background-image: url(/files/bg.png);
background-repeat: repeat-x;
background-position: center top;
color: black;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
}


body {
margin: 0 auto 20px auto;
width: 780px;
background: transparent url(/files/logo.png) left 15px no-repeat;
}


a { color: #40bdd3; background-color: transparent; text-decoration: none; }
a:hover { background-color: #40bdd3; color: #fff; }
h1 a, h1+* a { color: #fff; }
h3 a, h3+* a { color: #40bdd3; }
h1 a, h2 a { color: yellow; }


img, fieldset { border: 0; }


.hidden { display: none; }


#menu { height: 80px; list-style-type: none; padding: 0; margin: 0; text-align: right; }
#menu li { display: inline-block; min-width: 60px; height: 29px; margin: 51px 10px 0 5px; background: #2ba6bb url(/files/menu2.png) right top no-repeat; }
#menu li, x:-moz-any-link { display:-moz-inline-box; }
#menu li:hover { /*background: #f5d85f url(/files/menu4.png) right top no-repeat;*/
background: #f5d85f url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAABmJLR0QA%2FwD%2FAP%2BgvaeTAAAACXBIWXMAAAsSAAALEgHS3X78AAAAB3RJTUUH1gMXCjMYaE041AAAAFdJREFUCNdjPHax%2Bv%2FFH7IMO79qM7z4w8cAA4xfb8TDOYs%2BWf5f9NGSgYGBgYGJAQnE8R1njOM7zsCILsHAwMAQx3%2BcUZzlE6YEAwMDgzvXVewS%2BhxPGABO%2BhZ88D0hzwAAAABJRU5ErkJggg%3D%3D") right top no-repeat; }
#menu li:before { position: absolute; content: ""; width: 6px; height: 6px; background: url(/files/menu1.png); }
#menu li:hover:before { /*background: url(/files/menu3.png);*/
 background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAABmJLR0QA%2FwD%2FAP%2BgvaeTAAAACXBIWXMAAAsSAAALEgHS3X78AAAAB3RJTUUH1gMXCjM7yipJpgAAAFJJREFUCNdjtNh18T8DFEiwfGJw577KoM%2FxmIGFkREiGMd%2FnCGO7zgjTBELIwMDQywfqiADAwMDkzjLJ4Y4flRBBgYGBiZ3rqsM2ACTPscTrBIAKHYPdaLSKuQAAAAASUVORK5CYII%3D"); }
#menu a { display: block; height: 24px; padding: 5px 7px 0; color: white; text-align: center; }
#menu a:hover { color: #666; background-color: transparent; }


#left { float: left; width: 550px; }
#right { float: right; width: 200px; }

h1, h2, h3 { font-size: 18px; margin-top: 30px; color: white; padding: 0 0 3px 8px; }
h1, h2 { background-color: #b4d389; }
h3 { background-color: #40bdd3; }


h1:before, h2:before, h3:before { position: absolute; content: ""; width: 550px; height: 7px; margin: -5px 0 0 -8px; background: transparent no-repeat left top; }
h1:before { background-image: url(/files/h1up.png); }
h2:before { background-image: url(/files/h2up.png); }
h3:before { background-image: url(/files/h3up.png); width: 200px; height: 6px; margin: -4px 0 0 -8px; }


h1+*, h2+*, h3+* { padding: 5px 7px; }
h1+* { background-color: #b4d389; }
h2+* { background-color: white; }
h3+* { background-color: white; }


h1+*:after, h2+*:after, h3+*:after { position: absolute; display: block; content: ""; margin-left: -7px; width: 550px; height: 7px; background: repeat-x center bottom; }
h1+*:after { background-image: url(/files/h1down.png); }
h2+*:after { background-image: url(/files/h2down.png); }
h3+*:after { background-image: url(/files/h3down.png); width: 200px; height: 6px; }


pre {
background-color: #ecf9fb;
border: 1px solid #41bdd3;
margin: 5px 3px;
padding: 5px;
}


#footer { display: none; color: white; clear: both; height: 38px; padding: 75px 20px 0; background: url(/files/footer.png) center bottom repeat-x; }


label {
display: block;
width: 97%;
margin: 0 2% 5px 1%;
text-align: right;
}


input, select, textarea {
margin-left: 2%;
width: 57%;
}


textarea {
height: 150px;
width: 98%;
}


input[type=submit] {
margin: 5px 20% 5px 47%;
width: 30%;
}


table { border-collapse: collapse; width: 100%; }
th, td { padding: 4px; }
h2+* table, h2+* td { border: 1px solid #ccc; }
h2+* td { background-color: #fafafa; }

*[title] { cursor: help; }
*[title="Opera"] { color: red; }