body {background: url("../images/bg.png") repeat-x #f3f3f3; font-family: 'SourceSansPro-Regular', Tahoma, Arial, Helvetica, sans-serif; font-size:0.813em; line-height: 1.50em; color: #363636; margin: 0; padding: 0}


/* Default */
form, fieldset {margin:0; padding:0; border:none}
legend {position:absolute; left:-9000em}
input, select, textarea {font-size: 1em; font-family: Tahoma, Arial, Helvetica, sans-serif; border-radius: 10px;}

h2, h3, h4, h5, h6 { font-weight:normal; font-family:'RobotoSlab-Regular'; }

a img { border:none;}
a, a:visited { color:#004546; text-decoration:underline; background:none; padding:0px; margin:0px;}
a:hover { color:#3e2f34; }
a:focus { color:#fff; background:#363636; text-decoration:none; }

a.newWindow { background-image: url("../images/icoNewWndw.png"); background-repeat:no-repeat; background-position:right 3px; padding-right:15px; margin-right:5px; }
a.newWindow:focus { background-image: url("../images/icoNewWndw.png"); background-repeat:no-repeat; background-position:right -17px; }

blockquote { padding:5px 0 5px 20px; border-left:5px solid #ddd; margin:0 20px;}

/* form */
#contentWrapper input[type="text"], 
#contentWrapper select, 
#contentWrapper textarea { border:2px solid #555; padding:6px }

#contentWrapper input[type="radio"]:focus,
#contentWrapper input[type="checkbox"]:focus { outline:1px solid #aaa; }

#contentWrapper input[type="text"]:focus, 
#contentWrapper select:focus, 
#contentWrapper textarea:focus { border:3px solid #088384; background:#f1f1f1;}

.inputborder { padding:0 0 10px 0;}
form.f_contact { margin:0 0 50px 0; }
.butWarapper { text-align:center; }

/* Tools */
.hide {position: absolute; top: 0; left: -9000em; width: 1px; height: 1px; overflow: hidden;}
.clear {clear: both; padding: 0; margin: 0; font-size: 1px; line-height: 0; height:0;}
.br {display: block}
.bolder {font-weight: bold}
.noMargin {margin: 0}

/* Table */
table {border-collapse: collapse; border: 1px solid #004546}
table th {font-weight: bold; padding: 8px 10px 6px 10px; background: #004546; color: #fff}
table td {padding: 5px; border: 1px solid #004546}

/* Skip linki*/
.skipLinks {margin: 0; padding: 0; position: absolute; top: 0; list-style: none;}
.skipLinks a {display: inline; left: -9000em; padding:5px 10px 7px 10px; font-size: 1.17em; position: absolute; text-decoration: none; z-index: 200; width: 150px; text-align: center} 
.skipLinks a:hover, 
.skipLinks a:focus, 
.skipLinks a:active {background: #004546; border: 2px solid #666; color: #fff; left: 0; top: 0; position: absolute; font-weight: normal; }

/* Header */
#headerWrapper {width: 100%; position:relative; margin:0; padding:0px;}
#header {width: 995px; height: 580px; margin: 90px auto 0; position: relative;  background:none}
#header .bgTop { width:100%; height:45px; background: none; position:absolute; top:-45px;}

#headerName {position: absolute; top:-110px; left:-10px; width:520px; height:120px; overflow:hidden; text-align:left;}
#mainHead {margin: 40px 0 0 120px; padding: 0; color: #363636; font-family: 'RobotoSlab-Bold'; font-weight:normal; width:210px; font-size: 1.40em; line-height: 1.1em}
#headerLogo{position:absolute; left:20px; top:15px;}
#headerLogo a:focus img { outline:2px solid #363636}

#topLinks { padding:10px 5px;}
#topLinks ul { list-style:none; padding:0; margin:0;}
#topLinks ul li { display:inline-block; }

#sep1 {background: url("../images/topSep.png") no-repeat scroll; height: 10px; width:10px; position: absolute; right: 239px; top: -79px;}
#sep2 {background: url("../images/topSep.png") no-repeat scroll; height: 10px; width:10px; position: absolute; right: 129px; top: -79px;}

/* Fonts */
#fontWrapper { width:325px;  position:absolute; top:-84px; right:66px; font-size:0.92em ; }
#fonts {position: relative; }
#fonts p {margin: 0; display: inline-block; float:left; padding-right:5px; color:#363636}

#fonts ul {margin: 0; padding: 0 7px 0 0; display: inline-block;float:left }
#fonts ul li {list-style-type: none; float: left}
#fonts ul li a, #fonts ul li a:visited, #fonts ul li a:active {padding: 1px; display: block; }
#fonts ul li a:focus, #fonts ul li a:hover {background-color: #fff; outline:1px solid #BBB9BA;}

#fonts ul li.fontContrast { padding-left:27px; margin-left:10px;}
#fonts ul li.fontContrast a { float:left; margin-left:2px;}

#mobileVer { font-size: 0.92em; position: absolute; right:0px; top: 11px; z-index:110; padding:0 4px; }	
#mobileVer:focus, #mobileVer:hover { background-color: #fff; outline:1px solid #BBB9BA;}
#mobileWrapper {position:absolute; top:-96px; right:5px; font-size:0.92em; width:105px }
#mobileWrapper img { vertical-align:middle; margin: 0 0 2px;}
#mobileWrapper a {text-decoration:none; color:#363636;}
#mobileWrapper a:hover {text-decoration:underline;}
#mobileWrapper a:focus {text-decoration:none; background-color:#363636; color:#fff}

/* Search */
#searchWrapper {position: absolute; right: 6px; top: -49px; width:220px; }
#searchWrapper h2 { color: #417d00; margin:5px 0 5px 15px; padding:0; font-size: 1.385em; }

#searchForm {position: relative; border:1px solid #bbb9ba; height:38px; border-radius:10px; background-color:#fff; overflow:hidden}
#searchForm:focus {background-color:#fff !important;}

.inSearch {border: 1px solid #fff; background: none; position: absolute; left:12px; top:3px; padding: 2px 5px; width: 150px; height: 26px;  border:0px}
.inSearch:focus { background: #fff; color:#363636;}
.btnSearch {border: none;  width: 39px; height: 38px; display: block; position: absolute; right:0px; top:0px; cursor: pointer; border-radius:0px; z-index:9; }
.btnSearch:focus { outline: 2px solid #363636;  width: 37px; height: 36px; top:1px; right:1px;}

/* Slider */
#slider { width:995px; height:364px; position:absolute; top:52px; left:0px; overflow:visible; padding-top:10px; margin-left:-12px; overflow:hidden }
#slider span.mask { width:100%; height:100%; position:absolute; top:0; left:0; z-index:100; background:none;}
#slider h3 { margin:0; color:#fff; font-size:1.4em; font-family:'SourceSansPro-Regular'; position:absolute; bottom:-55px; left:355px; width:312px; height:127px; text-align:center; z-index:110; font-weight:normal; background: url("../images/bannerTitleBg.png") no-repeat; padding:25px 0px 30px 0px; }

#slider h3 a {max-width:50px;  word-wrap:break-word; color:#fff !important; text-decoration:none; padding-bottom:30px;}
#slider h3 a:hover {text-decoration:underline; }
#slider h3 a:focus { background:#000; color:#fff; }

.flex-prev, .flex-prev:visited   {position:absolute; left:20px; top:141px; width:41px; height:54px; }
.flex-prev:focus { outline:2px solid #fff; }

.flex-next, .flex-next:visited   {position:absolute; right:-45px; top:141px; width:41px; height:54px;}
.flex-next:focus { outline:2px solid #fff; }

.headerBanner { }
.headerBanner img { margin: 0 0 0 20px; }

#flexslider { background: none; }
#flexslider .flex-viewport { width:439px; height:364px; left:0; }
#flexslider .slides { list-style: none;  margin: 0; padding: 0; } 
#flexslider .slides li { position:relative; height:370px;} 
#flexslider .flex-control-nav, 
#flexslider .flex-direction-nav { list-style: none;  margin: 0; padding: 0; position:absolute; top:0px; left:0px; z-index:110; width:955px}

#flexslider .flex-control-paging li { float:left;  margin: 0; padding: 0;}
#flexslider .flex-control-paging a { display:inline-block; width:15px; height:11px; position:relative; overflow:hidden; font-size:0.7em; text-decoration:none; text-align:center;}
#flexslider .flex-control-paging a:focus { background:none;}
#flexslider .flex-control-paging a span { width:100%; height:100%; position:absolute; top:0; left:0; background:url("../images/pager.png") no-repeat center 0;}
#flexslider .flex-control-paging a.flex-active span { background:url("../images/pagerAct.png")  no-repeat center 0;}

.flex-pauseplay { position:absolute; left:500px; bottom:5px; z-index:110;}
.flex-pauseplay a:focus { background:#fff; color:#222; }
.flex-pauseplay a{color:#fff; text-decoration:none;}
.flex-pauseplay a:hover{text-decoration:underline;}
.flex-pauseplay img {position:absolute; top:4px; left:-14px}

/* Menu top */
#menuTopWrapper {width: 100%; position: relative;  }
#menuTop { width: 980px; height: 35px; margin: 0 auto; background:#F5F3F0; position: relative; font-family: 'SourceSansPro-Regular'; line-height: 1.1em; text-align:left; font-size:1em; font-weight:bolder;}
.topMenu { width:100%; height:47px; margin: 0 0 0 0px; padding: 0; text-align:center;  background:url("../images/topMenuBg.png")  no-repeat ; border-radius:10px; border:0px }
.topMenu li {list-style-type: none; display: inline-block; position: relative; padding: 0 0 0 0px; margin:0; background-image:none;}
.topMenu li:first-child { background:none; margin-left:0; }
.topMenu li a, .topMenu li a:visited, .topMenu li a:active {text-decoration: none; color: #fff; padding: 17px 21px 5px; display: block; height: 26px;}
.topMenu li a:hover, .topMenu li a:focus, .topMenu li.hover a, .topMenu li a.selected {background: #088384; color: #fff; border-radius:10px; z-index:20}

.topMenu li:hover ul, .topMenu li:hover a, .topMenu ul li:focus ul, .topMenu li:focus a, .topMenu li.hover ul {top: 46px; z-index:10; }
.topMenu li ul {position: absolute; left: 0; top: -9000em; width: 201px; height: auto; margin: 0; padding: 0; background:url("../images/topMenuBg2.png") no-repeat left top; border-radius:0px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px ;}

.topMenu li ul li {float: none; display: block; width: 198px; text-align:left; background: none !important; padding:0; border-radius:0px; color:#291c21 !important }
.topMenu li ul li a, .topMenu li ul li a:visited, .topMenu li ul li a:active {display: block; height: auto; color: #3f3f3f !important; background:none !important; padding-bottom:18px; border-bottom:1px solid #B8B8B8; border-radius:0px !important; margin-right: -3px;}
.topMenu li ul li a:hover, .topMenu li ul li a:focus, .topMenu li ul li a.selected , .topMenu li ul li a.visited {background: none; color: #088384 !important}
.topMenu li ul li a:hover span, .topMenu li ul li a:focus span {background:none; color:#fff !important}
.topMenu li ul li:last-child {margin-bottom:10px; border:0px !important}
.topMenu li ul li:last-child a  {border:0px;}


/* Content */
#contentWrapper{width:100%}
#middle {width: 995px; margin: 0 auto; position: relative; background:none }

#menuCol {float: left; width: 255px; margin-bottom:40px; margin-left:35px; margin-top:0px }
#content {float: left; width: 674px; padding-bottom: 120px; margin-top: -5px;}


/* Menu left */
#menuWrapper { background:#fff; position:relative; top:0px; z-index:112; padding-top:0px;  margin-bottom: 0px; width:211px; margin-left:5px; border-radius:10px; border:1px solid #b8b8b8; font-size: 0.9em;}

.colMenu {margin:0; padding: 0 0 0 0;line-height: 1.1em; font-size: 1.2em;}
.colMenu li {list-style-type: none; display: block; position: relative; background:url("../images/menuLeftBullet.png") no-repeat 175px 16px;  border-bottom: 1px solid #929292}
.colMenu li a, .colMenu li a:visited, .colMenu li a:active {text-decoration: none; color: #252525; padding: 20px 55px 20px 20px; display: block;  }
.colMenu li a:hover, .colMenu li a:focus, .colMenu li.hover a, .colMenu li a.selected { color: #028082; background:url("../images/menuLeftBullet2.png") no-repeat 175px 16px; text-decoration:none}
.colMenu li ul {position: absolute; left:-9000px; top:0; background: #fff; width: 212px; height: auto; margin: 0; padding: 0; display: block; border-radius:10px; border:1px solid #b8b8b8}
.colMenu li:hover ul, .colMenu li:hover a, .colMenu ul li:focus ul, .colMenu li:focus a, .colMenu li.hover ul { left:210px; z-index:10;}
.colMenu li ul li {float: none; display: block; width: auto; background-image:none !important; }
.colMenu li ul li a, .colMenu li ul li a:visited, .colMenu li ul li a:active {padding-right:9px !important; display: block; color: #088384; background-image:none !important; text-decoration:none !important}
.colMenu li ul li a:hover, .colMenu li ul li a:focus, .colMenu li ul li a.selected {background: none; color: #252525; background-image:none !important; text-decoration:none}
.colMenu li ul li a:hover span, .colMenu li ul li a:focus span {background-position: 0 0; background-color:#004546}
.colMenu li:hover li ul, .colMenu li.hover li ul {top: -9000em; background-image:none !important}
.colMenu li li:hover ul, .colMenu li li.hover ul {top: 0; background-image:none !important}

.colMenu li:last-child, .colMenu li ul li:last-child{border:none;}

/* Modules */

#modulesTop {float: left; margin-bottom: 0; margin-top: 383px; padding-top: 11px; position: relative;width: 995px; color:#363636; background:url("../images/modulesTopBg.png") no-repeat }
#modulesLeftWrapper, #modulesLeftWrapperUpper {margin-left:5px;}
#modulesTop a{color:#363636}
#modulesTop .module_content {padding:0 0 0 0; text-align:center}


.module { position:relative;}
.module .module_content a { text-decoration:none; }
.module .module_content a:hover { text-decoration:underline; }


#modulesLeftWrapper #mod_contact, #modulesLeftWrapper #mod_questionnaire {background:#f3f3f3}
#modulesLeftWrapper .module_top { }

#mod_contact .module_icon{}

#mod_calendar { width:212px; height:195px;margin:0 150px 0 20px;   z-index:110; float:left; background:url("../images/mod_calendar.png") no-repeat 0 0 }
#mod_calendar h2, #mod_gallery h2, #mod_location h2  {width: 212px; height:30px; margin:99px 0 0px 0; font-size:1.425em; color:#252525; padding-bottom:3px; text-align:center;padding-left:5px; font-family: 'RobotoSlab-Regular'}
#mod_gallery h2 {padding-left:8px}
#mod_calendar h2  {margin-bottom:-10px}
#mod_calendar .nameDay { display:block; padding-left:16px;}
#mod_calendar .weekDay {padding:0 0 0 16px; }
#mod_contact { width:211px; min-height:120px; padding:0px;line-height: 1.33em; overflow:hidden;  margin-top:12px; border: 1px solid #b8b8b8; border-radius:10px; margin-bottom:19px;  }
#mod_contact h2, #mod_questionnaire h2  {width: 212px; height:27px; margin-left:0px; padding:12px 0 3px 15px; margin-top:0px; color:#fff; font-size: 1.425em; background-color:#088384; }
#mod_contact .module_content { font-size:1.0em;padding:0px 20px 6px 20px; line-height: 1.53em; width:175px;}

#mod_location {float:left; width:212px; height:195px; margin:0 145px 0 0; padding:0 0 8px 0; overflow:hidden; background: url("../images/mod_location.png") no-repeat 0 0; z-index:110}
#mod_location .module_content { width:212px; padding:3px 0 0 0px; }
#mod_location .module_icon  { background:none; height:57px;  width:57px; position:absolute; right: 10px; top: 40px; }
#mod_loaction .module_content a:active, #mod_location .module_content a:focus { color:#fff;}

#mod_gallery { color:#222;  width:212px; height:195px;margin:0 10px;;z-index:110; float:left;background:url("../images/mod_gallery.png") no-repeat 0 0}
#mod_gallery .module_content { width:212px; padding:3px 0 0 10px;}
#mod_gallery .module_content a { color:#333; }
#mod_gallery .module_content a:hover { color:#333; }
#mod_gallery .module_content a:active, #mod_gallery .module_content a:focus { color:#fff; }
#mod_gallery .module_icon  { background: none; height:57px;  width:57px; position:absolute; right: 10px; top: 40px; }
#mod_questionnaire {width:211px; min-height:120px; padding:0px;line-height: 1.33em; overflow:hidden; background:#f5f5f5; margin-top:19px;  border: 1px solid #b8b8b8; border-radius:10px }
/*#mod_questionnaire h2 { color: #417d00; margin:5px 0 20px; padding:0; font-size: 1.385em;} */


#mod_questionnaire .module_content {margin-left:20px; margin-right:80px;} 
#mod_questionnaire .module_content legend { position:static; font-family:'SourceSansPro-Regular'; }
#mod_questionnaire ul { margin: 0; padding: 10px 0; list-style:none}
#mod_questionnaire ul li{max-width:170px; padding-bottom:5px;}
#mod_questionnaire .qAnswer { float: left; font-weight: normal; margin: 10px 0 0 0; width: 130px;}
#mod_questionnaire .qPercent { font-family: 'SourceSansPro-Regular'; font-size: 1.2em; margin-top: 22px; position: absolute; right: 14px; text-align: right; width: 40px; font-weight:bold;}
#mod_questionnaire .qBar { height: 5px; margin-top: 5px;}
#mod_questionnaire .buttonWrapper { margin:20px 0 25px 10px; min-width: 160px;}

#mod_questionnaire p{width:205px; overflow:visible;}
#mod_questionnaire form, #mod_questionnaire fieldset{width:210px;}


input.button,
a.button {margin:0; padding: 8px 45px 8px 10px; border-radius: 10px; border:0px; background:url("../images/voteBtn.png") no-repeat right 0px; color:#fff; font-family:'SourceSansPro-Regular'; line-height:1.5em; cursor:pointer; font-weight:bolder}

input.button {line-height:1.3em}

input.button:focus,
a.button:focus,
input.button:hover, a.button:hover { outline:none; background:url("../images/voteBtn.png") no-repeat right -44px; text-decoration:none !important; color:#eee;}

.module_content input.button {margin-bottom:15px; margin-left:0px; font-weight:bolder}

.buttonWrapper a.button {margin-bottom:15px;  margin-left: -12px;  font-weight:bolder}

.seeAnswers {padding: 20px 0 0 0}

#calendarNews {position: relative}

/* crumbpath */
#crumbpath {padding: 15px 120px 0 0; margin:0 0 -5px 0; font-size: 0.92em; border-bottom:1px solid #d7d7d7; padding-bottom:7px;}
#crumbpath a, #crumbpath a:visited, #crumbpath a:active {font-family:'SourceSansPro-Regular'; text-decoration: none; color:#3e2f34; font-weight: bolder;}
#crumbpath a:hover {text-decoration:underline}
#crumbpath a:focus{color:#fff !important}
.here {margin:0 3px 0 0}
.pathSep {margin: 0 5px}

/* middle */

#content_txt { margin: 25px 0 25px 0px;}
#content_txt img, 
#content_txt table {max-width: 585px !important; overflow: hidden; height: auto}
#content_txt table {display: inline-block}
#content_txt h2 {margin:0 80px 0 0; padding: 0 10px 12px 0; color: #004546; font-weight: normal; font-family: 'RobotoSlab-Regular'; line-height: 1.1em; font-size: 1.50em}

.authorName {text-align: left; font-size: 0.98em; color:#363636; padding: 0 0 0 50px; background: url("../images/authorBullet.png") no-repeat}

.galHead, .filesHead, .subHead {margin: 20px 0 24px 0; padding: 0 10px 5px 0; font-weight: normal; font-family: SourceSansPro-Regular; line-height: 1.1em; color: #666666; font-size: 1.35em; border-bottom: 1px solid #D4D4D4}

.photoWrapper {float: left; margin: 0 12px 12px 0; z-index:9; min-height:155px; border:none}
.photoWrapper p { margin: 0; padding: 5px; text-align:center; width: 140px; line-height: 1.2em; word-wrap:break-word}
.photoWrapper p a, .photoWrapper p a:visited, .photoWrapper p a:active {text-decoration: none !important}
.photoWrapper p a:hover, .photoWrapper p a:focus { }

.txtMessage .photoWrapper {margin-right:44px;}

.photo { display: block; width:150px; height: 150px; overflow: hidden; position: relative;  border:5px solid #fff; z-index:111;outline: solid 1px #ababab ;}
.photo img {border: none; display: block}
.photo span { background:transparent; display: block; width: 35px; height: 35px; left: 58px; position: absolute; bottom: -35px; z-index: 2; overflow:hidden;}
.photo:hover span, 
.photo:focus span {bottom:58px;}
.photo:hover, 
.photo:focus {background: none; border:5px solid #088384}

.highlightArt .photo:hover, 
.highlightArt .photo:focus {background: none;}
.highlightArt .photo {margin:0 25px 10px -5px}

.filesWrapper ul {margin: 0; padding: 0}
.filesWrapper ul li {list-style-type: none; margin: 0 0 10px 0}
.filesWrapper h4 {margin: 0; padding: 0; font-size: 1.154em; font-weight: normal}
#content_txt .filesWrapper h4 a, #content_txt .filesWrapper h4 a:visited, #content_txt .filesWrapper h4 a:active {text-decoration: none; background: url("../images/icoMore.png") no-repeat; background-position: 2px 7px; padding: 0 0 0 11px}
#content_txt .filesWrapper h4 a:hover {text-decoration: underline}
#content_txt .filesWrapper h4 a:focus {background-color: #363636; color: #fff; background-position: 2px -43px;text-decoration: none;}
#content_txt .filesWrapper h4 span {font-size: 0.75em; color: #666; font-family:'ptSans';}

.article {margin: 10px 0 50px; padding:0; position: relative }
.highlightArt {border: 3px solid #088384; padding:15px 20px;margin: -10px -29px 30px -1px; background-color: #fbfafa;}

.highlightArt .leadTxt {padding-right:0}

.artDate { font-size: 0.92em; padding:0; border-bottom:1px solid #d4d4d4; padding-bottom: 4px; padding-top: 1px; width: 240px; color:#004546; padding-left:5px; margin:-5px 0 11px 0}
.article .artDate { float: left; padding: 0px 262px 9px 0; font-family:'SourceSansPro-Regular'; font-weight:bolder }

.highlightArt .artDate {padding-top:2px; padding-right:244px}
.highlightArt h4, .highlightArt h3 {width:473px !important}

.nophoto {}
.nophoto h4 {width:98% !Important}

.galList {list-style: outside none none; margin: 0; padding: 0;}

.galList li {float: left; margin: 0; padding: 0;}


.nophoto .artDate {padding-right:435px}

.article .authorName { text-align:left; padding: 0 0 0 50px; margin:10px 0 0 0px; float:left; background: none; max-width: 300px; background: url("../images/authorBullet.png") no-repeat}

#content_txt .more, #content_txt .more:visited, #content_txt .more:active {width: 125px;height:29px; text-decoration: none; margin:12px 0 0 0;  padding: 5px 0 0 14px; float:right; font-family:'SourceSansPro-Regular'; background:url("../images/voteBtn.png") no-repeat right -44px; border-radius:10px;  color: #eee; line-height:1.7em; font-weight:bolder}
#content_txt .more:hover {color:#fff; background:url("../images/voteBtn.png") no-repeat right top}
#content_txt .more:focus {background-color: #666; color: #fff; text-decoration: none;}

.article h4, .article h3 {float: left; font-family: 'SourceSansPro-Regular'; font-weight:bolder ; font-size: 1.35em; line-height: 1.1em; margin: 0px 0 0; padding: 4px 8px 10px 0px; position: relative; width: 490px; }


#content_txt .article h4 a, #content_txt .article h4 a:visited, #content_txt .article h4 a:active {text-decoration: none; color:#363636}
#content_txt .article h4 a:hover {text-decoration: underline}
#content_txt .article h4 a:focus {background: #666; color: #fff; text-decoration: none}
#content_txt .article h3 a, #content_txt .article h3 a:visited, #content_txt .article h3 a:active {text-decoration: none; }
#content_txt .article h3 a:hover {text-decoration: underline}
#content_txt .article h3 a:focus {background: #666; color: #fff; text-decoration: none}

#advertsLeftWrapper {width: 210px; margin: 0 0}
.advertLeft {text-align: center; margin: 20px 0 20px 0}

#advertsTopWrapper {margin: 25px; position:relative}
.advertTop {text-align: center; margin: 0 0 15px 0}

#leftBottomImageWrapper {width: 245px; height: 236px; position: absolute; left: 0; bottom: 0}
#maskLeftImage {position: absolute; z-index: 4; width: 245px; height: 236px; background: url("../images/maskLeftImage.png") no-repeat}
#leftBottomImage {position: absolute; z-index: 3}

#contentBottom {position: absolute; right:0; bottom:0; z-index:130}

#gotoTopWrapper {text-align: right; padding: 0 20px 10px 0}
#gotoTopWrapper a, #gotoTopWrapper a:visited, #gotoTopWrapper a:active {background: url("../images/icoTop.png") no-repeat 0 4px; color: #004546; text-decoration: none; padding: 0 0 0 15px}
#gotoTopWrapper a:hover {text-decoration: underline}
#gotoTopWrapper a:focus {background: #666; color: #fff}
#gotoTopWrapper a:active {background: url("../images/icoTop.png") no-repeat 0 4px; color: #004546}

/*footer*/

#footerWrapper { height: 122px; position: relative; z-index: 0; margin:0 auto; padding-top:10px; border-bottom:1px solid #D4D4D4; border-top:1px solid #D4D4D4; margin-bottom:20px}

#footer {width: 995px; margin: 0 auto; color: #fff; font-size: 0.92em; color: #6e6e6e; background: none}
#footer a, #footer a:visited, #footer a:active {color: #6e6e6e; text-decoration: none}
#footer a:hover {text-decoration: underline}
#footer a:focus {background: #6e6e6e; color: #fff; text-decoration: none}

#logosWrapper { width:100%; height:155px;}
#logosPAD { background:#fff; width:995px; height:110px; background: none }
#logosPAD .padWrap { padding:0px 0 0 0; list-style:none; width:890px; margin:0 auto; border:none }
#logosWrapper ul { margin:20px 0 0 0; padding:0; list-style:none; width:400px;  float:left }
#logosWrapper ul li { margin:0 10px 0 0; padding:0; display:inline-block; }
#logosPAD .padWrap p { float:left;}
#logosPAD .padWrap p span { font-family:'SourceSansPro-Regular'; }
#logosPAD .padWrap a:focus { background:none;}
#logosPAD .padWrap a:focus img { outline:2px solid #363636; }

#pageAuthor { width:520px; padding-left:20px; float:left;}
#pageAuthor span { font-family:'SourceSansPro-Regular'; }

#menuBottom {  float:right; text-align:right; }
#menuBottom ul {margin: 0px 5px 0 0; padding:0}
#menuBottom ul li { margin:0 15px 0 0; padding:0 0 0 26px; display:inline-block;  background:none;}
#menuBottom ul li:first-child { background:none;}

.anchor {position: relative; height: 0; width: 0; top: -60px; display: block}

.articleWrapperHome {margin: 40px 0 0 0}
.articleWrapper, .filesWrapper, .galWrapper {margin: 40px 0 0 0}

.galWrapper{margin-bottom:56px;}
.galWrapper .photo {margin-right:42px}

.txt_err {background: #fff2f2; border: 2px solid #dd3a3a; color: #dd3a3a; margin: 20px 0; padding: 10px 20px;border-radius:10px}
.txt_msg {background: #ebffdf; border: 2px solid #108a00; color: #108a00; margin: 20px 0; padding: 10px 20px;border-radius:10px}
.txt_com {padding: 10px 0; font-weight: bold; color: #666;border-radius:10px}

.msgMarg {margin-left: 10px}

.inError {background: #fff2f2; border: 2px solid #dd3a3a; border-radius:10px}
.msgError {color: #dd3a3a; }

.formL {float: left; width: 200px; text-align: right; padding: 6px 5px 0 0; position: relative}
.formR {float: left; width: 480px; margin: 0 0 5px 0; position: relative}

.inText {border: 2px solid #ffd200; padding: 5px 4px; width: 180px}
.inText:focus {border: 2px solid #004546; background: #ebffdf}

.inTextArea {border: 2px solid #ffd200; padding: 5px 4px; width: 180px}
.inTextArea:focus {border: 2px solid #004546; background: #ebffdf}

.inLong {width: 400px}
.inSmall {width: 40px}

.btnForm {border: none; background: #ffd200; color: #346817; text-transform: uppercase; font-family: SourceSansPro-Regular; font-size: 1.25em; padding: 6px 5px 4px 5px; cursor: pointer}
.btnForm:focus, .btnForm:hover, .btnFormHover {background: #004546; color: #fff}

.articleWrapperCalendar {margin: 0 0 0 0}

/* pagination */
.pagination {padding: 10px 10px 0 10px; margin:0; text-align:center}
.pagination ul { margin:0; padding:0; list-style:none; }
.pagination ul li { margin:0; padding:0; display:inline-block }
.pageActive {display: block; width: 27px; display: block; background: #004546; color: #fff; text-align: center; float: left; margin: 0 5px 0 0; padding: 4px 0; border-radius:10px}

.btnStart,
.btnPrev,
.btnNext,
.btnEnd,
.btnStart:visited,
.btnPrev:visited,
.btnNext:visited,
.btnEnd:visited,
.btnStart:active,
.btnPrev:active,
.btnNext:active,
.btnEnd:active { display: block; width: 80px; display: block; background: #004546; color: #fff; text-align: center; float: left; margin: 0 5px 0 0; padding: 4px 0 4px; text-decoration: none !important; border-radius:10px; border:1px solid #111}

.pageLink, 
.pageLink:visited, 
.pageLink:active {display: block; width: 27px; display: block; background: #F7F7F7; color: #363636; text-align: center; float: left; margin: 0 5px 0 0; padding: 4px 0; text-decoration: none !important; border-radius:10px; border:1px solid #111}


.pagination a:hover, 
.pagination a:focus {background: #F7F7F7; color: #004546; border-color:#004546; border-radius:10px }

.pageLink:hover { border:1px solid #eee; color:#fff !important; background:#111 !important}


#editForm {padding: 20px 0 0 0}
.login {padding: 6px 0; font-weight: bold}
.radio {padding: 6px 0}

.asterisk {color: #dd3a3a; margin: 0 5px 0 0}
.delete {width: 14px; height: 14px; background: url("../images/delete.png") no-repeat; text-indent: -9000em; display: block; margin: -50px 0 50px 55px}

.sitemapHeader {margin: 20px 0 10px 0; padding: 0 10px 5px 0; font-weight: normal; font-family: SourceSansPro-Regular; line-height: 1.1em; color: #004546; font-size: 1.33em; border-bottom: 1px solid #B8B8B8}

.sitemap {margin: 0; padding: 0}
.sitemap .sitemap {margin: 5px 0 5px 20px}
.sitemap li {list-style-type: none; position: relative}
.sitemap li a, .sitemap li a:visited, .sitemap li a:active {background: url("../images/icoMore.png") no-repeat 2px 6px; text-decoration: none; padding: 0 0 0 10px; text-decoration: none !important; }
.sitemap li a:hover {text-decoration: underline !important}
.sitemap li a:focus {background-color: #666; color: #fff; background-position: 2px -43px}

.sitemap li a span {position: relative; right: 0; top: 0; display: inline-block; margin: 0 0 0 10px}

.searchTxt h3 {font-size: 1.17em; position: relative}
.searchTxt h3 a, .searchTxt h3 a:visited, .searchTxt h3 a:active {text-decoration: none !important}
.searchTxt h3 a:hover {text-decoration: underline !important}
.searchTxt h3 a:focus {background-color: #666; color: #fff}

.searchTxt h3 a span {position: relative; right: 0; top: 0; display: inline-block; margin: 0 0 0 10px}

.captchaTxt {margin: 5px 10px 0 0; display: inline-block}

.respondButtonList {margin: 0 0 20px 90px; padding: 0}
.respondButtonList li {display: block; float: left; margin: 0 10px 0 0 !important; list-style-type: none}

.listPosts {margin: 0; padding: 0}
.listPosts li {list-style-type: none; display: block; margin: 0 0 10px 0; border-bottom: 2px solid #004546}

.comment {padding: 0 0 20px 0}
.txtMessage {padding: 20px 0}

#backLinks {margin: 0; padding: 0}
#backLinks li {float: left; display: block; list-style-type: none; margin: 0 10px 0 0}

#btnFilePos {position: absolute; left: 200px; top: 0px}

.qWrapper { border-bottom:2px solid #F3F3F3; margin:5px 0 15px;}
.qAnswer {float: left; width: 600px; margin: 0 0 10px 0}
.qPercent {float: right; width: 50px; text-align: right; font-family: Signika-Bold; line-height: 1.1em; color: #004546; font-size:1.5em}
.qBar {background: #088384; height: 4px; margin: 15px 0 5px 0;}

#cookiesMsgWrp { }
#cookiesMsg {
	width:100%;
	position:fixed; 
	bottom:0; 
	z-index:120;
	background: #f2f2f2;
    border-top: 2px solid #666;
    color: #000000;
    padding: 10px;
    text-align: center;
}
#cookiesMsg #close {
    display: inline-block;
    margin: 0 0 0 20px;
}
#cookiesMsg a {

}

.printers { margin:0; padding:0; list-style:none; position: absolute; right: 26px; top:100px; }
.printers li { display:inline-block; margin:0; padding:0 }
.printers a { background:none !important; padding:0 !important; height: 28px;}
.printers a:focus { outline:1px solid #363636;}
.printers-start { top: 53px; }

/* blocked page */
#block { text-align:center; margin:50px auto; padding:50px 20px; width:60%; min-height:200px; background:#fff; box-shadow: 0 0 2px #666; }

/* media */

#mediaWrapper {bottom: 0; left: 0; padding: 20px 0; position: absolute; width:100%; z-index:11;}

.Tweet,
.FBLike { padding:20px 0 0 0; }

.Tweet iframe { width:80px; height:30px; border:none;}
.FBLike iframe {border:none; overflow:hidden; width:400px; height:32px;}

.FBLike {margin-left:50px; float:left; width:350px;}
.Tweet {width:100px; float:left}

.inputAgree { margin: 20px 0; padding: 10px 0 ; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}

/* submenu */
.submenu { background: #F8F8F8; margin: 10px 0 0; padding: 10px 20px;  border: 1px solid #ddd; border-radius:10px }
.submenu li {display: inline-block; list-style-type: none; margin-right: 13px; padding: 0 0 0 15px;}
.submenu li:first-child { background: none; padding: 0;}
.submenu li a, #subpagesList li a:visited { text-decoration: none; }
.submenu li a:hover { text-decoration: underline;}
.submenu li a:focus {  text-decoration: none;}

#systemMode {width: 1px; height: 1px; background: url("../images/transparent.png"); position: absolute; left: -9000em}

.galList li {padding:0; margin:0; display:inline-block; vertical-align:top; float:none }

#copyright { width:600px; margin:20px auto; font-size:0.9em; text-align:center; clear:both; }