html, body { width: 100%; height: 100%; margin: 0; padding: 0; }

body { background: #cfcfcf url("../images/main-bg.png") repeat-x; }

h1, h2, h3, h4, ul, ol, li, p, object, form, fieldset, legend, label, input, select, textarea, table, tr, td { margin: 0; padding: 0; }
ul, ol { list-style-type: none; }
img, fieldset { border: none; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

.page-wrapper { width: 970px; margin: auto; padding-bottom: 35px; }

.header { position: relative; height: 214px; background: url("../images/header-main-bg.png") no-repeat; }
.header.compact{ height: 208px; }

.identity { position: relative; top: 16px; width: 420px; height: 98px; font: 16px/18px sylfaen; float: left; }
.identity img { position: absolute; top: 0; left: 0; }

ul.top-navigation { padding-top: 16px; padding-right: 9px; float: right; }
ul.top-navigation li { padding-right: 17px; font: 0.63em/1.3em sylfaen; text-transform: uppercase; float: left; }
ul.top-navigation li a { color: #797979; }
ul.top-navigation li.site-map { padding-right: 33px; }
ul.top-navigation li.site-map a { color: #1f77bb; }

p.language-version { position: absolute; top: 74px; left: 771px; height: 11px; padding-bottom: 2px; font: 11px/12px sylfaen; background: url("../images/language-en.png") no-repeat right; }
p.language-version a { padding-right: 53px; color: #94a0a9; }

ul.menu { position: relative; top: 30px; left: 13px; width: 714px; height: 41px; float: left; }
ul.menu li { font: 11px/41px sylfaen; float: left; }
ul.menu li a { display: block; height: 41px; text-indent: -9000px; background: url("../images/menu-ge.png") no-repeat; float: left; }

/* inactive state */
	ul.menu li.home a { width: 75px; background-position: 0 0; }
	ul.menu li.about-us a { width: 105px; background-position: -75px 0; }
	ul.menu li.projects a { width: 82px; background-position: -180px 0; }
	ul.menu li.events a { width: 87px; background-position: -262px 0; }
	ul.menu li.publications a { width: 103px; background-position: -349px 0; }
	ul.menu li.links a { width: 75px; background-position: -452px 0; }
	ul.menu li.staff a { width: 110px; background-position: -527px 0; }
	ul.menu li.contacts a { width: 77px; background-position: -637px 0; }
/* active state */
	ul.menu li.home a:hover,
	ul.menu li.home#active a { background-position: 0 -41px; }
	ul.menu li.about-us a:hover,
	ul.menu li.about-us#active a { background-position: -75px -41px; }
	ul.menu li.projects a:hover,
	ul.menu li.projects#active a { background-position: -180px -41px; }
	ul.menu li.events a:hover,
	ul.menu li.events#active a { background-position: -262px -41px; }
	ul.menu li.publications a:hover,
	ul.menu li.publications#active a { background-position: -349px -41px; }
	ul.menu li.links a:hover,
	ul.menu li.links#active a { background-position: -452px -41px; }
	ul.menu li.staff a:hover,
	ul.menu li.staff#active a { background-position: -527px -41px; }
	ul.menu li.contacts a:hover,
	ul.menu li.contacts#active a { background-position: -637px -41px; }

form.search { position: relative; top: 36px; left: 26px; float: left; overflow: hidden; }
form.search legend { display: none; }
form.search fieldset { width: 220px; height: 29px; padding: 2px 0 0 9px; background: url("../images/search-box-bg.png") no-repeat; }
#searchBox { width: 149px; padding: 5px 4px 5px 3px; font-size: 0.69em; font-family: sylfaen; color: #747474; border: 0; float: left; }
.search-button { margin: 1px 0 0 2px; float: left; }

.presentation-box { position: relative; width: 970px; height: 311px; background: url("../images/presentation-bg.png") no-repeat; }

.presentation-box a.previous,
.presentation-box a.next { display: block; position: absolute; top: 16px; width: 21px; height: 232px; text-indent: -9000px; }
.presentation-box a.previous { left: 0; background: url("../images/presentation-nav-bg.png"); }
.presentation-box a.next { left: 949px; }


.presentation-box ul { width: 275px; padding: 1px 0 0 21px; }
.presentation-box ul li { width: 296px; height: 49px; float: left; }
.presentation-box ul li.first, .presentation-box ul li.first a { height: 59px; }
.presentation-box ul li.last, .presentation-box ul li.last a { height: 63px; }

.presentation-box h2.title { font: 0.88em/1.3em sylfaen; }
.presentation-box ul li.first h2.title { line-height: 59px; }
.presentation-box h2.title a { display: block; height: 49px; padding-left: 25px; color: white; }

.presentation-box ul li.active h2.title a, .presentation-box h2.title a:hover { background: url("../images/presentation-hover.png") no-repeat 0 -10px; text-decoration: none; color: #525252; }

.presentation-box ul li.first h2.title a, .presentation-box ul li.first h2.title a:hover { background-position: 0 0; }
.presentation-box ul li.last h2.title a, .presentation-box ul li.last h2.title a:hover { background-position: 0 -206px; }

.presentation-box h2.title a em { font: 0.75em/49px sylfaen; color: #9c9fac; }
.presentation-box .data-binder { display: none; position: absolute; top: 0; left: 317px; width: 585px; padding: 47px 29px 0 18px; }
.presentation-box ul li.active .data-binder { display: block; position: absolute; top: 0; left: 317px; width: 585px; padding: 47px 29px 0 18px; }

.presentation-box .data-binder .description { width: 549px; }

.presentation-box .data-binder h3 { font: 1.13em/1.3em sylfaen; }
.presentation-box .data-binder h3 a { color: #062f59; }
.presentation-box .data-binder h4 { padding-top: 16px; font: 0.75em/1.3em sylfaen; color: #5d7ba5; }
.presentation-box .data-binder h4 a { color: #5d7ba5; }
.presentation-box .data-binder p { padding-top: 5px; font: 0.75em/1.3em sylfaen; color: #5e5e5e; }
.presentation-box .data-binder p a { color: #062f59; }

.presentation-box .data-binder a.read-more { position: relative; top: 20px; left: 490px; width: 149px; }

.content-wrapper { padding-top: 22px; width: 970px; background: white url("../images/content-top-bg.png") no-repeat left top; overflow: hidden; }
.content-wrapper.inner { background: white url("../images/content-top-inner-bg.png") no-repeat left top;}

.fp-cols .column-1 { padding-left: 34px; width: 350px; float: left; }
.fp-cols .column-2 { padding-left: 46px; width: 512px; float: left; }

.inner-cols { width: 933px; padding: 0 0 25px 37px; overflow: hidden; }
.inner-cols .column-1 { width: 502px; float: left; }
.inner-cols .column-2 { margin-left: 43px; width: 342px; float: left; }
.inner-cols .data-block p.title { padding-bottom: 7px; font: 1.5em/1.3em sylfaen; color: #3871a7; border-bottom: 1px solid #e7e7e7; }
.inner-cols .data-block p.title.dashed { border-bottom-style: dashed; }
.inner-cols .column-2 .data-block p.title { padding: 10px 0 7px 0; font: bold 1em/1.3em sylfaen; color: #505050; }


.fp-cols .events.col-1, .fp-cols .events.col-2 { width: 241px; float: left; }
.fp-cols .events.col-2 { margin-left: 30px; }

.fp-cols .column-1 .data-block h3.title, 
.fp-cols .column-2 .data-block h3.title,
.additional-blocks .data-block h3.title { font: 1.13em/1.3em sylfaen; color: #525252; }
.fp-cols .column-1 .data-block h3.title a, .fp-cols .column-2 .data-block h3.title a { color: #525252; }
.fp-cols .column-1 .data-block .data-binder { overflow: hidden; }
.inner-cols .data-block .data-binder { padding-top: 12px; }
.fp-cols .column-1 .data-block .data-binder h4, 
.inner-cols .column-1 .data-block .data-binder h4,
.inner-cols .column-2 .data-block .data-binder h4 { padding-top: 14px; font: 0.75em/1.3em sylfaen; text-transform: uppercase; color: #15a3cb; }
.fp-cols .column-1 .data-block .data-binder h4 a, 
.inner-cols .column-1 .data-block .data-binder h4 a, 
.inner-cols .column-2 .data-block .data-binder h4 a { color: #15a3cb; }
.fp-cols .column-1 .data-block .data-binder p, 
.fp-cols .column-2 .data-block .data-binder p, 
.inner-cols .column-1 .data-block .data-binder p, 
.inner-cols .column-2 .data-block .data-binder p { padding-top: 8px; font: 0.75em/1.3em sylfaen; color: #5b5b5b; }
.inner-cols .column-1 .data-block .data-binder p, 
.inner-cols .column-2 .data-block .data-binder p { padding-right: 10px; line-height: 1.5em; }
.inner-cols .column-1 .data-block .data-binder p strong, 
.inner-cols .column-2 .data-block .data-binder p strong { font-weight: normal; color: #15a3cb; text-transform: uppercase; }
.inner-cols .column-1 .data-block .data-binder p a { font: 1em/1.3em sylfaen; color: black; text-decoration: underline; }
.inner-cols .column-1 .data-block .data-binder ul, 
.inner-cols .column-2 .data-block .data-binder ul { list-style-type: disc; padding: 10px 0 20px 25px; font: 0.69em/1.3em sylfaen; color: #5b5b5b; }
.inner-cols .column-1 .data-block .data-binder ol,
.inner-cols .column-2 .data-block .data-binder ol { list-style-type: decimal; padding: 10px 0 20px 25px; font: 0.69em/1.3em sylfaen; color: #5b5b5b; }
.inner-cols .column-1 .data-block .data-binder ul li, 
.inner-cols .column-2 .data-block .data-binder ul li, 
.inner-cols .column-1 .data-block .data-binder ol li,
.inner-cols .column-2 .data-block .data-binder ol li { padding: 6px 0; }
.fp-cols .column-1 .data-block .data-binder a.read-more, 
.fp-cols .column-2 .data-block .data-binder a.read-more { display: block; padding: 4px 0 0 7px; margin-top: 28px; width: 153px; height: 19px; font: 0.75em/1.3em sylfaen; color: #858b91; background: url("../images/read-more-bg.png") no-repeat; float: left; }
.fp-cols .column-2 .data-block .data-binder a.read-more { margin-top: 18px; }

.inner-cols .column-2 .data-block .data-binder .staff .person-data { padding-bottom: 19px; margin-bottom: 20px; border-bottom: 1px dashed #cdcdcd; overflow: hidden; }
.inner-cols .column-1 .data-block .data-binder.staff .person-data { width: 502px; padding-bottom: 45px; overflow: hidden; }
.inner-cols .column-2 .data-block .data-binder .staff .person-data.last { border-bottom: none; }
.inner-cols .column-2 .data-block .data-binder .staff h4,
.inner-cols .column-1 .staff .person-data h2 { padding-bottom: 20px; font: bold 0.75em/1.3em sylfaen; color: #3f679e; }
.inner-cols .column-1 .staff .person-data h2 { font-size: 0.88em; text-transform: uppercase; clear: both; }
.inner-cols .column-2 .data-block .data-binder .staff h4 em,
.inner-cols .column-1 .staff .person-data h2 em { font-style: normal; font-weight: normal; color: #757575; }
.inner-cols .column-2 .data-block .data-binder .staff img,
.inner-cols .column-2 .data-block .data-binder .events .event-data img,
.inner-cols .column-1 .staff .person-data img { padding: 4px; border: 1px solid #e7e7e7; float: left; }
.inner-cols .column-2 .data-block .data-binder .staff p,
.inner-cols .column-1 .staff .person-data p.biography { width: 186px; font: 0.69em/1.5em sylfaen; color: #a8a8a8; float: left; padding: 0 0 0 19px; margin: 0; }
.inner-cols .column-1 .staff .person-data p.biography { width: 318px; color: #7b7b7b; }
.inner-cols .column-2 .data-block .data-binder .staff a.read-more { width: 205px; font: 0.75em/1.3em sylfaen; color: #1d96b8; text-decoration: underline; text-indent: 19px; padding-top: 3px; float: left; }

.inner-cols .column-2 .data-block .data-binder .events .event-data { padding-bottom: 30px; }
.inner-cols .column-2 .data-block .data-binder .events .event-data.last { padding-bottom: 0; }
.inner-cols .column-2 .data-block .data-binder .events .event-data h3 { width: 186px; font: 0.88em/1.5em sylfaen; color: #3f679e; float: left; padding: 0 0 0 19px; margin: 0; }
.inner-cols .column-2 .data-block .data-binder .events .event-data h3 a {color: #3f679e; }
.inner-cols .column-2 .data-block .data-binder .events .event-data p.published { display: block; width: 186px; padding: 0 0 3px 19px; font: 0.69em/1.2em sylfaen; color: #afafaf; float: left; }
.inner-cols .column-2 .data-block .data-binder .events .event-data p.short-summary { width: 186px; font: 0.69em/1.5em sylfaen; color: #7f7f7f; float: left; padding: 5px 0 0 19px; margin: 0; }

.fp-cols .events em.published { display: block; padding-top: 8px; font: 0.69em/1.2em sylfaen; color: #afafaf; }
.fp-cols .events h4 { padding: 7px 0 0 2px; font: 0.75em/1.3em sylfaen; color: #5d7ba5; }
.fp-cols .events h4 a { color: #5d7ba5; }
.fp-cols .events img { margin-top: 13px; padding: 4px; border: 1px solid #e7e7e7; }

.inner-cols .column-1 .event-data { width: 502px; padding-bottom: 27px; overflow: hidden; }
.inner-cols .column-1 .event-data h2 { padding-bottom: 7px; font: 1em/1.3em sylfaen; color: #1d96b8; }
.inner-cols .column-1 .event-data h2 a { color: #1d96b8; }
.inner-cols .column-1 .event-data.pip h2 { font-size: 0.88em; color: #395d8f; }
.inner-cols .column-2 .data-block.more-events p.title { padding-bottom: 13px; font-size: 0.81em; }
.inner-cols .column-1 .event-data p.published { padding: 0 0 10px 0; font-size: 0.69em; color: #9b9b9b; }
.inner-cols .column-1 .event-data img { padding: 4px; border: 1px solid #e7e7e7; float: left; }
.inner-cols .column-1 .event-data p.short-summary { width: 342px; padding: 0 0 0 14px; float: left; color: #313d46; }
.inner-cols .column-1 .event-data div.short-summary { width: 342px; padding: 0 0 0 14px; float: left; color: #313d46; }
.inner-cols .column-1 .event-data.no-photo p.short-summary { width: 465px; padding: 0; }
.inner-cols .column-1 .event-data a.read-more { padding-right: 18px; margin-right: 10px; display: block; font: 0.75em/1.3em sylfaen; text-align: right; text-decoration: underline; color: #1d96b8; background: url("../images/inner-page-more-arrow.png") no-repeat right; clear: both; }
.inner-cols .column-1 .event-data.detailed a.read-more { padding-top: 20px; background: none; }
.inner-cols .data-block .data-binder p.subtitle { padding-bottom: 7px; margin-bottom: 13px; font: 1.13em/1.3em sylfaen; color: #4f4f4f; border-bottom: 1px solid #e7e7e7; }

.inner-cols .column-1 .data-block .data-binder ul.page-navigation { padding: 0; list-style-type: none; font: 0.75em/1.3em sylfaen; }
.inner-cols .column-1 .data-block .data-binder ul.page-navigation li { padding: 1px 10px; margin: 0 2px; background: #3f679e; float: left; }
.inner-cols .column-1 .data-block .data-binder ul.page-navigation li a { color: white; }
.inner-cols .column-1 .data-block .data-binder ul.page-navigation li.active { padding: 1px 9px 0 9px; background: white; border: 1px solid #afafaf; }
.inner-cols .column-1 .data-block .data-binder ul.page-navigation li.active a { color: #313d46; }
.inner-cols .column-1 .data-block .data-binder ul.page-navigation li.nav-button { background: #afafaf; }
.inner-cols .column-1 .data-block .data-binder ul.page-navigation li.nav-button a { color: #313d46; }

.inner-cols .column-2 .data-block .data-binder ol { font-family: sylfaen; font-size: 0.88em; color: #a2a7ab; }
.inner-cols .column-2 .data-block.more-events .data-binder ol { padding-top: 0; }
.inner-cols .column-2 .data-block .data-binder ol li { padding: 4px 0; font-size: 0.88em; }
.inner-cols .column-2 .data-block .data-binder ol li a { color: #5d7ba5; }
.inner-cols .column-2 .data-block .data-binder a.read-more,
.inner-cols .column-2 .data-block .data-binder.contact-info a.read-more { display: block; font: 0.75em/1.3em sylfaen; color: #1d96b8; text-decoration: underline; text-align: right; }

.inner-cols .column-1 .data-block .data-binder .link-group { width: 502px; padding-bottom: 27px; overflow: hidden; }
.inner-cols .column-1 .data-block .data-binder .link-group h2.category-name { padding-bottom: 8px; font: 1.13em/1.3em sylfaen; color: #424242; border-bottom: 1px solid #ebebeb; }
.inner-cols .column-1 .data-block .data-binder .link-group ul { padding: 7px 0 0 0; list-style-type: none; font: 0.75em/2em sylfaen; float: left; }
.inner-cols .column-1 .data-block .data-binder .link-group ul li { width: 502px; overflow: hidden; float: left; padding: 0; }
.inner-cols .column-1 .data-block .data-binder .link-group ul li em { display: block; width: 209px; font-size: 0.9em; font-style: normal; color: #939393; text-align: right; float: left; }
.inner-cols .column-1 .data-block .data-binder .link-group ul li span { display: block; float: left; text-indent: -9000px; }
.inner-cols .column-1 .data-block .data-binder .link-group ul li a { display: block; margin-left: 26px; color: #026aca; float: left; }

.inner-cols .column-1 .data-block .data-binder.contacts form { display: block; width: 502px; padding-top: 35px; padding-bottom: 79px; float: left; }
.inner-cols .column-1 .data-block .data-binder.contacts form fieldset { width: 400px; float: left; }
.inner-cols .column-1 .data-block .data-binder.contacts form legend { display: none; }
.inner-cols .column-1 .data-block .data-binder.contacts form label { width: 400px; margin: 11px 0 7px 0; font-family: sylfaen; font-size: 0.75em; color: #454545; float: left; }
.inner-cols .column-1 .data-block .data-binder.contacts form input#name,
.inner-cols .column-1 .data-block .data-binder.contacts form input#email,
.inner-cols .column-1 .data-block .data-binder.contacts form input#subject { width: 169px; padding-top: 2px; padding-bottom: 3px; font-family: sylfaen; font-size: 0.69em; color: #454545; float: left; }
.inner-cols .column-1 .data-block .data-binder.contacts form #message { width: 400px; height: 156px; font-family: sylfaen; font-size: 0.75em; color: #454545; float: left; }
.inner-cols .column-1 .data-block .data-binder.contacts form input#sendButton { margin-top: 20px; float: right; }


.additional-blocks .col-1,
.additional-blocks .col-2,
.additional-blocks .col-3 { padding-top: 5px; border-top: 1px solid #e7e7e7; float: left;  }

.additional-blocks { padding: 54px 0 0 36px; overflow: hidden; float: left; }
.additional-blocks .col-1 { width: 285px; overflow: hidden; }
.additional-blocks .col-1 p.have-question, 
.inner-cols .column-2 .data-block .data-binder.contact-info p.have-question { padding: 22px 0 7px 0; font: 0.88em/1.3em sylfaen; color: #1d96b8; border-bottom: 1px dashed #d9d9d9; }
.inner-cols .column-2 .data-block .data-binder.contact-info p.have-question { width: 270px; padding: 5px 0 7px 0; font: 0.88em/1.3em sylfaen; }
.additional-blocks .col-1 p.tel,
.inner-cols .column-2 .data-block .data-binder.contact-info p.tel { padding: 37px 0 5px 0; font: 0.69em/1.3em sylfaen; color: #5e5e5e; }
.additional-blocks .col-1 p.tel span, .additional-blocks .col-1 p.email span,
.inner-cols .column-2 .data-block .data-binder.contact-info p.emal span { padding-right: 3px; color: #afafaf; }
.additional-blocks .col-1 p.email,
.inner-cols .column-2 .data-block .data-binder.contact-info p.email { font: 0.69em/1.3em sylfaen; color: #5e5e5e; }
.additional-blocks .col-1 p.email a,
.inner-cols .column-2 .data-block .data-binder.contact-info p.email a { color: #1d96b8; }
.inner-cols .column-2 .data-block .data-binder.contact-info a.read-more { padding-top: 10px; }

.additional-blocks .col-2 { width: 327px; margin-left: 25px; overflow: hidden; }
.additional-blocks .col-2 ol { list-style-type: decimal; padding: 8px 0 0 25px; font: 0.88em/1.2em sylfaen; color: #a2a7ab; }
.additional-blocks .col-2 ol li { padding: 4px 0; }
.additional-blocks .col-2 ol li a { font-size: 0.75em; color: #5d7ba5; }
.additional-blocks .col-2 a.read-more { display: block; padding: 8px 40px 0 0; font: 0.75em/1.3em sylfaen; color: #1d96b8; text-decoration: underline; text-align: right; }

.additional-blocks .col-3 .data-binder { padding-top: 15px; }
.additional-blocks .col-3 { width: 241px; margin-left: 24px; overflow: hidden; }
.additional-blocks .col-3 img { margin: 0 16px 0 5px; float: left; }
.additional-blocks .col-3 p { width: 117px; padding-bottom: 16px; font: 0.69em/1.3em sylfaen; color: #a2a7ab; float: left; }
.additional-blocks .col-3 a.read-more { display: block; padding-right: 18px; font: 0.75em/1.3em sylfaen; color: #1d96b8; text-decoration: underline; text-align: right; }

.additional-blocks { width: 970px; padding-bottom: 58px; }

.footer { padding: 0 33px 25px 37px; background: url("../images/content-bottom-bg.png") no-repeat bottom; overflow: hidden; float: left; }
.footer ul.navigation { width: 900px; padding: 15px 0 27px 0; font: 0.88em/1.3em sylfaen; color: #94a0a9; border-top: 1px solid #e7e7e7; overflow: hidden; }
.footer ul.navigation li { padding: 0 26px 0 1px; float: left; }
.footer ul.navigation li a { color: #94a0a9; }
.footer p.copyright { font: 0.75em/1.2em sylfaen; color: #bdbcbc; }
.footer p.copyright span { text-transform: uppercase; }
.footer p.by-iota-studio { font: 0.75em/1.2em sylfaen; color: #a5a5a5; text-align: right; }
.footer p.by-iota-studio a { color: #5d7ba5; text-transform: uppercase; }