html, body {height: 100%; margin: 0; padding: 0; }
/* COMMON ****************************************************************************************/
h1, h2, h3, h4 {margin: 0; }
p {margin: 0; margin-bottom: 1.5em; }
hr {margin: 0; display: none; }
img {border: 0; }
a {color: #008457; text-decoration: underline; }
a:hover, a:focus {text-decoration: none; }
input[type="text"] {font: 1em Arial, sans-serif; background: #f1f7ed; border: solid 1px #cce6dd; }
.left {text-align: left; }
.right {text-align: right; }
.center {text-align: center !important; }
.fll {float: left; }
.flr {float: right; }
.nod {display: none; }
.spaceman {position: absolute; top: -2000px; left: -3000px; }
.cleaner {clear: both; }
.bold {font-weight: bold; }
/* width + margin */
.w365 {width: 363px; }
.w515 {width: 515px; }
.mt03m {margin-top: 0.3em; }
/* corners */
.corner01, .corner02, .corner03, .corner04 {width: 21px; height: 21px; position: absolute;
/*z-index: 10; */
}
.corner01 {top: 0; left: -1px; background: url("/gfx/corner01.gif") 0 0 no-repeat; }
.corner02 {top: 0; right: -1px; background: url("/gfx/corner02.gif") 0 0 no-repeat; }
.corner03 {bottom: 0; right: -1px; background: url("/gfx/corner03.gif") 0 0 no-repeat; }
.corner04 {bottom: 0; left: -1px; background: url("/gfx/corner04.gif") 0 0 no-repeat; }
/* PAGE ******************************************************************************************/
#page {color: #000; font: 0.64em Verdana, "Geneva CE", lucida, sans-serif; line-height: 140%; width: 770px; min-height: 100%; margin: auto; position: relative; background: #fff; }
#page01 {position: relative; padding-bottom: 7em; }
/* HEADER ****************************************************************************************/
#header {color: #777; }
#header h1 {font-size: 1.3em; position: relative; top: 20px; left: 15px; }
#header span {position: absolute; top: -1000px; left: -2000px; }
#header h1 a span {width: 150px; height: 50px; position: absolute; top: 0; left: 0; z-index: 5; background: url("/gfx/logo.gif") 0 0 no-repeat; display: block; overflow: hidden; }
#header p {color: #008457; position: absolute; top: 80px; left: 205px; z-index: 1; }
#header p strong {color: #000; font-weight: normal; }
#lang {text-align: right; text-transform: uppercase; position: absolute; top: 20px; right: 0; }
#slogan {width: 210px; height: 20px; position: absolute; top: 42px; right: 23px; background: url("/gfx/slogan.gif") 0 0 no-repeat; }
#frame {height: 70px; position: relative; top: 40px; right: 0; border-right: solid 1px #2cb974; }
/* CONTENT ***************************************************************************************/
#content {width: 575px; float: right; }
#content01 {font-size: 1.1em; line-height: 140%; min-height: 350px; padding-bottom: 3em; margin: 0 10px; }
#content01 h2 {color: #a00a0a; font-size: 1.3em; text-align: right; margin: 30px 15px 0.8em 0; }
#content01 h3 {font-size: 1em; text-transform: uppercase; }
#content01 h3 a {font-weight: normal; }
#content01 ul {list-style-type: square; }
#content01 hr {display: block; }
#content01 div.separator {height: 1em}
/* MENU ******************************************************************************************/
#left-col {color: #777; font: 1.1em Arial, sans-serif; line-height: 150%; width: 195px; position: relative; top: -45px; }
#left-col h4, #left-col span {position: absolute; top: -1000px; left: -2000px; }
#left-col p {width: 80%; margin: 1em auto; }
#menu-holder {padding: 40px 5px 7px 5px; margin-bottom: 15px; position: relative; border-right: solid 1px #2cb974; border-left: solid 1px #2cb974; }
#menu-holder ul {list-style: none; margin: 0; padding: 0; }
#menu {position: relative; z-index: 1; }
#menu ul {padding: 10px 5px; background: #f1f7ed url("/gfx/menu.png") 0 0 repeat-y; }
.menu-box-01 {width: 183px; height: 8px; position: absolute; top: 0; background: url("/gfx/menu-top.png") 0 0 no-repeat; }
.menu-box-02 {width: 183px; height: 8px; position: absolute; bottom: 0; z-index: 2; background: url("/gfx/menu-bottom.png") 0 0 no-repeat; }
/* list-item bullets */
#menu li {position: relative; background: url("/gfx/bullet-square.gif") 0 7px no-repeat; }
#menu li.arrow {background: url("/gfx/bullet-arrow.gif") 0 7px no-repeat; }
#menu li.map {background: url("/gfx/bullet-map.gif") 0 7px no-repeat; }
#menu li a {text-decoration: none; padding: 0.2em 10px 0.2em 20px; display: block; }
#menu li a:hover {background: #fff; }
#menu li a:hover, #menu li ul li:hover a:hover, #menu li ul li:hover ul li:hover a:hover, #menu li.set>a {background: #fff url("/gfx/bullet-square.gif") -200px 7px no-repeat; }
#menu li.arrow>a:hover, #menu li ul li.arrow:hover>a:hover, #menu li ul li.arrow:hover ul li.arrow:hover>a:hover, #menu li.arrow.set>a {background: #fff url("/gfx/bullet-arrow.gif") -200px 7px no-repeat; }
#menu li.map a:hover, #menu li.map.set a {background: #fff url("/gfx/bullet-map.gif") -200px 7px no-repeat; }
/* 2 level */
.submenu {padding-left: 20px; position: absolute; top: -8px; left: 170px; z-index: 5; background: url('gfx/transparent.gif'); }
#menu ul li div.submenu {width: 183px; display: none; }
#menu ul li:hover div.submenu {display: block; }
/* 3 level */
#menu ul li:hover ul li div.submenu {display: none; }
#menu ul li:hover ul li:hover>div.submenu {display: block; }
/* 4 level */
#menu ul li:hover ul li:hover ul li:hover>div.submenu {display: block; }
/* IMAGE */
#theme {position: absolute; top: 0; left: 203px; z-index: 0; display: none; }
/* SEARCH form + LOGIN */
#left-col form {padding: 10px; margin-bottom: 15px; position: relative; border-right: solid 1px #2cb974; border-left: solid 1px #2cb974; }
#left-col form div strong {position: relative; z-index: 2; }
#left-col form div.button {position: absolute; right: 10px; bottom: 9px; }
#left-col form input {position: relative; z-index: 1; background: #f1f7ed; border: solid 1px #cce6dd; }
#left-col form input[type="text"], #left-col form input[type="password"] {width: 148px; }
#left-col form input[type="submit"] {width: 20px; background: #f1f7ed url("/gfx/btn-submit.gif") 0 50% no-repeat; }
#left-col form input[type="submit"]:hover {background: #fff url("/gfx/btn-submit.gif") -30px 50% no-repeat; }
#left-col form div div {padding-left: 15px; }
/* FOOTER ****************************************************************************************/
#footer {color: #777; font: 0.9em arial, sans-serif; width: 100%; height: 7em; position: absolute; bottom: 0; clear: both; }
#footer p {width: 565px; padding: 0.5em 0; border-right: solid 1px #2cb974; float: right; }
#footer span {text-transform: uppercase; }
#footer a {color: #777; }
#footer .corner02 {top: 0; right: 0; z-index: 1; }
#footer .corner03 {top: 2em; right: 0; z-index: 1; }
#actum-box {text-align: center; width: 195px; padding: 0.5em 0 1.5em 0; position: relative; z-index: 1; border-right: solid 1px #2cb974; border-left: solid 1px #2cb974; float: none; }
#actum-box a {text-decoration: none; }
#actum-box .corner02 {right: -1px; }
#actum-box .corner03 {right: -1px; }
#actum-box .corner04 {bottom: -10px; z-index: -1; }
/* HOMEPAGE */
.homepage #content {width: 390px; margin-bottom: 120px; }
.homepage #theme {width: 176px; height: 420px; background: url("/gfx/hp-image.jpg") 100% 0 no-repeat; display: block; }
#news span {color: #777; padding-left: 12px; background: url("/gfx/bullet-square-red.gif") 0 60% no-repeat; }
#banner {position: absolute; bottom: 9em; left: 200px; }