html, body {height: 100%}
body {margin: 0px; padding: 0px; background: #363636; color: #262626; }
body, div, td, a {font: 11px arial;}
p {font-family: arial; font-size: 13px}
body.admin {background: #fff}

* {font-family: arial}
b {font-weight: bold}
u {text-decoration: underline}
i {font-style: italic}
h1 {margin: 5px 0px}
h3 {font-size: 15px; font-weight: bold}
form {margin: 0}

.button {font-size: 12px; color: #1C488E; border: 1px solid black; text-decoration: none; background-image: url(prv/img/butbg.gif)}
.input  {font-size: 8pt; background-color: #ffffff; color: #000000; border: 1px solid #0F2F00; text-decoration: none;}

.clear {clear: both}

.selected,
a.selected,
a.selected:visited,
a.selected:hover {font-weight: bold}

a,
a:hover {color: #ff0009}
a:visited {color: #cc0005}
a {text-decoration: underline}


a img {border-width: 0px}

#userlist {}
#userlist td {border-right: 1px solid black; padding-right: 10px; padding-left: 10px}
#userlist a,
#userlist a:visited,
#userlist a:hover {display: block; margin-bottom: 8px}


#admin {width: 100%; height: 100%; background: #fff; text-align: left; color: #000}
#adminmenu {height: 100%; padding: 5px; border-right: 1px solid black; width: 30%}
#adminmenu a {display: block; padding-bottom: 3px; margin-top: 3px; border-bottom: 1px solid #e1e1e1}
#admin a,
#admin a:visited,
#admin a:hover {color: #485665; text-decoration: underline}
.bordered {border-collapse: collapse}
.bordered td {border: 1px solid black}
.bordered .head td {font-weight: bold}
.colored td,
.head td {background: #eaeaea}
.bordered .unbordered td,
table.teacher .unbordered td {border-width: 0px}

.textPreview {padding: 5px; border: 1px dashed black; margin: 5px}
.pages {margin: 0px auto; text-align: center}
.pages a.selected {font-weight: bold; color: #6e90a1; text-decoration: underline}
.red {margin: 5px; padding: 10px; color: red; border: 2px solid red}

#header {height: 90px; background: #262626; min-width: 1000px}
#logo {padding: 30px 0px 0px 58px}
.padded {padding: 40px 40px}

#main {background: #fff}
#center {background: #fff}
#content {}
#right {width: 250px; background: url(img/rodchenko.jpg) no-repeat left top; background-color: #f2f2f2; min-height: 649px; height: 649px}

#menu {min-width: 750px; background: #fff; height: 30px}
#menu a,
#menu a:visited,
#menu a:hover {display: block; float: left; width: 124px; border-right: 1px solid #b5b5b5; font: 12px arial; color: #000; text-decoration: none; text-align: center; padding: 8px 0px 7px 0px}
#menu a:hover {border-top: 7px solid #909090; padding-top: 1px; background: #fafafa}
#menu a.selected,
#menu a.selected:hover {border-top: 7px solid #ff0009; padding-top: 1px}
#submenu {min-width:750px; background: #8c8c8c; height: 20px}
#submenu a,
#submenu a:visited,
#submenu a:hover {display: block; float: left; width: 124px; border-right: 1px solid #fff; color: #fff; font: 12px arial; text-decoration: none; text-align: center; padding: 2px 0px 3px 0px}
#submenu a:hover {background: #606060}
#submenu a.unhoverable:hover {background: #8c8c8c}
#submenu a.selected,
#submenu a.selected:hover {background: #262626}
#submenu a.last,
#submenu a.selected.last,
#menu a.selected.last {width: 125px}
#submenu div {float: left; width:125px; height: 2px}
#submenu a.leftborder {border-left: 1px solid #fff; width: 123px}

#news {}
#newshead {padding: 32px 0px 15px 210px; margin: 0; font: 19px arial; border-right: 10px solid #ff0009}
#news h3 {margin: 0px; padding: 0px; font: bold 12px arial; color: #ff0009}
#news .newstext {padding: 6px 20px 0px 12px}	
#news a,
#news a:visited,
#news a:hover {font: 11px arial; color: #000; text-decoration: none}
#newstable td {cursor: pointer; border-top: 1px solid #d9d9d9;/* border-width: 1px 0px*/}
#newstable {border-bottom: 1px solid #d9d9d9}
/*#newstable {border-collapse: collapse}*/
#newstable tr.over td {background: #ededed}
#newstable tr.over td.img {border-left: 5px solid #ff0009; width: 193px}
#newstable .colored,
#newstable tr.over .bw {display: none}
#newstable .bw,
#newstable tr.over .colored {display: block}

#news #master, 
#news #master:visited, 
#news #master:hover {display: block; float:right; margin-right: 27px; background: #ff0009; margin-top: 15px; padding: 1px 5px; color: #fff; text-decoration: none}
#news #master.page {float: right; margin-right: 15px; margin-top: 0px}
#news .hrdate {margin: 10px 0px; color: #cccccc}
#news td.teacher {padding: 10px 30px 0px 15px}
table.teacher {border-collapse: collapse}
table.teacher td {border-top: 1px solid #d9d9d9}
table.teacher td.img {background: #ededed}
/*table.teacher td span {font-weight: bold; color: #ff0009}*/
#otherteachers {color: #666}
#otherteachers span {font-weight: bold; color: #000}
#news #otherteachers a,
#news #otherteachers a:visited,
#news #otherteachers a:hover {color: #666}
#news #otherteachers a.selected {color: #ff0009}

#footer {background: #363636; padding: 10px 0px 10px 58px; color: #fff;}
#footer a,
#footer a:visited,
#footer a:hover {font: 11px arial; color: #fff; /* text-decoration: none */}

#news #years {position: absolute; left: 58px; top: 175px}
#news #pages {padding: 15px 0px 0px 58px}
#news #pages a,
#news #pages a:visited,
#news #pages a:hover,
#news #years a,
#news #years a:visited,
#news #years a:hover {display: block; float: left; background: #dad9d7; color: #000; padding: 2px 3px; margin-right: 2px}
#news #years a.selected,
#news #pages a.selected {background: #ff0009; color: #fff}

#langs {position: absolute; margin-left: 32px}
#langs a,
#langs a:visited,
#langs a:hover {display: block; float: left; color: #fff; background: #000; border: 1px solid #000;text-decoration: none; font: 11px arial; padding: 2px 5px}
#langs a.selected {background: #fff; color: #000; }


#search {padding: 34px 0px 0px 33px}
#search input {width: 178px; border: 1px solid black; font: 11px arial; font-style: italic; color: #636363}
#search img {padding-left: 10px}

/*#banners {position: absolute; top: 0px; right: 0px}*/
#banners {position: absolute; margin-left: -504px; margin-top: -1px; width: 504px; text-align: right}
#banners.cl1 {width: 252px; margin-left: -252px}
.banner {float: right; margin-left: 2px}

a.red,
#news a.red,
#news td.teacher a {text-decoration: none; color: #7e7e7e; border-width: 0px}
#news td.teacher a:hover {text-decoration: underline; color: #ff0009; border-width: 0px}
#login {margin-top: 100px}

#news a.active.bold {font-weight: bold; font-size: 175%}

#students {background: url(img/students.gif) no-repeat left 67px; padding: 35px 0px 0px 60px;}
#students h3 {margin: 0; margin-bottom: 5px; font-size: 150%}
#students span {color: #ff0009; font-weight: bold}
#students .group {margin-top: 15px}
#students .group a,
#students .group a:visited,
#students .group a:hover {color: #8c8c8c; text-decoration: underline}
#gody {margin: 15px 0px 5px 0px}
#gody a,
#gody a:visited,
#gody a:hover {background: #d9d9d9; padding: 2px 5px; color: #000; text-decoration: none; font: 11px arial;}
#gody a.selected {background: #ff0009; color: #fff}

.projectlink {}
.projectlink2 {}
.projectlink,
.projectlink2 {border-top: 1px solid #fff}
.projectlink .title {position: absolute; z-index: 100; margin: 5px 0px 0px 10px; color: #fff; font: 11px arial}
.projectlink2 .title {display: none}
.projectlink img.passive,
.projectlink2 img.active {display: none}

.photo {float: left; margin-right: 5px; text-align: center; border: 1px solid #ededed;  margin-bottom: 5px}
#news .photo img,
#news .photo a {outline: none}

.lastalbums {background: #8c8c8c}
.lastalbums .title {background: #ff0009; padding: 4px 0px 4px 58px; width: 200px; color: #fff}
.lastalbums .albums {margin: 0px 0px 0px 58px}
.lastalbums .albumtitle {position: absolute; width: 100px; margin: 10px 0px 0px 10px; color: #fff}
.lastalbums .noovers .bw,
.lastalbums .overs .colored,
.lastalbums .noovers .albumtitle {display: none}
.lastalbums td {padding-right: 10px}

#lightbox-data {display: none}

#news td.teacher a.active,
a.active,
a.active:visited,
a.active:hover {background: #ff0009; color: #fff; text-decoration: none; padding: 3px}

td.newstext p {margin-bottom: 3px; font-size: 11px}
#news td.teacher p a,
ul li a {font-size: 13px}
#news.real td.teacher {padding: 10px 50px 0 35px}
td.teacher p.ptitle {font-size: 150%; font-weight: bold; margin: 20px 0px}

.pages.bigphoto {float: left}
.right {float: right}
#news .pages.bigphoto a,
#news .pages.bigphoto a:visited, 
#news td.teacher .pages a,
#news td.teacher .pages a:visited{display: block; float: left; margin-right: 2px; padding: 3px 4px; background: #d8d8d8; color: #000; text-decoration: none}
#news .pages.bigphoto a:hover,
#news .pages.bigphoto a.selected,
#news td.teacher .pages a:hover,
#news td.teacher .pages a.selected {background: #ff0009; color: #fff;}
#news .pages.bigphoto a.nextLink {margin-left: 6px}
#news .pages.bigphoto a.prevLink {margin-right: 6px}

#content p a, td.teacher li {font-size: 13px}
span.boldred {font-weight: bold; color: #ff0009}

#login {padding: 10px 0px 10px 35px; color: #000; font-weight: bold}
#login input.input {width: 81px}

.comments {margin-left: 20px}
.comments .title {color: #555}
.comments .actions {margin-bottom: 5px}

#hh {float: left; width: 10px; height: 00px; visibility: hidden}

#video {display: none; margin-top: 10px}