body, body * { padding: 0; margin: 0; }
body { font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center; }
html, body { height: 100%; }
#container { height: 100%; min-height: 100%; position: relative; width: 775px; margin: 0 auto; text-align: left; }
body>#container { height: auto; }
.right { text-align: right; }
.center, .imgcnt { text-align: center; }
.cont { margin: 5px 0; }
#top { background: url(../images/top-banner.gif) no-repeat left top; height: 200px; text-align: right; }
h1 { font-size: .75em; fo\nt-size: .85em; color: white; width: 269px; position: absolute; left: 253px; top:0; z-index: 5;}
h1 a { color: white; text-decoration: none; }
h1 a img { border: 0; }
h1 strong { display: none; }
h2 { font-size: 1.15em; color: white; font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: right; padding: 1px 7px 0 0; height: 25px; background: #999; }

h2, #menu li, #footer { border-left: 5px solid #CCC; }

ul#menu { list-style-type:none; float: left; }
#menu li { font-size: .75em; font-weight: bold; margin-left: -15px; ma\rgin-left: 0px; border-bottom: 1px solid #AAA; background: #999; }
#menu li.top { background: #999 url(../images/zebra-atelier.gif) no-repeat left top;  padding-top: 75px;}
#menu a {text-decoration: none;  color: white; display: block; width: 190px; wid\th: 170px; padding: 4px 10px;}
#menu a:hover { color: black; }
#menu li.active a { color: white; background: url(../images/sipka-active.gif) no-repeat right center; }
#menu ul.submenu { list-style:none; margin-bottom: 5px; _margin-top:-1px; margin-left: 16px; ma\rgin-left: 0px;}
#menu ul.submenu li { margin: 0; _margin-top:-1px; border: 0;}
#menu ul.submenu a { color: black; font-size: 1.15em; width: 180px; wid\th: 150px; padding: 5px 5px 5px 20px;}
#menu ul.submenu a:hover, #menu ul.submenu a.active { color: #666; }
#menu li.divider { margin-top: 20px; }

#content { margin: 5px 0 0 200px; padding: 10px 20px 20px 20px; position: relative; background: white; }
#content p, #content ul, #content ol { margin: 10px 10px 20px 10px; font-size: .75em; line-height: 1.5em; color: #333; }

#content a { color: #E69E59; }
#content a:hover { color: black; text-decoration: none; }
/*#content img { border: 5px solid #DDD; }*/
hr { margin: 10px; border: 1px solid white; }
hr.clear { clear: both; }

h3, h4 { margin: 10px 0 10px 0; }
h3, h4 { font-size: .95em; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; }
h4 { font-size: .85em; }

fieldset { padding: 5px; margin: 0; border: 1px solid white; font-size: .7em; background: #FAFAFA; } 
label { display: block; width: 90px; float: left; margin-right: 5px;}
input.title { width: 200px; }
textarea, .title { border: 1px solid #BBB; }

#footer { width: 763px; text-align: right; font-size: .54em; position: absolute; bottom: 0; left: 0; height: 15px; padding: 3px 7px 0 0; color: #EEE; background: #999; }
#footer a { color: #EEE; }

/* styles 4 WMS */
.left { text-align: left; }
.justify { text-align: justify; }
.imgcnt { margin: 10px 0; padding-top: 10px; }
.imgleft, .imgright { float: left; margin: 10px 10px 10px 5px; position: relative;}
.imgright { float: right; margin: 10px 5px 10px 10px;}
#content ul, #content ol { margin-left: 40px; }
#content ul li { list-style-type: square; }
#content ul.nonebull li { list-style-type: none; }
#content ol.lett { list-style-type: lower-alpha; }
#content ol li { list-style-type: decimal; }