﻿/* GENERAL */
* { background-repeat: no-repeat;}
html, body { margin: 0; padding: 0; }
body { font-size: 11px; font-family: Arial, Verdana; background-color: #fff; padding-left: 0; padding-right: 0; overflow-x:auto; }
table, td, div, p, ul, ol, h1, h2, h3, h4, h5, h6, hr, img, form { margin: 0; padding: 0; border-style: none; background-repeat: no-repeat;}
i,em { font-style:normal;}
ul { list-style-type:none;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration:none;}
img { border: 0;}
fieldset { padding: 0; border-style: none;}

body { background-image:url(../img/bg/header.jpg); background-position:center -30px; background-color:rgb(241,241,241); }
#container { width:100%; background-color:white; margin-top:60px; }
#page { width:920px; margin:0 auto 0 auto; overflow:hidden; }
#page #header { overflow:hidden; height:70px; position:relative; }
#page #header .logo { float:left; margin:0px; font-family:tahoma; font-weight:normal; font-size:12px; letter-spacing:8.1px; color:white; padding:10px; height:60x; display:block; background-color:rgb(30,110,160); width:195px; position:absolute; left:10px; padding-left:18px; padding-top:10px; padding-bottom:10px; text-decoration:none; }
* html #page #header .logo { position:relative; height:48px; }
#page #header .logo .highlight { font-size:25px; font-weight:bold; letter-spacing:1px; font-family:"arial"; position:relative; left:-3px; }
* html #page #header .logo .highlight { font-size:26px; background-color:red; font-family:"arial narro"; }
#page #header ul.secondary { float:left; margin-left:220px; }
* html #page #header ul.secondary { float:left; margin-left:11px; }
#page #header ul.secondary li { float:left; margin-right:1px; }
* html #page #header ul.secondary li { float:left; margin-right:1px; width:82px; text-align:center; }
#page #header ul.secondary li.first { margin-left:15px; }
* html #page #header ul.secondary li.first { margin-left:0px; }
#page #header ul.secondary li a { text-decoration:none; color:rgb(100,100,100); height:38px; padding-top:29px; display:block; padding-left:18px; padding-right:18px; background-color:rgb(240,240,240); font-weight:normal; font-size:11px; }
#page.en #header ul.secondary li a { padding-left:18px !important; padding-right:19px !important; }
* html #page #header ul.secondary li a { padding-left:8px; padding-right:8px; }
#page #header ul.secondary li a:hover { border-bottom:solid 3px rgb(255,100,0); }
#page #header ul.secondary li.selected { border-bottom:solid 3px rgb(255,100,0); }
#page #header ul.secondary li.selected a { color:rgb(255,100,0); }

.error { color: red !important; margin-left:100px; }

#secondary .navigation { width:215px; float:left; margin-top:6px; }
#secondary .navigation img { width:200px; margin-left:20px; }
* html #secondary .navigation img { width:200px; margin-left:0px; }
#secondary .events { margin:10px; float:left; margin-top:0px; }
* html #secondary .events { margin-left:5px; }
#secondary .events li { color:rgb(100,100,100); margin-bottom:2px; background-image:url(../img/bullets/arrow-orange.jpg); background-position:0 5px; padding-left:10px; }
#secondary .events li a { color:rgb(100,100,100); text-decoration:none; display:block; width:100%; }
#secondary .events li a:hover { color:rgb(255,100,0); }
#secondary .section { margin:10px; font-size:12px; color:rgb(30,110,160); margin-top:5px; font-weight:bold; margin-bottom:5px; margin-left:20px; }
#secondary .navigation .links { margin-left:20px; }
* html #secondary .navigation .links { margin-left:10px; }
#secondary .navigation .links li a { color:rgb(100,100,100); text-decoration:none; }

#primary { margin-left:0px; float:left;width:685px; padding:10px; overflow:hidden; padding-top:0; }
#primary .title { font-size:12px; color:rgb(255,100,0); }
* html #primary { margin:0 !important; width:680px; padding:0 !important; margin-top:10px; }
#page.secondary #primary { width:676px; margin-left:20px; padding-top:20px; padding:0; padding-top:10px; }
#page.secondary #primary.gallery div.container .title { font-size:11px; background-color:rgb(255,100,0); color:White; font-weight:normal; width:100%; height:30px;  margin-bottom:10px; }
#page.secondary #primary.gallery div.container { width:158px; border:solid 1px rgb(255,100,0); display:block; padding-bottom:0px; overflow:hidden; text-align:center; float:left; margin-right:8px; margin-bottom:8px; }
#page.secondary #primary.gallery div.container a { width:158px; height:120px; display:block; }
#page.secondary #primary.gallery .title { font-size:12px; color:rgb(255,100,0); font-weight:bold; }
#page.secondary #primary.gallery .pics { margin-top:10px; }
#page.secondary #primary.gallery .pics li { float:left; margin-right:15px; margin-bottom:15px; width:120px; height:120px; text-align:center; }

#page.secondary #primary ul.members li { width:130px; text-align:center; border:solid 1px rgb(255,100,0); float:left; margin-right:1px; height:340px; }
#page.secondary #primary ul.members li .container { margin:10px; margin-top:0px; }
#page.secondary #primary ul.members li .birthplace { margin:10px; margin-top:0px; }
#page.secondary #primary ul.members li h2 { width:100%; font-size:12px; background-color:rgb(255,100,0); color:White; }
#page.secondary #primary ul.members li img { width:100px; margin:5px auto 5px auto; }

#page.secondary #primary #contact-form { float:left; }
* html #page.secondary #primary #contact-form { float:left; width:350px; }
#page.secondary #primary #contact-form label { width:100px; float:left; position:relative; top:2px; }
#page.secondary #primary #contact-form input { width:240px;  }
#page.secondary #primary #contact-form textarea { width:240px; height:100px;  }
#page.secondary #primary #contact-form .formButton { width:60px; height:auto; margin-top:10px; margin-left:190px; border:none; background-color:rgb(255,100,0); color:white; font-size:11px; padding:5px; }
#page.secondary #primary .contact.info { margin-right:15px; float:right; }
*html #page.secondary #primary .contact.info { margin-right:5px; }
#page.secondary #primary .contact.info strong { color:rgb(255,100,0); margin-top:10px; display:block; }
#page.secondary #primary .contact.info strong.first { color:rgb(255,100,0); margin-top:0; }
#page.secondary #primary .contact.info address { font-style:normal; }

#page.article #primary .title { font-size:12px; color:rgb(255,100,0); margin-bottom:10px; }
#page.article #primary .visual { float:right; width:300px; margin-left:20px; margin-bottom:10px; margin-right:10px; }
#page.article #primary a.expand {color:rgb(100,100,100); display:block; float:left; text-decoration:none; margin-right:10px; border-bottom:dotted 1px rgb(100,100,100);}
#page.article #primary p { margin-bottom:15px; }
#page.article #primary .file { text-decoration:none; color:green; }

#primary div.article { overflow:hidden; margin-bottom:20px; padding:10px; padding-right:0px; padding-bottom:20px; width:330px; float:left; height:180px; }
#primary div.article.last { border:none; margin-bottom:0; padding-bottom:0; }
#primary div.article .visual { float:right; display:block; text-align:center; width:130px; }
#primary div.article .title { text-decoration:none; color:rgb(255,100,0); font-weight:bold; display:block; margin-bottom:10px; font-size:12px; }
#primary div.article .thumb {  }
#primary div.article .expand { margin-top:20px; color:rgb(200,200,200); }
#primary div.article .expand a { color:rgb(100,100,100); display:block; float:left; text-decoration:none; margin-right:10px; border-bottom:dotted 1px rgb(100,100,100); }

#primary div.wide { width:655px; }

#primary ul.sitemap { list-style:square; margin-left:20px; margin-bottom:0px; }
#primary ul.sitemap li a,h2 { font-size:11px; font-weight:normal; color:black; }
#primary ul.sitemap ul { margin-left:20px !important; list-style:square; }

#footer .container { width:880px; margin:0 auto 0 auto; position:relative; }
#footer { float:left; clear:both; width:100%; background-image:url(../img/bg/footer.jpg); width:100%; background-position:center; height:30px; text-align:center; padding-top:70px; color:rgb(200,200,200); margin-bottom:50px; }
#footer a { color:rgb(100,100,100); text-decoration:none; }
#footer p.copyright {  }
#footer .RSS { width:50px; height:50px; display:block; background-image:url(../img/buttons/rss.jpg); text-indent:-6000px; position:absolute; left:0; top:0; }
#lang { width:880px; margin:0 auto 0 auto; text-align:right; position:relative; top:10px; }
