/* Main layout */
html, body {
    padding:0; margin:0;
    background:#262525;
    color:white;
    text-align:center;
    font-family:Arial;
    color:#969696;
}

#container {
    width:940px;
    margin:0 auto;
    text-align:left;
    position:relative;
}

/* Top menu and logo */
#top_menu {
    position:relative;
    margin-top:20px;
    background:#131313;
    height:70px;
    text-align:right;
    padding:0 15px 0 15px;
}
#top_menu div {
    float:right;
    margin-top:35px;
}

#top_menu div a {
    font-weight:bold;
    color:white;
    text-decoration:none;
    padding-left:26px;
}
#top_menu div a:hover {
    color:#f24936;
}

#logo {
    width:228px;
    height:47px;
    background:url('./css/logo.jpg') no-repeat;
    display:block;
    position:absolute;
    top:13px;
    left:15px;
}

/* Main menu */
#main_menu {
    margin-top:12px;
    width:980px;
}
#main_menu ul {padding:0; margin:0; z-index:20;}
#main_menu li {
    padding:0; margin:0; list-style-type:none;
    position:relative;
    display:block;

}
#main_menu li.expanded {
    float:left;
    width:226px;
    height:114px;
    margin-right:12px;
    border-top:solid white 1px;
    background:url('./css/corner.jpg') no-repeat right bottom black;
}
.homepage #main_menu li.expanded {height:218px;}

#main_menu li a {
    /*border:solid blue 1px;*/
    height:100%;
    display:block;
    color:white;
    text-decoration:none;
    text-transform:uppercase;
    font-size:1.3em;
    font-weight:normal;
    line-height:1.25em;
}
#main_menu li a span {
    display:block;
    padding:25px;
}
#main_menu li a:hover, #main_menu li:hover a, #main_menu li a.selected {
    font-weight:bold;
    background:url('./css/corner_active.jpg') no-repeat right bottom #f74632;
}

#main_menu li.expanded ul {display:none;}
/*#main_menu li.expanded:hover ul {display:block;}*/
#main_menu li.expanded ul {
    position:absolute;
    /*border:solid red 1px;*/
    bottom:219px;
    width:100%;
    background:#f74632;
}

#main_menu li li a, #main_menu li:hover li a {
    padding:5px 25px 5px 25px;
    display:block;
    border-top:solid white 1px;
    background:#f74632;
    text-transform:none;
    font-size:0.9em;
    font-weight:bold;
}
#main_menu li li a:hover {
    background:url('./css/corner_menu_active.jpg') no-repeat right bottom #f74632;
}

/* Languages */
#block_langs {
    position:absolute;
    top:82px;
    left:940px;
    width:35px;
}

#block_langs a, #block_langs span {
    line-height:30px;
    height:30px;
    text-align:center;
    display:block;
    margin-bottom:5px;
    color:white;
    font-size:0.9em;
    text-decoration:none;
    background:black;
}

#block_langs span, #block_langs a:hover {
    background:#f74632;
}

/* Breadcrumbs */
#breadcrumbs {
    position:absolute;
    top:12px; left:15px;
    font-size:0.9em;
}
#breadcrumbs span {color:#f74632;}


/* Content */
.clear {clear:both;}
#content {
    position:relative;
    margin-top:12px;
    background:url('./css/content.jpg') repeat-y #121212;
    /*padding:30px 40px 30px 40px;*/
}
.homepage #content {background:#121212;}

.content_right {
    float:right;
    width:226px;
}
.content_left {
    float:left;
    width:700px;
}
.content_left_inner {
    padding:50px 40px 50px 40px;
}
.content_map {padding:50px 40px 50px 40px; background:#121212;}

.homepage .content_right {
    width:310px;
}
.homepage .content_left {
    width:590px;
    margin-top:40px;
}
.homepage .content_right_inner {padding:5px 40px 50px 0;}
.homepage .content_left_inner {padding:0 0 50px 40px;}
#block_slogan {
    /*float:left;
    width:560px;*/
    /*font-weight:bold;*/
    float:right;
    width:310px;
    color:#f74632 !important;
    /*margin:40px 0 0 40px;*/
    margin:40px 0 0 0;
}
#block_slogan div {
    padding:0 40px 0 0;
}
#block_slogan h1, #block_slogan h2, #block_slogan h3 {color:#f74632 !important;}
#block_slogan h1 {margin:0 0 20px 0; margin-bottom:0;}

/* Menu in right column */
#content ul.right_menu  {
    margin:0; padding:0;
    border-bottom:solid white 1px;
}
#content .right_menu li {margin:0; padding:0; border-top:solid white 1px;  background:none;}
#content .right_menu a {
    display:block;
    padding:5px 25px 5px 25px;
    font-weight:bold;
    font-size:0.9em;
    text-decoration:none;
    background:url('./css/corner_menu2.jpg') no-repeat right bottom;
}
#content .right_menu a:hover, #content .right_menu a.selected {
    background:url('./css/corner_menu_active.jpg') no-repeat right bottom #f74632;
}

/* Slideshow */
.slideshow {
    position:relative;
    height:250px;
    margin-top:12px;
}

.slideshow div {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

.slideshow div.active {
    z-index:10;
}

.slideshow div.last-active {
    z-index:9;
}
.slideshow div span {
    position:absolute;
    top:180px;
    right:0;
    color:white;
    background:#f74632;
    padding:10px 20px 10px 20px;
}
.slideshow img {border:none !important;}

/* Basic formatting */
.inactive {background:orange; border:outset orange 3px;}
a {color:white;}
a:hover {text-decoration:none;}
ul li {
    list-style-type:none;
    padding-left:18px; margin:0;
    background:url('./css/list.jpg') no-repeat left 3px;
}
ul {margin:10px 0 10px 15px; padding:0;}
ul ul {margin:0 0 0 15px;}
ol {margin:10px 0 10px 35px; padding:0;}
ol ol {margin:0 0 0 15px;}
ol li {padding:0; /*color:#e24f3f; font-weight:bold;*/}
/*ol li div {color:#969696; font-weight:normal;}*/
h1 {margin:0 0 23px 0; color:#f74632; font-size:2.2em;}
h2 {margin:25px 0 10px 0; color:#969696; font-size:1.5em;}
h3 {margin:25px 0 10px 0; color:#969696; font-size:1.4em;}
h4 {margin:25px 0 10px 0; color:#969696; font-size:1.3em;}
img {border:solid #414141 1px;}
p {margin:8px 0 8px 0;}
hr {
    border:none; border-top:solid #f74632 1px;
    background:none; padding:0;
    margin:28px 0 28px 0;
}
table {
    margin:30px 0 30px 0;
    border-collapse:collapse;
}
th, td {border-right:solid #121212 9px; padding:8px 20px 8px 0; border-bottom:solid #989898 1px;}
th {
    background:url('./css/th.jpg') repeat-x top;
    color:#f74632;
    padding-top:13px;
    text-align:left;
}

/* News on main page and content preview */
.news {
    font-size:0.9em;
    margin:30px 0 0 0;
    color:#989898;
}
.preview {clear:both; margin:15px 0 30px 0;}
.news a, .preview a {color:white; text-decoration:none;}
.news h4 {color:white; margin:0 0 5px 0; font-size:1.2em;}
.preview h3 {color:white; margin:0 0 10px 0;}
.preview .date {font-size:0.9em;}
.news a:hover, .news a:hover h4, .preview a:hover, .preview a:hover h3 {color:#f74632;}
a.more {
    margin-top:0;
    text-decoration:underline;
    padding-right:20px;
    background:url('./css/plus.jpg') no-repeat right bottom;
}
a.more:hover {
    color:#f74632; background:url('./css/plus_active.jpg') no-repeat right bottom;
}
.news p, .preview p {margin:10px 0 2px 0; }
.image_left {
    float:left;
    margin:0 20px 7px 0;
}

/* Composite GRAPH */
.composite_graph td {
    padding:0; border-bottom:none;
    vertical-align:top;
    /*border-;*/
}
.composite_graph td img {float:left;}
td.legend {
    background:#070707;
    padding:15px 20px 15px 20px;
    font-size:0.9em;
}
td.legend img {border:none;}
td.legend h5 {
    margin:0 0 10px 0;
    color:#f74632;
    font-size:1.15em;
}

/* Image descriptions */
.description, td.description {
    background:#070707;
    color:#f74632;
    font-size:0.9em;
    clear:both;
    border:solid #070707 1px;
}
.description div {margin:11px;}
.description p {margin:10px 0 10px 0;}
.composite_graph td.description {border:none; border-right:solid #121212 9px;}
span.color {
    width:1px;
    height:13px;
    display:inline-block;
    border-left:solid #070707 13px;
    position:relative;
    top:2px;
}

/* Composite PHOTO */
.composite_photo td {
    border:none; padding:0; vertical-align:top;
}
td.composite_photo_text {
    border-bottom:solid #f74632 1px;
    border-top:solid #f74632 5px;
}
.composite_photo img {float:left; border:none;}
.composite_photo_text div {margin:15px 0 15px 0; }
td.composite_photo_margin {width:20px; padding:0; border:none;}

/* Composite IMAGES */
.composite_images {
    margin:30px auto;
}
.composite_images img {float:left;}
.composite_images td {
    border:none; padding:0;
    vertical-align:bottom;
}
td.composite_image_left {border-right:solid #121212 20px;}

/* Paging */
.paging {
    text-align:center; margin:20px 0 20px 0;
    padding:3px 0 3px 0;
    background:url('./css/line.jpg') repeat-x center;
}
.paging span {
    background:#121212;
    padding:3px 10px 3px 10px;
}
.paging a, .paging b {
    padding:3px 5px 3px 5px;
    color:white;
    text-decoration:none;
    font-weight:normal;
    font-size:0.9em;
}
.paging a:hover, .paging b {
    background:#f74632;
}

/* Attachments */
td.attachments_icon {
    padding:4px 0 1px 0;
    text-align:center;
}

/* Contact form */
.contact_form table {margin:10px 0 30px 0;}
.contact_form td {border:none; padding:5px;}
.contact_form th {border:none; background:none; text-align:right; padding:5px; font-size:0.9em;}
.contact_form_report {
    font-size:0.9em;
    padding:12px;
    background:#cccc52;
    color:black;
}
.contact_form .button {
    padding:10px 20px 10px 20px;
}

/* Image galleries */
.gallery_images {
     background:black;
     padding:15px 10px 10px 10px;
     margin:15px 0 5px 0;
}
.gallery_images table {
    margin:0 auto;
}
.gallery_images td {
    border:none;
    padding:0 10px 0 10px;
}
td.image_caption {
    font-size:0.9em;
    color:#f74632;
    padding:5px 10px 20px 10px;
}

/* Footer */
#footer {
    margin-top:8px;
    border-top:solid #656565 1px;
    padding:10px 0 10px 0;
    color:#8a8989;
    font-size:0.9em;
}
#footer a {color:#8a8989;}
#footer span {
    float:right;
}


@media print {
    body, html {background:white;}
    .no-print {display:none;}
    #header_container {display:none;}
    #left_menu {display:none;}
    #footer {display:none;}
    #content_container {width:auto; background:none;}
    #content, .homepage #content {background:none; width:auto;}
    #breadcrumbs {display:none;}
    .content_left, .homepage .content_left {width:auto;}
    .content_left_inner, .homepage .content_left_inner {padding:20px;}
    .content_right {display:none;}
    #block_slogan h1 {padding:20px 20px 0 20px; margin-bottom:0;}
    a {color:black;}
    ul {margin-left:30px;}
    ul li {list-style-type:circle; padding:0; background:none;}
    .content_map {background:none;}
    td, th {border-right:solid white 9px;}
    td.legend {background:none;}
    td.description, .description {background:none; border:none;}
    .composite_graph td.description {border-right:solid white 9px;}
    td.composite_image_left {border-right:solid white 20px;}
    .paging span {background:white;}
    .paging a {color:black;}
    .gallery_images {background:none;}
}