body {background-color:#fff;
margin:0;
padding:0;
border:0;
letter-spacing:0;
word-spacing:0;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em
}

#foot-cnt, #main-cnt, #head-cnt {width: 780px; max-width:100%}

#head-cnt {top:0;
position:fixed;
background:white;
margin-bottom:2px;
border-bottom:2px solid #bae46a;
z-index:0
}

#main-cnt {
margin-left: auto;
margin-right: auto
}

#content {
padding-left:1.5em;
padding-top:3em;
padding-right:0.5em;
padding-bottom:1.7em;
text-align:justify;
margin-right:4px;
font-size:0.85em
}

#content {margin-left: 10em}
#menu-top-spacer {margin-left: 8.5em} /*#content margin left * #content font-size, ie. 0.85*/

#foot-cnt {background-color: white; position:fixed; bottom:0; padding-bottom:2px; z-index:2}

#foot {border-left: 2px solid white; border-right: 2px solid white; background-color:#bae46a; margin-top: 2px; color: #252525}

#menu-left, #menu-top, #menu-top-fake {text-align:center; font-weight: bold; z-index:1}

#menu-left {position:fixed; border-left: 2px solid white; border-bottom: 2px solid white; width:8.5em}
#menu-top, #menu-top-fake {background-color:white; border-top:2px solid white; min-width:100%}

#menu-top-fake {float:right; visibility:hidden}

#menu-left a, #menu-top a, #menu-top-fake a {text-decoration:none}
#menu-left a:link, #menu-top a:link, #menu-top-fake a:link {color: #545454}
#menu-left a:visited, #menu-top a:visited, #menu-top-fake a:visited {color: #545454}
#menu-left a:hover, #menu-top a:hover, #menu-top-fake a:hover {color:#00320e}
  
#menu-left {background-color: white; border-right: 2px solid white; height:99%}
#menu-top ul li, #menu-top-fake ul li {margin-left:2px; margin-bottom:2px; float:right}
#menu-left ul li {min-height:1.1em; margin-top:2px}

#menu-left ul, #menu-top ul, #menu-top-fake ul {margin:0; padding:0; list-style-type:none}

#menu-left ul li, #menu-top ul li, #menu-top-fake ul li {background-color: #bae46a; padding:0}

#menu-left ul li:hover, #menu-top ul li:hover {filter:alpha(opacity=75); opacity: 0.75; -moz-opacity:0.75}

#menu-left ul li span, #menu-top ul li span, #menu-top-fake span {
	background: url(../img/tr.png) top right no-repeat; display:block}
	
#menu-left ul li span span, #menu-top ul li span span, #menu-top-fake ul li span span {
	background: url(../img/br.png) bottom right no-repeat}

#menu-left ul li span span span, #menu-top ul li span span span, #menu-top-fake ul li span span span {
	background: url(../img/bl.png) bottom left no-repeat}
	
#menu-left ul li span span span span, #menu-top ul li span span span span, #menu-top-fake ul li span span span span {
	background: url(../img/tl.png) top left no-repeat; padding:0.25em}

#foot span {background: url(../img/tr.png) top right no-repeat; display:block}
#foot span span {background: url(../img/br.png) bottom right no-repeat}
#foot span span span {background: url(../img/bl.png) bottom left no-repeat}
#foot span span span span {background: url(../img/tl.png) top left no-repeat}

img {display:block}

img.photo {border: 1px solid #484b43}

img.flag {border:0; width:1.93em; height:1.2em; padding-top:0.25em; padding-bottom:0.25em; background-color:white}

#img-cnt {
float: right;
margin-left:1em;
margin-bottom:1em
}

#img-dscr {
text-align: justify;
font-size: 0.85em;
color: #484b43;
font-style: normal;
padding: 4px;
text-align: right
}

table.epsg {
border-collapse:separate;
border-spacing:1px 1px
}

table.epsg td {
width: 100%;
white-space: nowrap;
border: 1px solid black;
text-align:center;
padding:0.25em
}

table.foot {width: 100%; font-size: 0.6em}

ul.rom {
list-style-type: upper-roman;
list-style-position: outside
}

ul.num {
list-style-type: decimal;
list-style-position: outside
}

ul.lat {
list-style-type: lower-latin;
list-style-position: outside
}

ul.circle {
list-style-type: circle;
list-style-position: outside;
padding-left:0em;
margin-left:1em;
text-align: left
}

ul.disc {
list-style-type: disc;
list-style-position: outside;
}

#code {white-space:pre;}