@charset "utf-8";
/* CSS Document generated at 2009-03-16 12:02:53 */
/* all rights reserved struna.org */

/* body */

body {
    margin: 0;
    padding: 0;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #42453d;
    background-color: #FFFFFF;
    background-image: url(/img/bg.gif);
    background-position: center top;
    background-repeat: repeat-x;
    }
p, h1, h2, h3, h4, form { margin: 0; }
a {
    text-decoration: none !important;
    font-weight: bold;
    color: #128cb4;
    }
ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0 14px;
    text-align: left;
    }
ol {
    margin: 0;
    padding: 0 0 0 42px;
    text-align: left;
    }
li { line-height: 14px; }
img {
    border: 0;
    font-size: 10px;
    text-align: center;
    }
table { margin: 0; }
td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #42453d;
    padding: 6px;
    }
hr {
    width: 94%;
    height: 1px;
    clear: both;
    text-align: center;
    border: #7FC1D6;
    background-color: #7FC1D6;
    }
input, textarea, select {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #42453d;
    background-color: #DBEEF4;
    border: 1px solid #7FC1D6;
    padding: 0;
    }
input, textarea { width: 500px; }
input:hover, textarea:hover, select:hover { border-color: #128CB4; }
blockquote, code {
    margin: 12px;
    padding: 8px;
    color: #42453d;
    background-color: #DBEEF4;
    border: 1px solid #7FC1D6;
    text-align: left;
    }
blockquote:hover, code:hover { border-color: #128CB4; }
h1 { line-height: 28px; }
h2 { line-height: 24px; }
h3 { line-height: 20px; }
h4 { line-height: 16px; }

/* font */

h1, .big { font-size: 14px; }
h2, .normal { font-size: 12px; }
h3, .small { font-size: 10px; }
h4, .mini { font-size: 8px; }
h1, h2, h3, h4, .bold { font-weight: bold; }

/* anchor */

a:hover { color: #0f7190; }
a.transparent { opacity: 0.8; }
a.transparent:hover  { opacity: 1; }
a.no_decoration, .no_decoration {
    text-decoration: none !important;
    font-weight: normal;
    }

/* container */

.headcontainer, .maincontainer, .footcontainer {
    clear: both;
    position: relative;
    top: 0;
    width: 920px;
    height: auto;
    }
.headcontainer {
    margin: 0px auto 0 auto;
    }
.maincontainer {
    margin: 0 auto;
    overflow: hidden;
    }
.footcontainer {
    margin: 0 auto;
    overflow: hidden;
    }
.containerdiv {
    position: relative;
    top: 0;
    width: 920px;
    height: auto;
    margin: 0 0px;
    }
.headcontainer .containerdiv {
    padding: 0px 0px 0 0px;
    }
.maincontainer .containerdiv {
    overflow: hidden;
    padding: 0 0px;
    }
.footcontainer .containerdiv {
    overflow: hidden;
    padding: 0 0px 0px 0px;
    }

/* container border */

.containerborderleft, .containerborderright {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    }
.containerborderhorizontal { display: none; }
.maincontent {
    position: relative;
    top: 0;
    left: 0;
    margin: 16px 0 0 0;
    width: 918px;
    height: auto;
    overflow: hidden;
    clear: both;
    background-image: url(/img/contentbg.gif);
    background-position: center top;
    background-repeat: repeat-x;
    border-top: 1px solid #56bbdc;
    border-right: 1px solid #56bbdc;
    border-bottom: 1px solid #56bbdc;
    border-left: 1px solid #56bbdc;
    }
.leftcolumn {
    float: left;
    margin: 16px 0 0 0;
    width: 224px;
    height: auto;
    overflow: hidden;
    background-image: url(/img/contentbg.gif);
    background-position: center top;
    background-repeat: repeat-x;
    border-top: 1px solid #56bbdc;
    border-right: 1px solid #56bbdc;
    border-bottom: 1px solid #56bbdc;
    border-left: 1px solid #56bbdc;
    }
.rightcolumn {
    float: right;
    margin: 16px 0 0 0;
    width: 162px;
    height: auto;
    overflow: hidden;
    background-image: url(/img/contentbg.gif);
    background-position: center top;
    background-repeat: repeat-x;
    border-top: 1px solid #56bbdc;
    border-right: 1px solid #56bbdc;
    border-bottom: 1px solid #56bbdc;
    border-left: 1px solid #56bbdc;
    }
.maincontentwithleftcolumn {
    float: right;
    margin: 16px 0 0 16px;
    width: 676px;
    height: auto;
    overflow: hidden;
    background-image: url(/img/contentbg.gif);
    background-position: center top;
    background-repeat: repeat-x;
    border-top: 1px solid #56bbdc;
    border-right: 1px solid #56bbdc;
    border-bottom: 1px solid #56bbdc;
    border-left: 1px solid #56bbdc;
    }
.maincontentwithrightcolumn {
    float: right;
    margin: 16px 16px 0 0;
    width: 738px;
    height: auto;
    overflow: hidden;
    background-image: url(/img/contentbg.gif);
    background-position: center top;
    background-repeat: repeat-x;
    border-top: 1px solid #56bbdc;
    border-right: 1px solid #56bbdc;
    border-bottom: 1px solid #56bbdc;
    border-left: 1px solid #56bbdc;
    }
.maincontentwithleftandrightcolumn {
    float: right;
    margin: 16px 16px 0 16px;
    width: 496px;
    height: auto;
    overflow: hidden;
    background-image: url(/img/contentbg.gif);
    background-position: center top;
    background-repeat: repeat-x;
    border-top: 1px solid #56bbdc;
    border-right: 1px solid #56bbdc;
    border-bottom: 1px solid #56bbdc;
    border-left: 1px solid #56bbdc;
    }
.contentdiv {
    position: relative;
    top: 0;
    left: 0;
    height: auto;
    overflow: hidden;
    margin: 0 0px;
    padding: 8px;
    background-image: url(/img/rline.gif);
    background-position: bottom right;
    background-repeat: no-repeat;
    }

/* content divs border */

.contentdivborderleft, .contentdivborderright {
    position: relative;
    top: 0;
    width: 100%;
    height: auto;
    }
.contentdivborderhorizontal { display: none; }

/* main menu */

div.mainmenu {
    position: relative;
    top: 0;
    left: 0;
    margin: 142px 0px 0px 0px;
    height: auto;
    overflow: visible;
    background-image: url(/img/contentbg.gif);
    background-position: center top;
    background-repeat: repeat-x;
    border-top: 1px solid #56bbdc;
    border-right: 1px solid #56bbdc;
    border-bottom: 1px solid #56bbdc;
    border-left: 1px solid #56bbdc;
    }
div.mainmenu .contentdiv {
    padding: 0;
    overflow: visible;
    }
ul.mainmenu, ul.mainmenu li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    }
ul.mainmenu {
    text-align: center;
    }
ul.mainmenu li {
    display: inline;
    white-space: nowrap;
    padding: 7px 0;
    line-height: 28px;
    }
ul.mainmenu a {
    padding: 7px 9px 7px 8px;
    color: #FFFFFF;
    }
ul.mainmenu a:hover {
    padding: 7px 8px 7px 9px;
    color: #FFFFFF;
    background-image: url(/img/mainmenuhover.gif);
    background-position: center;
    background-repeat: repeat-x;
    }

/* menu */

div.menu {
    margin: 0px;
    text-align: center;
    font-weight: bold;
    line-height: 26px;
    clear: both;
    color: #128cb4;
    }
div.menu a {
    white-space: nowrap;
    height: 100%;    padding: 7px 9px 7px 8px;
    }
div.menu a:hover {
    padding: 7px 8px 7px 9px;
    }
ul.menu, ul.menu li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    }
ul.menu li {
    line-height: normal;
    border-bottom: 1px solid #56bbdc;
    }
ul.menu li.main { text-align: center; }
ul.menu a {
    display: block;
    padding: 4px 9px 5px 8px;
    color: #FFFFFF;
    }
ul.menu a:hover {
    padding: 5px 8px 4px 9px;
    color: #128CB4;
    background-color: #DBEEF4;
    background-image: none;
    }
ul.menu li.small a { padding: 4px 9px 5px 20px; }
ul.menu li.small a:hover { padding: 5px 8px 4px 21px; }
ul.menu li.activ a {
    color: #128CB4;
    background-color: #DBEEF4;
    background-image: none;
    }
.header {
    font-weight: bold;
    text-align: center;
    background-color: #DBEEF4;
    }
.webtree {
    white-space: pre-wrap;
    font-weight: bold;
    text-align: left;
    font-size: 10px;
    color: #128cb4;
    }
.webtree a { white-space: nowrap; }
.text {
    clear: both;
    text-align: justify;
    margin: 12px 0;
    }
.shorttext {
    margin: 8px 0 0 0;
    }
.nothing2show  {
    clear: both;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    margin: 12px 0;
    }
div.swf {
    clear: both;
    width: 84%;
    margin: 12px auto;
    text-align: center;
    font-size: 10px;
    }
.dateandmore {
    float: right;
    text-align: right;
    padding: 0 0 0 12px;
    font-size: 10px;
    font-weight: normal;
    }
.clearfloat {
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0;
    }
.pagefooter {
    clear: both;
    margin: 12px 0 0 0;
    font-size: 10px;
    line-height: 12px;
    text-align: right;
    }

/* img and pic */

.imagebox {
    clear: both;
    text-align: center;
    margin: 12px 0;
    }
.imagebox img {
    margin: 0 auto;
    border: 1px solid #42453d;
    }
.imagedescription {
    font-weight: bold;
    text-align: center;
    }
.image {
    border: 1px solid #42453d;
    font-size: 10px;
    }
div.image { text-align: center; }
img.left {
    float: left;
    margin: 0 16px 8px 0;
    }
img.right {
    float: right;
    margin: 0 0 8px 16px;
    }
.pics {
    position: relative;
    float: left;
    width: auto;
    height: auto;
    font-size: 10px;
    margin: 0 16px 16px 0;
    text-align: center;
    }
.pic_div {
    position: relative;
    width: 126px;
    height: 126px;
    overflow: hidden;
    }
.pic_div { padding: 8px 10px 10px 8px; }
.pic_div:hover {
    padding: 8px;
    border: 1px solid #EBF3F6;
    }
.pic_description {
    position: relative;
    width: 140px;
    height: auto;
    padding: 2px;
    overflow: hidden;
    white-space: nowrap;
    }
.leftcolumn .pics, .rightcolumn .pics {
    float: none;
    margin: 0 auto;
    }
.leftcolumn .pic_div, .rightcolumn .pic_div { height: auto; }
#pic_description {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    z-index: 4;
    margin: 0;
    padding: 2px;
    overflow: hidden;
    background-color: #FFFFFF;
    font-size: 10px;
    text-align: center;
    white-space: normal;
    }
a.pic, div .pic { opacity: 0.8; }
a.pic:hover, div .pic:hover  { opacity: 1; }

/* table */

.contentdiv table { margin: 12px auto 0 auto; }
td.name {
    font-weight: bold;
    padding: 7px 6px 6px 6px;
    }
tr.class1 { background-color: #D8E8ED; }
tr.class2 { background-color: #B9D5DF; }
tr.class1:hover, tr.class2:hover { background-color: #9CC4D1; }
tr.class1 td, tr.class2 td, tr.header { border: 1px solid #EBF3F6; }
table.post {
    width: 94%;
    margin: 12px auto;
    }
div.lookout, span.lookout {
    font-weight: bold;
    color: #DE0000;
    }
div.lookout a, span.lookout a { color: #DE0000; }
div.lookout a:hover, span.lookout a:hover { color: #DE0000; }
div.ok, span.ok {
    font-weight: bold;
    color: #096D10;
    }
div.ok a, span.ok a { color: #096D10; }
div.ok a:hover, span.ok a:hover { color: #096D10; }
div.lookout, div.ok {
    line-height: 24px;
    text-align: center;
    }
.info {
    float: right;
    margin: 0 0 8px 16px;
    }
.info table { margin: 0; }
.info td { font-size: 10px; }

/* form */

input.lookout, textarea.lookout, select.lookout { background-color: #DE0000; }
input.button  {
    width: auto;
    padding: 0 4px;
    }
input.small {
    width: 144px;
    font-size: 12px;
    }
input.mini {
    font-size: 10px;
    width: 124px;
    }
input.clear {
    padding: 0;
    margin: 0;
    width: auto;
    }
.maincontentwithleftandrightcolumn input, .maincontentwithleftandrightcolumn textarea { width: 396px; }
.maincontentwithleftandrightcolumn input.button, .maincontentwithleftandrightcolumn input.clear { width: auto; }
.maincontentwithleftandrightcolumn input.small  { width: 144px; }
.maincontentwithleftandrightcolumn input.mini  { width: 124px; }
form .legend {
    font-size: 10px;
    text-align: center;
    }
.sort {
    float: right;
    padding: 4px 0 0 8px;
    }
.sort select {
    font-size: 10px;
    font-weight: bold;
    }
.newsletter {
    font-size: 10px;
    text-align: center;
    }
.newsletter form { margin: 10px 0 0 0; }
.newsletter input.small { width: 100%; }
div.line {
    clear: both;
    margin: 12px 0 0 0;
    font-weight: bold;
    text-align: left;
    }
img.line {
    clear: both;
    width: 100%;
    height: 1px;
    display: block;
    margin: 8px 0;
    }
.footer {
    position: relative;
    top: 0;
    left: 0;
    height: auto;
    margin: 8px 0 0 0;
    text-align: center;
    font-size: 10px;
    line-height: 12px;
    }
.footer span {
    padding: 2px;
    }

.footer img { margin: 8px; }
.footer .pagefooter { margin: 0px; }
.langandlogas {
    position: absolute;
    top: 0;
    right: 0;
    margin: 4px 4px 0 0;
    width: auto;
    height: auto;
    font-size: 10px;
    text-align: right;
    white-space: nowrap;
    color: #FFFFFF;
    }

.langandlogas img { margin: 8px 0 0 8px; }
.langandlogas span {
    padding: 2px;
    }


/* calendar */

.calendar table { margin: 0; }
div.calendar {
    position: relative;
    padding: 2px;
    background-color: #D8E8ED;
    border: 1px outset #EBF3F6;
    }
.calendar .combo {
    background-color: #D8E8ED;
    border: 1px outset #EBF3F6;
    padding: 2px;
    cursor: pointer;
    }
.calendar .combo .hilite, .calendar .combo .active { background: #9CC4D1; }
.calendar .combo .active {
    font-weight: bold;
    color: #0f7190;
    }
.calendar .button div { border: 1px solid #EBF3F6; }
.calendar table .wn {
    padding: 2px 3px 2px 2px;
    text-align: center;
    background-color: #B9D5DF;
    border-right: 1px solid #EBF3F6;
    }
.calendar thead .title{ font-weight: bold; }
.calendar thead .name {
    padding: 2px;
    border-top: 1px solid  #EBF3F6;
    border-bottom: 1px solid  #EBF3F6;
    background: #B9D5DF;
    }
.calendar thead .button {
    padding-bottom: 2px;
    padding-top: 2px;
    cursor: pointer;
    }
.calendar thead .hilite {
    padding: 2px;
    color: #0f7190;
    background-color: #9CC4D1;
    }
.calendar thead td.weekend { color: #DE0000; }
.calendar thead .daynames {
    font-weight: bold;
    background-color: #B9D5DF;
    cursor: pointer;
    }
.calendar tbody td.weekend, .calendar tbody .day.othermonth.oweekend { color: #DE0000; }
.calendar tbody td.hilite {
    font-weight: bold;
    cursor: pointer;
    color: #0f7190;
    background-color: #9CC4D1;
    }
.calendar tbody td.active { border: 1px inset #EBF3F6; }
.calendar tbody td.selected {
    font-weight: bold;
    border: 1px inset #0f7190;
    }
.calendar tbody .rowhilite td { background-color: #B9D5DF; }
.calendar tbody .day {
    width: 2em;
    text-align: right;
    padding: 2px 4px 2px 2px;
    }
.calendar tbody td.today {
    font-weight: bold;
    color: #0f7190;
    }
.calendar tbody .time {
    padding: 2px;
    font-weight: bold;
    border-top: 1px solid  #EBF3F6;
    background-color: #B9D5DF;
    }
.calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm { background-color: #9CC4D1; }
.calendar td.time span {
    cursor: pointer;
    }
.calendar td.time span.hilite { color: #0f7190; }
.calendar td.time span.active {
    color: #D8E8ED;
    background-color: #0f7190;
    }
.calendar tfoot .ttip {
    padding: 2px;
    font-size: 10px;
    border-top: 1px solid  #EBF3F6;
    }
.calendar td, .calendar .combo .label, .calendar .combo .label-IEfix { text-align: center; }
.calendar tbody .day.othermonth { font-size: 80%; }
.calendar tbody td { padding: 1px 3px 1px 1px; }
.calendar tbody td.active, .calendar tbody td.selected { padding: 2px 2px 0 2px; }
.calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm { padding: 0 5px 0 6px; }
.calendar td.time .colon { padding: 0 2px 0 3px; }
.calendar tbody .emptycell { visibility: hidden; }
.calendar tbody .emptyrow { display: none; }
.calendar .combo {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 4em;
    border-width: 0 1px 1px 1px;
    z-index: 100;
    font-size: 90%;
    }
.calendar .combo .label, .calendar .combo .label-IEfix { padding: 1px; }
.calendar .combo .label-IEfix { width: 4em; }

#overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 500px;
    z-index: 98;
    background-color: #EBF3F6;
    opacity: 0.8;
    cursor: pointer;
    }

.onoverlay {
    position: absolute;
    width: auto;
    height: auto;
    z-index: 99;
    }
#close {
    text-align: right;
    font-size: 10px;
    font-weight: bold;
    display: block;
    cursor: pointer;
    }
.logobig, .logomedium, .logosmall {
    float: left;
    overflow: hidden;
    margin: 0 0 16px 0;
    text-align: center;
    font-size: 10px;
    }
.logobig { width: 50%; }
.logobig, .logobig div.pic { height: 240px; }
.logomedium { width: 33%; }
.logomedium, .logomedium div.pic { height: 180px; }
.logosmall { width: 25%; }
.logosmall, .logosmall div.pic { height: 120px; }
.marquee, .roll {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    clear: both;
    overflow: hidden;
    text-align: center;
    }
.marquee span, .marquee a {
    padding: 0 16px 0 0;
    }
.marqueebox {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    margin: 0;
    padding: 0 16px 0 0;
    white-space: nowrap;
    }
div.delonload { position: absolute; }