html { overflow-y: scroll }
html, body { margin: 0; padding: 0; height: 100%; background-color: #ffffcb; -webkit-background-size: 2288px 1024px;    }
body { font-family: Arial, Helvetica, sans-serif; font-size: small;  }
a img { border: none }
a:link { color: #00009f }
a:visited { color: #6f007f  }
h1 { margin-top: 0 }
h1, h2 {  margin-bottom: 25px }
h1, h2, h2 a { color: #5f5f7f !important; font-family: Georgia, sans-serif;  }

#logo { position: absolute; top: 20px; left: 16px; visibility: hidden }
#name { position: absolute; top: 32px; left: 224px; font-size:200%; color: white; font-family: Georgia, serif;  font-weight: normal; }


#langmenu { position: absolute; top: 0; right: 224px; display: block; margin: 0; padding: 0}
#langmenu li { diplay: block; list-style: none; float: left; margin: 0; padding: 0 }
#langmenu a, #langmenu span { display: block; padding: 3px; color: white }
#langmenu a { color: silver }



#left { position: absolute; top: 0; left: 0; width: 208px;  }

#menu { margin: 0; padding: 0; font-family: Georgia, sans-serif; }
#menu li { display: block; list-style: none; padding: 0; margin: 0 }
#menu a, #menu span { display: block; padding: 16px 16px; font-size: medium; color: black; position: absolute; left: 0; text-decoration: none; width: 176px }
#menu .home     { top:   0px; padding-top: 150px; background: none;  }
#menu .about    { top: 202px }
#menu .projects { top: 268px }
#menu .partners { top: 332px } 
#menu .gallery  { top: 400px }
#menu .contacts { top: 462px }
#menu .active { text-decoration: underline }

#menu span, #menu a.active { font-weight: bold; } 
#menu span {  cursor: default; }

#menu3 { margin: 0; padding: 0 }
#menu3 li { display: block; padding: 0; margin: 0; float: left; }
#menu3 a, #menu3 span { display: block; padding: 2px 5px;  margin-right: 10px; line-height: normal; }
#menu3 span { cursor: default; background: #dfdf7f }
#menu3 a {  }
.aftermenu3 { clear: left; height: 1px; margin-bottom: 25px }

#orphuscontainter { font-family: Verdana, sans-serif; font-size: x-small; width: 15em;
	position: absolute; top: 552px; left: 16px; color: maroon;  }


#content { margin: 0 16px 0 224px; padding-top: 150px; border: none 1px silver; padding-bottom: 1px;  }
#content p, #content ul, #content ol, .page_details { margin-top: 1em; margin-bottom: 1em }
p.pic { text-align: center }


#bodytable { border-collapse: collapse; height: 100%; }
#bt_first { height: 0;}
#bodytable td.bt_left, #bodytable td.bt_center, #bodytable td.bt_right {  padding: 0; vertical-align: top; background-repeat: no-repeat; background-position: left top } 
#bodytable td.bt_left { width: 50%; background-image: url(images/bg-left.jpg); background-position: right top  }
#bodytable td.bt_center { position: relative; background-image: url(images/bg-center.jpg) } 
#bodytable td.bt_right { width: 50%; background-image: url(images/bg-right.jpg); }
#centerdiv { position: relative; width: 992px;  }

#body1 {  margin: 0 auto; position: relative; border: none 1px #efefef }
/* #body1, #content { border-left-style: solid; border-right-style: solid } */


#homepagecontainer { float: left }
#homepagecontainer h2 { margin-top: 0;  }
#homepagecontainer h2 a { text-decoration: none }

#homepagecontainer div.news, #homepagecontainer div.events, #homepagecontainer div.projects { 
	float: left; border: none 1px #b3b38b;  }
#homepagecontainer div.news   { padding-right: 8px; border-right-style: solid; width: 242px; }
#homepagecontainer div.events { padding-right: 8px; border-right-style: solid; margin-left: 8px;  width: 241px /* nado 242 */ } 
#homepagecontainer div.projects   { margin-left: 8px;  width: 234px;  }

.news-item { margin-bottom: 16px; border-bottom: solid 1px #b3b38b }
.news-item .title { font-weight: bold;  }
.page_details span { color: #4f4f4f; font-weight: bold; }
.news-item .page_details span { font-weight: normal; }
.date span.time_in_many_days { color: black;  font-weight: normal }
.date span.time_in_two_days  { color: #7f3f00; font-weight: bold }
.date span.time_tomorrow     { color: #ff5f00; font-weight: bold }
.date span.time_today        { color: red;    font-weight: bold }
.date span.time_running      { color: green;    font-weight: normal }

a.thumbnail { margin: 0px 20px 10px 0; display: block; float: left; width: 130px; height: 130px; text-align: center; font-size: 0.1pt; line-height: 130px; padding: 0 }
a.thumbnail img { border: solid 1px silver; vertical-align: middle; }
td.thumbnail { margin: 0; padding: 0; vertical-align: middle; text-align: center; line-height: 0; width: 64px; height: 64px }
th.thumbnail { margin: 0; padding: 0;  width: 64px }
td.thumbnail a { margin: 0; padding: 0; vertical-align: middle; }
td.thumbnail img { border: none }

.portrait { border: solid 1px gray; }
.people, .people2 { clear: both; float: left; margin-bottom: 30px }
.people { padding-left: 246px }
.people2 { padding-left: 77px }
.person { width: 258; float: left; margin-right: 78px }
.person .name { margin-top: 4px;  }
.person .position, .person .contacts { color: gray }

#projectTable { width: 100%; border-collapse: collapse; empty-cells: show; margin-bottom: 1em }
#projectTable td, #projectTable th { padding: 5px; border: 1px solid #dfdfb3; vertical-align: top }
#projectTable th { text-align: left; background: #dfdfb3; white-space: nowrap; }
#projectTable .date { width: 13em }
#projectTable .title { width: 20em }
#projectTable a { text-decoration: none; }
#projectTable a:hover { text-decoration: underline; }