/* $Id: screen.css 23 2008-01-16 16:22:32Z hri $ */

* { margin: 0; }
body { background-color: #999; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 100%; }
hr { border: none; border-top: 1px solid #ccc; height: 1px; width: 90%; margin: .5em auto; }
a { color: #900; text-decoration: none; }
a:hover { color: #900; text-decoration: underline; }
a.textlink { text-decoration: none; }
td, th { vertical-align: top }
h1 { font-weight: normal; font-size: 1.4em; font-family: Georgia, Times, serif; font-style: italic; color: #900; margin: 1em 0 .5em 0; }
h2 { font-weight: bold; font-size: 1.3em; background-color: #fff; padding: .75em 0 .75em 0; }
h3 { font-weight: bold; font-size: 1.1em; padding: .75em 0 .75em 0; }
h4 { font-weight: bild; margin-bottom: 4px; }
p { margin: 0 0 1em 0; padding: 0; background-color: #fff; }
ul { margin-bottom: 1em; }
fieldset { border: 1px solid #ccc; background-color: #fff; padding: .5em 1em; }
input, select, textarea { background-color: #ccc; border: solid #666 1px; font-family: monospace; }
label { font-weight: bold; }

#wrapper { position: relative; width: 782px; margin: -1px auto 0 auto;
    border-top: solid #999 1px; background-color: #ddd; background-image:url(img/bg.gif); }
#header { position: absolute; top: 1px; left: 16px; width: 750px; height: 134px; background-color: #fff; background-image: url(img/head2.jpg); }
#change_language { display: none; }
#header h1 { margin: 0; padding: 0; }
#header h1 a { display: block; height: 134px; }
#header h1 a span { display: none; }

#main { width: 748px; margin: 150px 16px 0 16px; border: solid #f2f2f2 1px; background-color: #f2f2f2; font-size: 13px; }
#content { padding: 1em; }
#footer { clear: both; text-align: center; font-size: 0.7em; color: #999; padding: 1em; font-size: 11px; background-color: #f2f2f2; margin: 0 16px; }
#footer a { color: #999 }
#footer img { border: none; vertical-align: bottom; }
#footer hr { padding: 0 16px; width: 718px; }

/* ************* menu ***************** */
#menu { position: absolute; top: 135px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#menu ul { list-style: none; width: 750px; height: 22px; padding: 0; background-color: #900; }
#menu li { position: relative; float: left; margin: 2px 0 1px -1px; height: 20px; }
#menu li .del { position: relative; color: #fff; top: -19px; left: -1px; font-size: 12px; height: 18px; }
* html #menu li .del { position: absolute; margin-top: 20px; }
#menu a { display: block; text-decoration: none; color: #fff; font-size: 12px; height: 18px;
    padding: 2px 6px 0 6px; zoom: 1; }
* html #menu a { float: left; }
* html #main ul, * html #main ol { margin-left: 50px; }
#menu a.active {  font-weight: bold; }
#menu a:hover { text-decoration: underline; }
#menu a.active:hover { text-decoration: none; }
/* #menu a.active:hover { border-right: solid #900 1px; border-left: solid #900 1px; background-color: #fff; color: #900; } */
#menu li.sub a { background: url(img/ard_fff.gif) right center no-repeat; color: #fff; padding-right: 18px; }
#menu li.sub a:hover,
#menu li.sub a.active,
#menu li.sub a.active:hover { background: #900 url(img/ard_fff.gif) right center no-repeat; color: #fff; }
#menu ul ul { border: solid 1px #900; position: absolute; background-image: none; background-color: #900;
    top: 100%; left: -1px; height: auto; width: 150px; margin: 0; padding: 2px 0 5px 0; display: none;
    /* ie6 positioning defect causes 1px error when parent has odd height */
    _margin-top: expression(this.parentNode.clientHeight % 2 == 0 ? 0 : 1); }
#menu li:hover > ul { display: block; }
#menu li li { float: none; vertical-align: bottom; margin: -2px 1px -2px 1px;  }
* html #menu li li a { width: 11em; }
#menu li li a.active { color: #fff; background-color: #900; }
#menu li li a.active:hover,
#menu li li a.active { background-color: #fff; color: #900; }
#menu li.sub li a { background: #900 none; border: 1px solid #fff; margin-top: 3px;}
* html #menu li.sub li a { margin-top: 1px;}
#menu li.sub li a:hover,
#menu li.sub li a.active,
#menu li.sub li a.active:hover { background: none; }
#menu ul { zoom: 1; }
#menu li { behavior: url(/script/IEmenu.htc); }
/* ************* /menu ***************** */


.clear { clear: both; }
.expl { font-size: .83em; font-weight: normal; color: #666; }
.box { background-color: #fff; padding: .5em 1em; line-height: 137%; margin-bottom: 14px; }
.box img { border: 1px solid #CCC; padding: 4px; margin: 2px 8px 4px 0; float: left; }
.box a img { border: 0; padding: 0; margin: 0.5em 0.4em 0 0; }
/* .box li { list-style-image:url(img/reddot.gif); } */
.leftbox { width: 349px; float: left; }
.rightbox { width: 349px; float: left; margin-left: 16px; }
.content1 { padding: 1em; background-color: #fff; border: 1px solid #ccc; }

.fmt_strong { font-weight: bold; }
.fmt_italic, .fmt_emphasis { font-style: italic; }
.fmt_underline { text-decoration: underline; }