html { background-color: white;  }
html, body { margin: 0; padding: 0; font-family: Courier; font-size: 21px; color: black; line-height: 27px; height: 100%;}

.hidden { display: none; }
.visible { display: block; }

h1, h2, h3, h4, h5 { font-weight: normal; margin: 0; padding: 0; }

h1, h2 { font-size: 21px; font-weight: normal; color: black; }
h1 { text-decoration: underline; }

a { color: black; }
a:hover { text-decoration: none; }

hr { background-color: black; height: 1px; border: none; }

.leftSide { float: left; }
.rightSide { float: right !important; }

.clear { display: block; clear: both; }

.typew,
.typew a { font-size: 21px; line-height: 27px; text-decoration: none !important; }
.typew a span { border-bottom: 1px solid black; }
.typew a:hover span { border-bottom: 1px solid transparent; }

#wrapper { text-align: center; position: relative; width: 100%; height: 100%; }
#container { position: relative; margin: 0px auto; width: 860px; text-align: left; font-family: Arial; font-size: 14px; color: black; line-height: 21px; }

#container ul,
#container li { list-style: none; margin: 0; padding: 0; }
#container li { display: block; float: left; padding: 10px 15px; background-color: white; }
#container li.active { background-color: #fffcd0; }
#container li.active span { border-bottom: 1px solid transparent !important; }

.header { padding-top: 5px; }
.header .innerPad { padding-top: 10px; }




.content { padding: 75px 0px; }
.content .main { position: relative; text-align: center; margin-bottom: 30px;  }
.content .main .iHolder { position: relative; margin: 0px auto; width: 730px; text-align: left; }

.content .main .iHolder h3 { font-size: 22px; line-height: 28px; font-weight: bold; text-transform: uppercase; color: black; }
.content .main .iHolder a { color: #636363; font-weight: bold; }
.content .main .iHolder a:hover { color: black; }
.content .main .iHolder a.active { color: black; text-decoration: none; }

.content .main .iHolder .moreContent ul,
.content .main .iHolder .moreContent li { background-color: transparent !important; margin: 0px !important; padding: 0px !important; }
.content .main .iHolder .moreContent li { display: block; clear: both; }

.content .main .iHolder .contentHolder,
.content .main .iHolder .videoHolder { background-color: #fffcd0; padding: 5px; margin-bottom: 5px; }

.content .main .iHolder .videoHolder .player { width: 720px; height: 404px; background: #000000 url('../images/player-natalka.jpg') top left no-repeat; text-align: left; color: #ffffff; }

.content .main .iHolder .videoHolder .player .inner { padding-top: 50px; font-weight: bold; text-align: center; }
.content .main .iHolder .videoHolder .player a,
.content .main .iHolder .videoHolder .player a:hover { color: #ffffff !important; }

.content .main .iHolder .contentHolder .text { width: 720px; text-align: left; font-weight: normal; }
.content .main .iHolder .contentHolder .text .inner { padding: 15px; }


.content .main .iHolder .contentFooter { position: relative; color: #636363; z-index: 1000; padding-bottom: 10px; }
.content .main .iHolder .contentFooter strong { color: #000000; }
.content .main .iHolder .contentFooter .dateTime { width: 90px; }
.content .main .iHolder .contentFooter .linkMore { padding-left: 90px; }

.content .main .iHolder .moreText { position: absolute; bottom: 0px; left: 30px; width: 720px; height: 440px; background-color: #cde6ef; font-weight: bold; }
.content .main .iHolder .moreContent { position: absolute; bottom: 0px; left: 30px; width: 720px; height: 440px; background-color: #daebbe; color: #636363; }

.content .main .iHolder .moreText .scrollDiv,
.content .main .iHolder .moreContent .scrollDiv { position: relative; left: 20px; top: 20px; width: 680px; height: 360px; overflow: auto; }
.content .main .iHolder .moreText .scrollDiv .inner,
.content .main .iHolder .moreContent .scrollDiv .inner { padding-right: 10px; }



.content .text { width: 65%; font-family: Arial; font-size: 14px; font-weight: bold; color: black; line-height: 21px;} 





/* TEMP PAGE */
#temp { color: white; }

#temp #container { position: relative; z-index: 100; height: 100%; }

#temp #container .innerPad { padding: 15px 80px; }

.bottomLink { position: absolute; left: 80px; bottom: 25px; }

#temp a { color: white; font-size: 21px; }
#temp a:hover { text-decoration: none; }


#temp .infoText { position: absolute; z-index: 10; color: #363636; left: 200px; top: 0px; background-color: white; font-family: Arial; font-size: 14px; line-height: 18px; font-weight: bold; min-height: 100%; }

#temp .infoText .innerPad { padding: 65px 70px 20px 230px; }

#temp .infoText p { text-indent: 35px; }

#temp .infoText a { color: #363636; font-family: Arial; font-size: 14px; line-height: 18px; font-weight: bold; }