html, body {margin: 0; padding: 0; height: 100%; font: normal 12px 'Helvetica','Sans',sans-serif; color: #333}

.clear {float: none; clear: both}

p, ul, li, h1, h2, h3, h4 {margin: 0; padding: 0; font-weight: normal}
li {list-style: none}
a:link, a:visited {text-decoration: none}
a:hover {text-decoration: underline}

h1, h2, h3, h4 {font-family: times}
h2 {font-size: 1.4em}

table {width: 100%; border: none}
table td, table th {border: none; margin: 0; padding: 2px 5px; border-collapse: collapse; border-spacing: 0}
	table td {border-bottom: 1px solid #ccc}
	table th {background: #f4f4f4}
		table td p, table th p {margin: 0 !important}

#site-wrapper {position: relative; min-height: 100%}
	#site-padding {padding: 0 0 83px}

#top-bar {width: 100%; padding: 4px 0; background: #000 url('navi.jpg') center top repeat-x; color: #fff}
	#top-bar .placer {width: 860px; height: 22px; margin: 0 auto}
	#top-bar .left-side {float: left; line-height: 20px; padding: 2px 0 0; font-size: 10px; text-transform: uppercase; font-weight: bold}
		#top-bar .left-side a {padding: 0 0 0 10px; background: url('bullet_left.gif') left center no-repeat}
	#top-bar a {color: #ccc}
	#top-bar a:hover {color: #f00; text-decoration: none}

#search-form {background: #666; float: right}
	#search-form p {padding: 3px 5px 3px 3px}
	#search-form p * {vertical-align: middle; margin: 0 0 0 2px}
	#search-form label {text-transform: uppercase; font-size: 10px; font-weight: bold}
	#search-form .text {width: 100px; height: 15px; background: #999; color: #fff; border: none; padding: 0 2px}
	#search-form .submit {width: 15px; height: 15px; overflow: hidden; background: url('otsi.gif') center center no-repeat; border: none; padding: 0}

#header {width: 870px; margin: 10px auto 0}
	#logo {float: left}
	#logo a {display: block; width: 210px; height: 170px; background-position: center center; background-repeat: no-repeat}
	#header-banner {/*position: absolute; width: 430px; margin-left: 220px*/ width: 430px; height: 170px; float: left; margin: 0 0 0 10px}
		#header-banner embed {width: 430px; height: 170px}
	#quicklinks {float: right; background: #f4f4f4; width: 210px; height: 170px}
	#quicklinks h2 {padding: 5px 16px 5px 30px; line-height: 30px; color: #b12c3e; background: url('bullet_arrow.gif') 12px center no-repeat}
	#quicklinks ul {padding: 8px}
	#quicklinks a {color: #333; padding: 0 0 0 10px; background: url('bullet.gif') left 0.3em no-repeat}
	#quicklinks a:hover {color: #b12c3e; text-decoration: none}

#content {position: relative; width: 880px; margin: 0 auto; padding: 60px 0 0; clear: both}
	.home {padding: 0 !important}
	#content .home-block {position: relative; overflow: hidden; padding: 10px 0 0}
	#content .home-block .item {width: 210px; margin: 0 5px -500px; padding: 0 0 500px; background: #f4f4f4; float: left}
	#content .home-block .item h2 {padding: 5px 5px 3px 35px; line-height: 20px; font-size: 16px; background: #f0f0f0 url('g_header_1.png') left top; border-bottom: 2px solid #fff}

	/* WebTech Edit 
	#content .home-block .item .Erakool:hover { border-bottom: 2px solid #000;}
	 WebTech Edit */
	
		#content .home-block .item h2 * {vertical-align: middle}
		#content .home-block .item h2 .icon {margin-left: -30px}
		#content .group-2 .item h2 {background-image: url('g_header_2.png')}
	#content .home-block .item h2 a {color: #fff}
	#content .home-block .item h2 a:hover {color: #f1d1d3; text-decoration: none}
		#content .group-2 .item h2 a:hover {color: #d8d8d8}
	
	#content .home-block .item ul {padding: 8px}
	#content .home-block .item ul a {color: #333; padding: 0 0 0 10px; background: url('bullet.gif') left 0.3em no-repeat}
	#content .home-block .item ul a:hover {color: #b12c3e; text-decoration: none}

	#content .half-block {width: 50%; float: left; padding: 20px 0 0;}

	.content-float {float: right; width: 655px; margin: 0 20px 0 0}
		.content-float h2 {color: #000; margin: 20px 0 0; font-size: 24px; line-height: 30px; border-bottom: 2px solid #b12c3e}
		.content-float h3 {color: #000; font-size: 18px; margin: 30px 0 0}
		.content-float p {margin: 1.5em 0; color: #333; line-height: 1.5em}
		.content-float ul {margin: 0; padding: 0 0 0 3em; color: #333; line-height: 1.5em}
		.content-float li {list-style: disc}
		.content-float a {color: #b12c3e}
		.content-float a:hover {color: #f00; text-decoration: none}

		.content-float .date {margin: 5px 0 10px; color: #666}
		.content-float #older-news-list {margin: 0; padding: 5px 0}
			.content-float #older-news-list li {list-style: none}
	
	#content .banner {margin: 0 10px}

.list-block {}
	.list-block h2 {color: #b12c3e; border-bottom: 2px solid #999; margin: 0 5px; padding: 0 10px}
	.list-block h3 {font: bold 12px 'Helvetica', 'Sans', sans-serif}
	.list-block ul {margin: 0 5px}
	.list-block ul li {padding: 3px 10px 3px 20px; border-bottom: 1px solid #e5e5e5; background: #f4f4f4 url('bullet_arrow_sm.png') 0.25em 0.25em no-repeat}
	.list-block ul li a {color: #666}
	.list-block ul li a:hover {color: #b12c3e; text-decoration: none}
	.list-block ul li strong {display: block}
	
	.list-block p {margin: 10px 0}
	
	.list-block a img {border: none}

	.list-block .thumbnail {float:left;margin:10px 0.5em 0 0}

	ul.event-meta{margin:0 0 0.5em;padding:0.5em 0;border-bottom:1px solid #e5e5e5}
		ul.event-meta li{border:none;background:none;padding:0 0 0 20px;font-weight:bold;display:inline}
			.list-block ul.event-meta{border:none;margin:0;padding:0}
			.list-block ul.event-meta li{font-size:0.95em;padding:0}
			ul.event-meta li.time{background:url(i_calendar.png) left center no-repeat;margin-right:0.5em}
			ul.event-meta li.location{background:url(i_location.png) left center no-repeat}

	ul.related-links{margin:0;padding:0;float:left}
		ul.related-links li{list-style:none;padding-left:10px;background:url(bullet.gif) left center no-repeat}
	p.read-more{float:right;margin:0;padding-right:20px;background:url(bullet_arrow_sm_red.png) right center no-repeat}

#page-menu-placer {position: absolute; width: 870px; margin: 0 auto; top: 220px; left: 50%; margin-left: -435px}
	#page-menu {background: url('p_menu_bg_pink.png') center center no-repeat; font: normal 16px/40px times; padding: 0 15px; height: 40px}
	#page-menu li {position: relative; display: block; float: left; text-transform: uppercase}
		#page-menu li ul {position: absolute; top: 100%; left: 0; width: auto; display: none; padding: 2px 0 5px; font-size: 12px; background: #f4f4f4; border-bottom: 3px solid #b12c3e; font-family: 'Helvetica', 'Sans', sans-serif}
		#page-menu li ul li {float: none; text-transform: none; line-height: 1em; margin: 0; padding: 0 8px}
	#page-menu a {color: #fff; display: block; padding: 0 6px}
	#page-menu a:hover, #page-menu li.selected a, #page-menu li.hover a {color: #fff; background: url('p_menu_selected_black.png') right center no-repeat; text-decoration: none}
	#page-menu ul a {color: #000 !important; background: none !important; border-bottom: 1px dotted #999; padding: 3px 20px 3px 0; display: block; white-space: nowrap}
	#page-menu ul a:hover {color: #666 !important}

#group-menu {width: 870px; margin: 10px auto; padding: 6px 0 5px; background: #000 url('g_menu_bg.png') center center no-repeat}
	#group-menu li {display: inline; padding: 0 0 0 30px; font-size: 10px; line-height: 30px; text-transform: uppercase}
	#group-menu a {color: #fff}
	#group-menu a:hover {color: #fff; text-decoration: none}

#sub-menu {width: 180px; background: #f4f4f4; padding: 10px 0; margin: 0 0 0 5px; float: left}
	#sub-menu h3{padding:0 10px}
		#sub-menu ul{margin:0 0 10px}
			#sub-menu li ul{margin:0}
	#sub-menu li {padding: 0 10px}
	#sub-menu li a, #sub-menu li.selected ul a {color: #000; border-bottom: 1px dotted #ccc; display: block; padding: 2px 0 2px 10px; background: url('bullet.gif') left 0.5em no-repeat;}
	#sub-menu li a:hover, #sub-menu li.selected a:hover {color: #666; text-decoration: none}
	#sub-menu li.selected a, #sub-menu li.selected ul li.selected a {text-decoration: none; color: #b12c3e}
	#sub-menu li ul li {text-transform: none;padding-right: 0}

.sitemap {margin: 0 0 0 20px; width: 420px; float: left}
	.sitemap a {color: #333}
	.sitemap a:hover {color: #b12c3e; text-decoration: none}
	.sitemap li {font-size: 12px; font-weight: bold; padding: 0 0 0 10px; background: url('bullet.gif') left 0.35em no-repeat}
	.sitemap ul {padding: 0 0 0 10px}
		.sitemap ul li {font-weight: normal; background: none}

#footer {position: absolute; width: 870px; height: 60px; left: 50%; margin-left: -435px; bottom: 0; background: #eee; border-top: 3px solid #e5e5e5; font-size: 11px; color: #333; line-height: 60px; text-align: center}
	#footer img {vertical-align: middle; margin: 0 0.5em 0 0}
	#footer a {color: #666}

#search-results h2 {margin: 10px 0 0}
#search-results a {color: #b12c3e}
#search-results a:hover {color: #f00; text-decoration: none}
#pager, #search-results-type {text-align: center; padding: 10px 0; margin: 20px 0 0; border-top: 2px solid #b12c3e}
#search-results-type {margin: 0 0 20px; border-top: none; border-bottom: 2px solid #b12c3e; text-align: left}
	#pager li, #search-results-type li {display: inline; margin: 0 2px}
	#pager a, #search-results-type a {padding: 2px; color: #333}
	#pager a:hover, #pager .current a {background: #b12c3e; color: #fff; text-decoration: none}
	#search-results-type a {color: #b12c3e}
	#search-results-type a:hover, #search-results-type .current a {color: #f00; text-decoration: none}

#gallery {}
	#gallery h2 {border: none}
	#gallery a {color: #b12c3e}
	#gallery a:hover {color: #f00}
	.album-data {float: right; width: 480px}
	.thumbnail {float: left}
		.thumbnail a img {border: 2px solid #b12c3e}
		.thumbnail a:hover img {border-color: #f00}
	#gallery .album-separator {padding: 5px 0 0; margin: 0 0 10px; border-bottom: 1px solid #b123ce}

#album {}
	#back-to-gallery {display: block; float: right; font: normal 12px/38px 'Helvetica','Sans',sans-serif; padding: 0 0 0 10px; background: url('bullet_left.gif') left center no-repeat}
	#album ul {margin: 0; padding: 0}
	#album ul li {float: left; margin: 3px; list-style: none}
	#album ul li a {display: block; width: 100px; height: 100px; overflow: hidden; border: 1px solid #b12c3e}
	#album ul li a:hover {border-color: #f00}
	#album ul li  a img {border: none}

#banner {position: absolute; width: 860px; height: 166px; margin: 0 auto; top: 30px; background: #abc; display: none}

/* Header blocks */
#header-blocks{float:left}
	#header-blocks .block{width:210px;height:170px;overflow:hidden;margin-left:10px;float:left}
		#header-blocks .block *{vertical-align:top}
		#header-blocks .block a img{border:none}
/*#header-accordion{width:440px;height:170px;overflow:hidden}
	#header-accordion .wrapper{width:1000px;padding-left:94px}
	#header-accordion .tab{width:230px;height:170px;margin-left:-94px;border-left:5px solid #fff;float:left;background:#eee}
		#header-accordion .image{width:65px;height:170px;float:left;overflow:hidden}
		#header-accordion .body{width:130px;float:left;padding:2em 0 0 10px}
			#header-accordion h3{font-size:1.5em;margin-bottom:0.25em}
				#header-accordion a{color:#666}
				#header-accordion a:hover{color:#333;text-decoration:none}
				#header-accordion h3 a{color:#ba1c3e}
				#header-accordion h3 a:hover{color:#f00}*/

/* Widgets stuff */
.album {position: relative; width: 430px; height: 323px}
	.album li {background: none !important; border: none !important; padding: 0 !important; margin: 0 !important; position: absolute; top: 0; left: 0; width: 430px; height: 323px; display: none}
		.album li a {display: block; width: 430px; height: 323px; overflow: hidden}
		.album li img {width: 100%; border: none !important}

/* Editor Stuff */
#logo .scms_context_button_anchor {margin: 20px 0 0 20px}
#header-banner .scms_context_button_anchor {position: absolute}
#page-sections {width: 870px; margin: 10px auto}
	#page-sections li {display: inline; padding: 0 5px}
.conf-form {margin: 10px; padding: 10px; border: 1px solid #999; background: #eee}
	.conf-form p {padding: 3px 0}
	.conf-form label {width: 100px; margin: 0 10px 0 0}
	.conf-form input, .conf-form select {width: 300px}
	.conf-form p.submit {text-align: center}
	.conf-form p.submit input {display: inline; width: auto; padding: 0 20px}