* {font-family: Verdana, Helvetica, sans-serif; margin: 0; padding: 0; color: #727272}

img {border: none; vertical-align: bottom}

a {text-decoration: none}

p {margin-bottom: 12px; font-size: 70%; line-height: 150%}
blockquote {padding-left: 30px; margin-bottom: 12px; background: url('/wp-content/themes/spbtolerance/images/blockquote_bg.gif') repeat-y 0 0}

ul, ol {margin-bottom: 12px}
li {font-size: 70%; line-height: 150%; margin-left: 20px}
ul li {margin-left: 20px}
ol li {margin-left: 28px}

div.clear {clear: both; font-size: 1px}

/* KHTML */
textarea {resize: none}

/* MSIE */
div.png {font-size: 1px}

/* Design */
a.english {float: left; color: #adaeae; display: block; padding: 2px 0 0 18px; font-size: 75%}
#search {width: 140px; height: 22px; border: none; background: none; font-size: 90%; color: #c3c3c3; margin-top: 5px}

#media {float: right; padding-right: 22px; width: 169px; height: 34px; background: url('/wp-content/themes/spbtolerance/images/media.gif') no-repeat 0 0}
#media_list {position: absolute; display: none; margin-top: 2px; padding: 8px 0 8px 12px; width: 157px; background-color: #f1fafe; z-index: 10}
#media a {display: block; height: 24px; background: url('/wp-content/themes/spbtolerance/images/media_list.gif') no-repeat}

#media a.media_list_selected {height: 27px; margin: 6px 0 0 12px; background-position: 0 5px}

#media a.media_list_library {background-position: 0 -25px}
#media a.media_list_multimedia {background-position: 0 -55px}
#media a.media_list_press {background-position: 0 -85px}
#media a.media_list_question-answer {background-position: 0 -115px}
#media a.media_list_partners {background-position: 0 -145px}

#menu_area {float: left; width: 188px; height: 400px}

#official {float: left; padding: 8px 0 0 10px}

/* Top icons */

a.top_icon {display: block; float: left; height: 25px; overflow: hidden}
a.top_icon_contacts {width: 86px}
a.top_icon_contacts span {margin-left: 10px}

a.top_icon_rss {width: 47px}
a.top_icon_rss span {margin-left: -75px}

a.top_icon_archive {width: 67px}
a.top_icon_archive span {margin-left: -123px}

a:link.top_icon span, a:visited.top_icon span {display: block; margin-top: -10px}
a:hover.top_icon span, a:active.top_icon span {display: block; margin-top: 10px}

/* Bottom icon */

a.lexla {display: block; float: left; height: 25px; overflow: hidden}
a:link.lexla span, a:visited.lexla span {display: block; margin-top: -15px}
a:hover.lexla span, a:active.lexla span {display: block; margin-top: 5px}

/* Left menu */
#menu {float: left; width: 188px}

div.fixed_menu {position: fixed}

div.fixed_menu_top {position: fixed; top: -10px}

a.menu {display: block; width: 176px; height: 31px; overflow: hidden; border: 1px solid #cecece; border-width: 1px 0 0 0}
a:link.menu span, a:visited.menu span {display: block; margin-left: 14px}
a:hover.menu span, a:active.menu span {display: block; margin-left: -166px}

a.menu_news span {margin-top: 9px}
a.menu_events span {margin-top: -22px}
a.menu_articles span {margin-top: -53px}
a.menu_school span {margin-top: -84px}
a.menu_district span {margin-top: -115px}
a.menu_about span {margin-top: -146px}

a:hover.menu_news, a:active.menu_news, a.active_news {background-color: #e26612}
a:hover.menu_events, a:active.menu_events, a.active_events {background-color: #da214d}
a:hover.menu_articles, a:active.menu_articles, a.active_articles {background-color: #b21c7a}
a:hover.menu_school, a:active.menu_school, a.active_school {background-color: #00a2e2}
a:hover.menu_district, a:active.menu_district, a.active_district {background-color: #9dcb17}
a:hover.menu_about, a:active.menu_about, a.active_about {background-color: #ecec00}

a:link.active span, a:visited.active span, a:hover.active span, a:active.active span {margin-left: -166px}

div#ethno_calendar {width: 153px; padding: 6px 10px 10px 13px; border: 1px solid #cecece; border-width: 1px 0 0 0; background-color: #00b8a9}
div#ethno_calendar p.ec {margin: 0}
div#ethno_calendar p {margin-bottom: 1px; line-height: 100%}
div#ethno_calendar p, div#ethno_calendar p a {color: #e1e1e1}
div#ethno_calendar h4 {font-size: 20px; margin-bottom: 5px; font-weight: normal}
div#ethno_calendar h4 a {color: #fff}

/* Right */
#single_right {float: left; width: 140px; padding: 22px 0 0 12px}
#single_right a {text-decoration: none}
#single_right p.date {font-size: 70%; margin-bottom: 6px; color: #bbb}
#single_right div.block_right {border: 1px solid #cecece; border-width: 0 0 1px 0}
#single_right div.link {font-size: 70%}
#single_right div.tags {font-size: 70%; padding: 15px 0 20px 7px}
#single_right div.tags a:hover, #single_right div.tags a:active {text-decoration: underline}

div.pn_post {width: 134px; height: 19px}
div.pn_page {width: 64px; height: 19px}

div.rollover_button {overflow: hidden}
div.rollover_button a, div.rollover_button span {display: block}
div.rollover_button a:link span, div.rollover_button a:visited span {margin-left: 0}
div.rollover_button a:hover span, div.rollover_button a:active span {margin-left: -150px}
div.rollover_button span.prev {margin-top: 0}
div.rollover_button span.next {margin-top: -19px}

/* Content*/
#main_right {float: left; width: 816px; margin-top: 14px; background: url('/wp-content/themes/spbtolerance/images/separator.gif') repeat-y 0 0}
div.main_col {float: left; width: 400px; padding-left: 8px}

#single_middle {float: left; width: 664px; margin-top: 14px; background: url('/wp-content/themes/spbtolerance/images/separator.gif') repeat-y 0 0}
#single_col {float: left; width: 652px; padding: 12px 0 0 12px; background: url('/wp-content/themes/spbtolerance/images/separator.gif') repeat-y right top}

#link_pages {clear: left; float: left; width: 811px; padding: 28px 5px 32px 0; font-size: 75%}
#link_pages div.pages {float: right; padding-top: 3px; color: #a0a0a0}

/* Block */
div.block {padding: 10px 30px 5px 20px; background-color: #fff; margin-bottom: -10px}
div.block h1 {float: left; font-weight: normal; margin-bottom: 15px; font-size: 24px; padding-bottom: 1px}
/*div.block h1 span, div.block h1 a {border: 1px solid #b9b9b9; border-width: 0 0 1px 0; padding-bottom: 3px; text-decoration: none}*/
/*div.middle_block h1 a {padding-bottom: 3px; text-decoration: underline}*/

div.block h1 span, div.block h1 a {padding-bottom: 2px; text-decoration: none}
div.block h1 a, div.block h1 span {border: 1px solid #b9b9b9; border-width: 0 0 1px 0; padding-bottom: 3px}

div.block p {clear: left}
div.block b, div.block strong {font-weight: normal; color: #000}
div.block a {text-decoration: underline}

/* Middle blocks */
div.middle_block h1 {max-width: 339px} /* MSIE */

/* Big blocks */
div.big_block h1 {width: 579px} /* MSIE */

div.block_question {background: #9f9f9f url('/wp-content/themes/spbtolerance/images/q.gif') no-repeat 0 0}
div.block_question * {color: #fff}
div.block_question div {padding: 12px 30px 10px 50px; background: url('/wp-content/themes/spbtolerance/images/marker.gif') no-repeat 35px bottom}
div.block_question div p {color: #fff; font-size: 70%; margin-bottom: 5px}

div.block_answer {padding: 0 0 0 30px}

div.block_quote {background: #9f9f9f url('/wp-content/themes/spbtolerance/images/quot.gif') no-repeat 0 3px; margin: 0 -30px 15px -20px}
div.block_quote h3 {padding: 36px 18px 28px 20px; font-style: italic; font-size: 21px; line-height: 100%; color: #fff; font-family: Times New Roman, sans}
div.block_quote_marker {background: url('/wp-content/themes/spbtolerance/images/marker.gif') no-repeat 35px bottom}
div.big_block div.block_quote h3 {padding: 23px 18px 18px 50px}

/* Sendmail */
#sendmail_balloon {position: absolute; width: 243px; height: 170px; padding: 13px 0 0 50px}
#sendmail_balloon_bg {position: absolute; width: 293px; height: 180px}
#sendmail_balloon input {width: 170px; height: 22px; border: none; background: none; font-size: 90%; margin-top: 28px}
#sendmail_balloon form {width: 180px}

#sendmail_buttons {font-size: 75%; margin: 20px 0 0 5px; float: left}
#sendmail_buttons a {padding-right: 15px}

#wp-email-loading {font-size: 75%; margin: 17px 0 0 30px; display: none}

/* Calendar */
#calendar_month {float: left; width: 99px; height: 44px; background: url('/wp-content/themes/spbtolerance/images/etnocalendar_month.gif') no-repeat 0 0; font-size: 11px; padding-right: 19px}
#calendar_month_current {padding: 15px 0 0 14px; cursor: pointer; height: 29px}
#calendar_month_list {position: absolute; display: none; background-color: #f1fae1; margin-top: 2px; padding: 12px 0 12px 14px; width: 86px; z-index: 100}
#calendar_month_list a {display: block}
#calendar_month_list a:hover {text-decoration: underline}

#calendar_day {float: left; width: 75px; height: 44px; background: url('/wp-content/themes/spbtolerance/images/etnocalendar_day.gif') no-repeat 0 0; font-size: 11px; padding-right: 19px}
#calendar_day_current {padding: 15px 0 0 14px; cursor: pointer; height: 29px}
#calendar_day_list {position: absolute; display: none; background-color: #f1fae1; margin-top: 2px; padding: 12px 0 12px 14px; width: 63px; z-index: 100}
#calendar_day_list a {display: block}
#calendar_day_list a:hover {text-decoration: underline}

#calendar_ok {float: left; width: 50px; height: 44px; background: url('/wp-content/themes/spbtolerance/images/etnocalendar_ok.gif') no-repeat 0 0; font-size: 11px; padding: 15px 0 0 17px; cursor: pointer; text-decoration: underline}

#calendar_all {width: 754px; height: 27px; margin-bottom: 10px; background: #f00 url('/wp-content/themes/spbtolerance/images/etnocalendar_all.gif') no-repeat 0 0; font-size: 11px}
#calendar_all_current {padding: 5px 0 0 14px; cursor: pointer; height: 22px}
#calendar_all_list {position: absolute; display: none; background-color: #f1fae1; margin-top: 2px; padding: 12px 0 12px 14px; width: 740px; z-index: 100}
#calendar_all_list a {display: block; width: 700px}
#calendar_all_list a:hover {text-decoration: underline}

/* District */
#district {width: 225px; height: 27px; margin-bottom: 10px; background: url('/wp-content/themes/spbtolerance/images/district_select.gif') no-repeat 0 0; font-size: 11px; padding-right: 19px}
#district_current {padding: 5px 0 0 14px; cursor: pointer; height: 22px}
#district_list {position: absolute; display: none; background-color: #f1fae1; margin-top: 2px; padding: 12px 0 12px 14px; width: 210px; z-index: 100}
#district_list a {display: block}
#district_list a:hover {text-decoration: underline}

/* Feedback form */
#feedback {clear: left; background: url('/wp-content/themes/spbtolerance/images/form_bg.gif') no-repeat 0 0; width: 338px}
#feedback div {margin-left: 9px; padding-top: 2px}
#feedback input, #feedback textarea {display: block; border: none; width: 325px; font-size: 11px; background-color: transparent}
#feedback input {height: 15px}
#feedback textarea {height: 102px}
#feedback div.captcha input {width: 120px; margin: 0 40px 12px 0; float: left}
#feedback a {margin: 0 45px 0 12px}

/* School */
h2 {font-size: 16px; margin-bottom: 15px; line-height: 10px}
h2 a:link, h2 a:visited {text-decoration: none}
div.category-school-stories h2 a, div.category-school-stories h2 span {color: #4a7da4}
div.category-school-portrait h2 a, div.category-school-portrait h2 span {color: #336b16}
div.category-school-say h2 a, div.category-school-say h2 span {color: #de2574}
div.category-school-dictionary h2 a, div.category-school-dictionary h2 span {color: #dc1807}

div.category-school-stories div.block_quote {background-color: #4a7da4; background-image: url('/wp-content/themes/spbtolerance/images/quot-school-stories.gif')}
div.category-school-portrait div.block_quote {background-color: #336b16; background-image: url('/wp-content/themes/spbtolerance/images/quot-school-portrait.gif')}
div.category-school-say div.block_quote {background-color: #de2574; background-image: url('/wp-content/themes/spbtolerance/images/quot-school-say.gif')}
div.category-school-dictionary div.block_quote {background-color: #dc1807; background-image: url('/wp-content/themes/spbtolerance/images/quot-school-dictionary.gif')}

div.block_quote h5 {padding: 24px 18px 28px 55px; font-weight: normal; font-size: 24px; line-height: 100%; color: #fff; font-family: sans-serif}
div.big_block div.block_quote h5 {padding: 23px 18px 18px 50px}

a.site_link {display: block; width: 327px; height: 40px; background: url('/wp-content/themes/spbtolerance/images/home_link.png') no-repeat 0 0}
a:link.site_link, a:visited.site_link {background-position: 0 0}
a:hover.site_link, a:active.site_link {background-position: 0 -40px}


/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */