body {margin: 0px; padding: 0px; color: black; background-color: white; font-family: sans-serif; font-size: 0.8em;}

a {color: rgb(19,87,142);}
a:hover {color: #AA0000;}

h1 {font-weight: normal;}
h2 {font-size: 120%; font-weight: normal; margin: 0px; padding: 0px;}
h3 {font-size: 120%; font-weight: normal; margin: 0px; padding: 0px;}

hr {width: 940px; color: rgb(207,234,247); margin: 20px 0px 10px 0px;}

.invisible {display: none;}
.clear {clear: both; font-size: 0px;}


#header {position: relative; margin: 0px; padding: 0px;}

#logo {position: absolute; top: 20px; left: 24px; display: block; z-index: 2; margin: 0px; padding: 0px;}

#webTitle {font-size: 113%; display: block; width: 180px; height: 60px; font-weight: bold; color: rgb(19,87,142); padding: 36px 0px 0px 0px; margin: 0px 0px 0px 25px; z-index: 0;}

#webTitle a {text-decoration: none; color: rgb(191,14,39);}

#leftColumn {width: 200px; margin: 20px 10px 0px 0px; padding: 10px 10px 10px 10px;}

#rightColumn {width: 275px; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px;}

#middleColumn {width: 445px; margin: 0px 20px 0px 0px; padding: 0px 0px 0px 0px;}

#page {position: relative; width: 980px; margin: auto; padding: 0px;}

#mainContent {width: 740px; margin: 20px 0px 10px 10px;}
    
#languages {float: right; width: 200px; margin: 10px 10px 0px 0px; padding: 0px;}
#languages ul {margin: 0px; padding: 0px 0px 0px 0px; list-style:none;}
#languages li {display: inline; margin: 0px; padding: 0px;}
#languages a {float:right; margin: 0px 0px 0px 4px; padding: 2px 6px 2px 6px; font-size: 88%; text-decoration: none; font-weight: bold; color: white; background-color: rgb(64,64,64); text-transform: uppercase;}
#languages a:hover, #languages .active {background-color: rgb(182,182,182); color: white;}

#menu {margin: 0px 0px 20px 0px; padding: 0px 0px 10px 0px;}
#menu ul, #leftMenu ul .submenu {margin: 0px; padding: 0px 0px 0px 0px; list-style:none; display: block;}
#menu ul li {display: block; margin: 0px 0px 2px 0px; padding: 0px;} 
#menu a {display: block; margin: 0px; padding: 6px 5px 8px 14px; color: white; font-size: 90%; text-transform: uppercase; font-weight: bold; text-decoration: none;}            
#menu a:hover, #leftMenu .active {color: rgb(255,208,44);} 
#menu a img {display: block;} 
#menu ul li ul  {margin: 0px 0px 5px 10px;} 
#menu ul li ul li {background: none;}
#menu ul li ul li a {margin: 0px; padding: 0px 0px 5px 12px; color: white; font-size: 80%; text-transform: uppercase; font-weight: bold; text-decoration: none; display: block; } 
#menu ul li ul li a:hover {background-image: url('/images/listIco.gif');}
            
#rightColumn .item {margin: 0px 0px 20px 0px; padding: 0px 10px 7px 10px;}
#rightColumn .item .title {color: black; display: block; font-size: 90%; font-weight: bold; text-decoration: none; text-transform: uppercase; padding: 0px 0px 10px 0px;}
#rightColumn .item .title a {color: black; text-decoration: none;}
#rightColumn .item .perexImage {float: right; margin: 0px 0px 10px 8px; border: 5px solid white;}
 
.sectionTitle {display: block; padding: 2px 3px 2px 5px; margin: 0px 0px 8px 0px; font-size: 100%; font-weight: bold;}
.sectionTitle a {text-decoration: none; color: black;}
 
#article {margin: 0px 0px 0px 0px;}
#article .breadcrumbNavigation {margin: 0px 0px 8px 0px; padding: 2px 3px 2px 5px; list-style: none; font-size: 100%; font-weight: bold; background-color: rgb(158,218,255); border: solid 1px rgb(64,64,64);}
#article .articleTitle {display: block; font-weight: bold; font-size: 110%; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#article .articlePublishDate {float: right; color: rgb(64,64,64); font-size: 80%;}
#article .articleSubtitle {font-weight: bold;}
#article .articlePerexImage {float: right; margin: 0px 0px 0px 10px;} 
#article .articleText {padding: 10px;}
#article .articleText img[align|="left"] {margin: 5px 20px 10px 0px;} 
#article .articleText img[align|="right"] {margin: 5px 0px 10px 20px;} 
#article .back {display: block; font-weight: bold; margin: 20px 0px 20px 0px; clear: both;}
#article .multimedia {margin-bottom: 10px;}
#article .multimedia .multimediaSectionTitle {display: block; font-weight: bold; margin-bottom: 5px;}
#article .multimedia .multimediaList {width: 100%;}
#article .multimedia .multimediaList .item {width: 25%; border: dotted 1px silver; padding: 5px; text-align: center; vertical-align: top;}
#article .multimedia .multimediaList .item .multimediaTitle {display: block; font-size: 85%;}
#article .download {margin-bottom: 10px;}
#article .download .downloadSectionTitle {display: block; font-weight: bold; margin-bottom: 2px;}
#article .download .downloadList {width: 100%;}
#article .download .downloadList tr {border-bottom: dotted 1px silver;}
#article .download .downloadList tr td {text-align: left; vertical-align: top; padding: 5px 0px 5px 0px}
#article .download .downloadList tr .fileType {width: 25px;}
#article .download .downloadList tr .fileTitle {font-weight: bold;}

.articleList {}
.articleList .item {padding: 5px 0px 5px 0px; border-bottom: dotted 1px silver;}
.articleList .articleTitle {font-size: 100%; font-weight: bold; margin: 0px; padding: 0px;}
.articleList .articlePublishDate {float: right; color: rgb(64,64,64); font-size: 80%;}
.articleList .articlePerex p {margin-top: 0px; padding: 0px;}
.articleList .articlePerexImage {float: right; border: solid 1px silver; padding: 1px;}
.articleList .more {display: none;}

#welcomeTopStory {background-color: rgb(158,218,255); margin: 0px 0px 15px 0px; padding: 5px 6px 5px 6px; border: solid 1px rgb(64,64,64);}  
#welcomeTopStory a {color: black;}
#welcomeTopStory p {margin-top: 0px; padding-top: 0px;}
#welcomeTopStory .perexImage {float: left; display: block; border: solid 5px white; margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px;} 
#welcomeTopStory .more {float: right; margin: 0px 10px 10px 0px;}

#welcomeNews {}
#welcomeNews .sectionTitle {padding: 2px 3px 2px 5px; margin: 0px 0px 0px 0px; font-weight: bold; background-color: rgb(158,218,255); border: solid 1px rgb(64,64,64);}
#welcomeNews .inside {margin: 10px 0px 0px 0px; padding: 0px;}

.title {display: block; font-size: 100%; font-weight: bold;} 
.more {display: block; font-weight: bold; margin: 7px 0px 0px 0px; font-size: 90%;}
.banner {display: block; margin: 0px 0px 10px 0px;}

#footer {width: 980px; text-align: left; display: block; margin: 10px 0px 0px 0px; padding: 4px 0px 20px 0px; color: black; font-size: 90%; border-top: solid 1px black;}
.developer {margin: 0px 0px 0px 5px; text-decoration: none; color: black;}
.developer:hover {text-decoration: underline; color: black;}

.textInputItem {padding: 1px 2px 1px 2px; border: 1px solid black;}     
           
.searchBox {margin: 0px 0px 20px 0px; padding: 0px;}
.searchBox .textInputItem {width: 130px; font-size: 11px; margin: 0px 0px 0px 0px; border: solid 1px white;}
.btnSearch {border: solid 1px rgb(182,182,182); padding: 1px 10px 1px 10px; background-color: rgb(182,182,182); color: black; font-size: 11px; font-weight: bold; text-align: center; cursor: pointer;}
.btnSearch:hover {background-color: rgb(64,64,64); color: white;} 

.contactForm {width: 460px;}
.contactForm .comment {padding-top: 10px; padding-bottom: 10px;}
.contactForm .note {padding-top: 10px; font-style: italic; font-size: 95%;}
.contactForm .label {display: block; font-size: 90%; color: rgb(146,113,142); margin-top: 3px;}
.contactForm .inputItem {margin: 0px 0px 3px 0px;padding: 1px 2px 1px 2px; border: 1px solid rgb(146,113,142); width: 450px;}
.contactForm .buttons {width: 450px; padding: 20px 0px 30px 0px;}
.contactForm .buttons .btnSend {float: left;}