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;  }
img { border: none; -ms-interpolation-mode: bicubic; vertical-align: middle  }
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; text-shadow: #ffffef 0px 1px 0px; }

#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;
/*text-shadow: #4f4f4f 0px -1px 0px;*/}


#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 .gallery { top: 332px } 
#menu .library  { 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; }
.portrait img { -ms-interpolation-mode: bicubic }
.people, .people2 { clear: both; float: left; margin-bottom: 30px }
.people { padding-left: 246px }
.people2 { padding-left: 77px }
.person { width: 258px; 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;color: #4f4f4f   }
#projectTable .date { width: 13em }
#projectTable .title { width: 20em }
#projectTable a { text-decoration: none; }
#projectTable a:hover { text-decoration: underline; }


.large-dark .highslide-controls, .large-dark .highslide-controls ul, .large-dark .highslide-controls a {
	background-image: url(__lib/highslide/graphics/controlbar-black-border.gif);
}
.highslide-controls .highslide-move {
	display: none;
}
.highslide-controls {
	position: static !important;
	margin-bottom: 0;
	width: 165px !important;
}



/* FRAMEWORK */



.datatable caption, .datatable tfoot td, .datadiv .caption { padding: 0 0 5px; text-align: right  }
.datatable caption input, .datatable tfoot input { background: #ff9f9f }
.datatable { border-collapse: collapse; width: 100%; margin-left: -10px; table-layout: fixed; margin: 16px 0; line-height: normal;
empty-cells:show; }
form .datatable { margin: 0 }
.datatable tbody a { text-decoration: none; display: block }
.datatable a:hover { text-decoration: underline }
.datatable td, .datatable th { vertical-align: top; padding: 5px; text-align: left; overflow-x: hidden; border: 1px solid #dfdfb3; }
.datatable th { background: #dfdfb3; white-space: nowrap; color: black; color: #4f4f4f  }
.datatable td.checkbox, .datatable th.checkbox { width: 30px }
.datatable tr.checked { background: #ffdfdf }

form { background: #efefef; padding: 16px;
background-color: rgba(223, 223, 223, 0.5); margin: 1em 0;
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;

margin-top: 20px;
-webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.5);
-moz-box-shadow:    0 2px 7px rgba(0, 0, 0, 0.5);
box-shadow:         0 2px 7px rgba(0, 0, 0, 0.5);



}



.formtable { border-collapse: collapse;  }
.formtable td, .formtable th { padding: 4px; vertical-align: top }
.formtable th { white-space: nowrap; text-align: left; padding-right: 1em; padding-top: 6px; padding-left: 0 }
.formtable input { margin: 0 }
.formtable input.text, .formtable textarea { font-family: Arial, Helvetica, sans-serif; font-size: 100% }
.formtable tr.error td { background: #ffdfdf }
.formtable tr.error td span.error { display: block; color: red; margin-top: 3px; text-shadow: none }
.formtable .required {color:red  }
.formtable label.chechbox {display: block}

.viewtable caption, .viewdiv .caption  { padding: 0 0 5px; text-align: right; }
.viewtable { width: 100%; border-collapse: collapse;  }
.viewtable th, .viewtable td { padding: 4px 10px; vertical-align: top; text-align: left }
.viewtable th { padding-left: 0; padding-right: 0 }
.viewtable th { width: 10%; white-space: nowrap; }



.lineform {  margin: 0 auto; line-height: 250%;  }
.lineform span { color: #7f7f7f; text-shadow: 0 1px 0 white; white-space: nowrap; }
.lineform, .lineform * { font-family: 'Lucida Grande', Arial, Verdana, Helvetica, sans-serif; font-size: 11px  }

#content .html p:first-child { margin-top: 0 }
#content .html p:last-child  { margin-bottom: 0 }



/* LOGIN */

#login { margin: 4em auto 4em; padding: 3em; max-width: 36em; text-shadow: #ffffff 0 1px 0; }
#login .info, #login .info a { color: #9f9f9f }
#login table { margin: 0 0 0 }
#login .restore-password { margin: 0; text-align: right; font-size: 11px }
#login .buy { margin: 30px 0 0 }

#login { border: 1px none #dfdfdf; background: #efefef; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
background-color: rgba(223, 223, 223, 0.5);
}

#login {

-webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5);
-moz-box-shadow:    0 6px 20px rgba(0, 0, 0, 0.5);
box-shadow:         0 6px 20px rgba(0, 0, 0, 0.5);
}


#login form { background: none; padding: 0;
-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;

margin: 0;
-webkit-box-shadow: none;
-moz-box-shadow:    none;
box-shadow:         none; }

#books form { background: rgba(0,0,0,0.2); padding: 10px;margin: 0;
-webkit-box-shadow: none;
-moz-box-shadow:    none;
box-shadow:         none; color: white }
#books form span { color: gray; color: rgba(255,255,255,0.8); color: #4f4f4f; text-shadow: none; }

#books th.type { width: 12em }
#books th.year { width: 3.3em }
#book .comments { margin-top: 20px }