#cc {background: url(/i/cc.gif) no-repeat;}

#promo {position: absolute; top: 329px; left: 271px; width: 290px; height: 181px; background: #282828 url(../i/promo.gif) 100% 100% no-repeat; text-align: center}

#promo img {margin: 20px auto; border: none}

#mn ul {
	position: absolute; left: 200px; top: 0;
	z-index: 10;
	display: none;
	background: url(/i/mnul.gif) no-repeat;
	margin: 0; padding: 0 0 0 9px;
	list-style-type: none;
}
#mn .sep {background: url(/i/sep.gif) 18px 0 no-repeat}

* html #mn ul {left: 190px;}

#mn li:hover ul, #mn li.over ul {display: block}
#mn ul ul, #mn li:hover ul ul, #mn li.over ul ul {display: none; position: absolute; left: 215px; width: 230px; background: none; margin: 0; padding: 0}
* html #mn ul ul, * html #mn li.over ul ul {left: 214px;}
#mn ul li:hover ul, #mn ul li.over ul {display: block}

#mn ul li {position: relative; background: #ccc; padding: 2px; margin: 0;}
#mn ul li a {display: block; line-height: 1.5em; padding: .4em .8em; color: #333; background: #ccc; font-weight: bold; text-decoration: underline}
#mn ul li a:hover {color: #fff; background: #999 url(/i/mnli2.gif) 100% 50% no-repeat;}

#mn ul li ul {border: 0; margin: 0; padding: 2px 0 0 0;}
#mn ul li li {border: 0; margin: 0; padding: 0}
#mn ul li li a {width: 230px; background: #999; color: #fff; margin: 0}
#mn ul li li a:hover {background: #666 url(/i/mnli2.gif) 100% 50% no-repeat;}

#tmn {width: 644px; margin: 470px 0 0 44px; padding: 0; list-style-type: none;}
#tmn li {float: left;}
#tmn li a {display: block; background-repeat: no-repeat;}
#tmn li a:hover {background-position: -130px 0;}

#proj {width: 131px; height: 40px;}
#proj a {width: 101px; height: 40px; background: url(/i/__proj.gif)}
#contacts {width: 130px; height: 13px; margin-bottom: 14px}
* html #contacts {margin-bottom: 11px}
#contacts a {width: 130px; height: 13px; background: url(/i/__contacts.gif)}
#about {width: 113px; height: 13px; margin-bottom: 14px}
* html #about {margin-bottom: 11px}
#about a {width: 113px; height: 13px; background: url(/i/__about.gif)}
#tm {width: 130px; height: 13px; margin-bottom: 14px}}
#tm a {width: 130px; height: 13px; background: url(/i/__tm.gif)}
#news {width: 113px; height: 13px; margin-bottom: 14px}}
#news a {width: 113px; height: 13px; background: url(/i/__news.gif)}

#vacancy {width: 130px;}
#vacancy a {width: 84px; background: url(/i/__vacancy.gif);}
#publications {width: 114px;}
#publications a {width: 94px; background: url(/i/__publications.gif)}
#talks {width: 129px;}
#talks a {width: 90px; background: url(/i/__talks.gif)}
#partners {width: 87px;}
#partners a {width: 87px; background: url(/i/__partners.gif)}

#newsleft {float: left; width: 334px; clear: both; margin-top: 45px;}
#newsright {float: right; width: 334px; margin-top: 45px;}

.news {clear: both; margin-bottom: 2em;}
.news img {float: left; width: 120px; height: 80px; margin: 0 20px 6px 0; border: 2px solid #000}
.news h2 {font: bold .95em arial, sans-serif; color: #ccc; margin: 0 10px .2em 0}
.news h2 a {color: #e6e6e6; text-decoration: none;}
.news h2 a:hover {color: #eee;}
.news .date {font-size: .8em; margin: 0 0 .5em 0}
.news p {clear: left; font-size: .85em; margin: 0 0 1em;}
.news .more img {float: none; width: 9px; height: 10px; border: none; margin: 0}

#add {clear: both; width: 688px; margin-left: 271px;}
#add p {font: normal .85em arial, sans-serif}
#add .left {float: left; width: 324px; clear: both; margin: 0 0 20px 20px; padding: 0 0 20px}
* html #add .left {margin: 0 0 20px 10px;}
#add .right {float: right; width: 314px; margin: 0 20px 20px 0; padding: 0 0 20px}
* html #add .right  {margin: 0 10px 20px 0;}

@media print {
	body {width: 100%}
	#newsleft {float: left; width: 340px; clear: both; margin-top: 45px;}
	#newsright {float: left; width: 340px; margin-top: 45px;}
}