html {overflow-y: scroll}
body {background-color: #1f6831; text-decoration: none; font: normal 9pt Arial; color: #666}

h1, h2, h3 {font-family: Arial, s-serif; font-weight: bold}
h1 {font-size: 12pt; color: #c60; margin: 10pt 0 5pt}
h2 {font-size: 10pt; color: #999; text-transform: uppercase; margin: 8pt 0 3pt}
h3 {font-size: 9pt; color: #666; margin: 5pt 0 3pt}

a:link, a:visited {font-family: Arial, s-serif; color: #c60; text-decoration: none}
a:hover {text-decoration: underline}

#page {background: #fff; width: 866px; margin: 0 auto}
div.pagePad {padding: 8px}

#logo {background-color: #fff; width: 100%; height: 70px; float: left; margin: 0}
#logo_ava {background: #fff; width: 100%; height: 130px; margin: 0}

#loop{background: url(../images/loop2.png); width: 42px; height: 28px; float: right; padding-left: 70px; margin-top: 42px}

#search {width: 210px; height: 28px; position: absolute; right: 0; bottom: 0; background-color: #d9e098}
.searchbox {padding: 0 0 0 4px; line-height: 28px}
.insis {background: #eaeec7; border: none; padding: 2px; width: 157px; color: #b3c32b}

.searchsub {background: url(../images/luup.png) 0px 0px no-repeat; width: 36px; height: 26px; padding: 0; border: none; margin: 0 2px}
.searchsub:hover {background: url(../images/luup.png) -36px 0 no-repeat; cursor: pointer}

#languages {position: absolute; right: 0; top: 0; text-align: right}
	#languages a {margin-left: 10px}
	#languages a img {border: none}

div.searchPager {text-align: center}

#logo_header {width: 849px; height: 70px; margin: 0; position: relative}
#logo_header_ava {width: 849px; height: 130px; margin: 0; position: relative}

#header {width: 100%; height: 224px; padding: 0}

#pic2{width: 556px; height: 224px; float:left; position:relative; overflow: hidden}
	#pic2 p {margin: 0}

#adivv{
float: right;
}

#maailmakool {margin-left: 17px; float: left}
#maailmakool img {border: none}

#menu {float:left}
	#header .font-smaller li a {font-size: 14px !important}

#menu ul {list-style: none; margin: 0; padding: 0; width: 293px}

#menu li {padding:0px}
	#menu li a:link, #menu li a:visited, #menu li a:active {color: #fff; line-height: 32px; font-size: 16px; display: block; padding: 0 24px; text-transform: uppercase}
	#menu li a:hover, #menu li.current a:link, #menu li.current a:visited {text-decoration: none; background-image: url('../images/main_menu_sprite.jpg'); background-repeat: no-repeat}
	#menu .l0 {background-color: #cf6532}
		#menu .current .l0, #menu .l0:hover {background-position: 0px 0px}
	#menu .l1 {background-color: #a1ceda}
		#menu .current .l1, #menu .l1:hover {background-position: 0px -32px}
	#menu .l2 {background-color: #b4c42c}
		#menu .current .l2, #menu .l2:hover {background-position: 0px -64px}
	#menu .l3 {background-color: #be051e}
		#menu .current .l3, #menu .l3:hover {background-position: 0px -96px}
	#menu .l4 {background-color: #3476ba}
		#menu .current .l4, #menu .l4:hover {background-position: 0px -128px}
	#menu .l5 {background-color: #6fa838}
		#menu .current .l5, #menu .l5:hover {background-position: 0px -160px}
	#menu .l6 {background-color: #f4df24; color: #999 !important}
		#menu .current .l6, #menu .l6:hover {background-position: 0px -192px}

/*#link0 a, #link1 a, #link2 a, #link3 a, #link4 a, #link5 a, #link6 a, #link7 a {background: url(../images/peamenyy.png) top left no-repeat; width: 293px; height: 32px; display: block; overflow: hidden; text-decoration: none}

#link0live a, #link1live a, #link2live a, #link3live a, #link4live a, #link5live a, #link6live a, #link7live a {background: url(../images/peamenyy.png) top left no-repeat; width: 293px; height: 32px; display: block; overflow: hidden; text-decoration: none}

#link0 a:link, #link0 a:visited {background-position: 0 32px}*/

/*#link1 a:link, #link1 a:visited {background-position: 0px 0px}
#link1 a:hover {background-position: -293px 0px}
#link1live a:link, #link1live a:visited, #link1live a:hover {background-position: -293px 0px}
#link2 a:link, #link2 a:visited {background-position: 0px -32px}
#link2 a:hover {background-position: -293px -32px}
#link2live a:link, #link2live a:visited, #link2live a:hover {background-position: -293px -32px}
#link3 a:link, #link3 a:visited {background-position: 0px -64px}
#link3 a:hover {background-position: -293px -64px}
#link3live a:link, #link3live a:visited, #link3live a:hover {background-position: -293px -64px}
#link4 a:link, #link4 a:visited {background-position: 0px -96px}
#link4 a:hover {background-position: -293px -96px}
#link4live a:link, #link4live a:visited, #link4live a:hover {background-position: -293px -96px}
#link5 a:link, #link5 a:visited {background-position: 0px -128px}
#link5 a:hover {background-position: -293px -128px}
#link5live a:link, #link5live a:visited, #link5live a:hover {background-position: -293px -128px}
#link6 a:link, #link6 a:visited {background-position: 0px -160px}
#link6 a:hover {background-position: -293px -160px}
#link6live a:link, #link6live a:visited, #link6live a:hover {background-position: -293px -160px}
#link7 a:link, #link7 a:visited {background-position: 0px -192px}
 #link7 a:hover {background-position: -293px -192px}
#link7live a:link, #link7live a:visited, #link7live a:hover {background-position: -293px -192px}*/
#calender{
width: 206;
height: 185;
float: right;
}

#menu2 {height: 55px; text-transform: uppercase; padding: 14px 0 20px}
#menu2 ul {list-style: none; margin: 0; padding: 0; position: absolute; z-index: 13100}
#menu2 ul li {display: block; float: left; position: relative}
#menu2 ul li a {background: url(../images/menu_bumerang.png) center center no-repeat; display: block; padding: 16px 30px 25px 15px; font: bold 9pt Verdana, Arial, sans-serif; color: #333; text-decoration: none}
#menu2 ul li a:hover, #menu2 ul li a.active {background: url(../images/menu_mousover.png) center center no-repeat; color: #333}

#menu2 ul li ul {position: absolute; padding: 0; top: 35px; left: 10px; display: none}
#menu2 ul li ul li {display: block; clear: both}
#menu2 ul li ul li a {padding: 6px; border-bottom: 1px solid #d9e098; background-image: none; background: #eaeec7; width: 156px; height: auto; font: normal 8pt Verdana, Arial, s-serif; color: #363; display: block; text-align: left}
#menu2 ul li ul li a:hover {background-image: none; background: #d9e098}

/* Fix IE. Hide from IE Mac \*/
/* html ul li { float: left; } 
* html ul li a { height: 1%; }
/* End */

#menu2 b {
	text-decoration: underline;
}

#content {width: 850px}

#short{
width: 610px;
float: left;
text-align: left;
border: solid #d4dcab;
border-width: 3px;
height:100%;
}

div#footer {width: 100%; float: left; margin-top: 25px}

#lai{
width: 500px;
height: 50px;
float: left;
}

#sisuteksti_kast{
background-image: url(../images/sisutaust_up.png);
background-repeat: repeat-x;
width: 100%;
height: 30px;
float: left;
}

#tekst{
background: url(../images/sisutaust_down.png) bottom;
background-repeat: repeat-x;
width: 100%;
float: left;
padding-bottom: 15px;
color: #666666;
}

#tekst a{
color: #cc6600;
font-size: 11px;
font-weight: bold;
text-decoration: underline;
}

div.kast3 {width: 100%; float: left; text-align: left}
div.kast3_1 {padding: 15px 5px; margin: 2px 0; color: #666}

#copy{
width: 100%;
height: 25px;
color: #666666;
text-align: center
}

.footerNupp img {border: none}
#sisujuht {position: absolute; width: 46px; height: 44px; margin: 4px 0 0 2px}
#print {position: absolute; width: 42px; height: 42px; margin: 0 0 0 803px}
#email {position: absolute; width: 42px; height: 43px; margin: 0 0 0 748px}

#links {width: 100%; padding: 0 0 10px; text-align: center}
#links a {font-size: 12px; color: #326633; margin: 0 7px 0 3px}

#teemal{
background: url(../images/sellel_teemal.png);
background-repeat: no-repeat; 
width: 220px;
height: 21px;
float: right;
color: #cc6600;
font-size: 12pt;
text-transform:uppercase
}

#teemal_tekst{
width: 200px;
float: left;
padding-left: 15px;
color: #cc6600;
font-size: 12pt;
}

#calender{
width: 200px;
float: left;
padding-left: 15px;
color: #cc6600;
font-size: 12pt;
color: #666666;
}

.banners {width: 200px; color: #c60; font-size: 12pt; color: #666}

div.indexWrap {width: 614px; margin: 0 0 7px; padding: 0; background: url(../images/indexwrap.png) top left repeat-y}
div.indexWrapPad {padding: 0 1px}
div.padded {padding: 0 1px 125px}
div.indexFrame {width: 614px; height: 1px; margin: 0; padding: 0; overflow: hidden; background: url(../images/indexframe.png) top left no-repeat}
div.indexPad {padding: 12px 10px; overflow: visible}

div.imgMaster {position: absolute; width: 614px; height: 125px; overflow: hidden; margin-top: -125px}
div.indexImgWrap {width: 300px; height: 125px; overflow: hidden; float: left; margin-left: -1px}
div.imgSpacer {width: 16px; height: 125px; overflow: hidden; float: left}

.index {width: 298px; position: relative; float: left; text-align: left; color: #666; background: url(../images/index.bg.png) top left repeat-x}

div.clearleft {clear: left}
div.clearright {clear: right}

div.index img {}
div.index p {}

.tava {background: none}


.index h1 {padding: 0px; margin: 0px}
.index h1 a:link, .index h1 a:visited {color: #656565; text-transform:uppercase; font-size:14px}
.index h1 a:hover {text-decoration: none}

.indexSpacer {width:16px; height: 100%; float:left}

#teemal_tekst a{
color: #cc6600;
font-size: 12pt;
text-decoration: underline;
}

#teema_vahel{
width: 200px;
height: 15px;
float: left;
}

div.artikkelBack {width: 100%; background: url(../images/artiklikast_back.png) top left repeat-y}
div.artikkelHead {width: 100%; background: url(../images/artiklikast_head.png) top left no-repeat}
div.artikkelFoot {width: 100%; background: url(../images/artiklikast_foot.png) bottom left no-repeat}
div.artikkelWrap {width: 614px; float: left}
div.artikkelPad {padding: 15px 15px 30px; min-height: 200px; font-family: Arial, s-serif; font-size: 9pt; color: #666}
div.artikkelPad img[align=left] {border: none; padding: 0 10px 0 0}
div.artikkelPad img[align=right] {border: none; padding: 0 0 0 10px}
div.artikkelPad a:link, div.artikkelPad a:visited {font-family: Arial, s-serif; font-size: 9pt; color: #c60}
div.artikkelPad a:hover {text-decoration: underline}

div.rightSide {float: left; width: 210px; margin-left: 25px}
div.clear {clear: both}

div.w305 {width: 305px}

div.h20 {height: 20px}
div.h35 {height: 35px}
div.h75 {height: 75px}

div.rightSideLisaWrap {width: 100%}
div.rightSideLisaWrap ul {padding: 0; margin: 0; list-style: none}
div.rightSideLisaWrap ul li {padding: 12px 0; border-bottom: 1px solid #d9e098}
div.rightSideLisaWrap a:link, div.rightSideLisaWrap a:visited {display: block; padding: 0 0 0 25px}
div.rightSideLisaWrap a:hover, div.rightSideLisaWrap a.active {text-decoration: none; background: url(../images/right_bullet.png) 7px 2px no-repeat}
div.rightSideHead {width: 100%; padding: 5px 0; font: normal 8pt Arial, s-serif; color: #c60; background: #d9e098; text-transform: uppercase; text-align: center}

div.rightSidePakettWrap {width: 100%}
div.rightSidePakettWrap ul {padding: 15px 0 0 10px; margin: 0; list-style: none}
div.rightSidePakettWrap ul li {font-weight: bold; color: #c60}
div.rightSidePakettWrap ul li ul {padding: 4px 0 4px 25px}
div.rightSidePakettWrap ul li ul li {font-weight: normal; padding: 2px 0}

.sitemapList {margin: 0; padding: 0}
.sitemapList li {list-style: none; font-weight: bold; padding: 10px 0 0}
.sitemapList li ul {padding: 0}
.sitemapList li ul li ul {padding: 0 0 0 10px}
.sitemapList li ul li, .sitemapList li ul li ul li {font-weight: normal; padding: 2px 0 0}
.sitemapList li ul li ul li {font-style: italic}

span.uudisTimestamp {display: block; font-size: 8pt; font-style: italic; padding: 0 0 10px}
span.vanemUudisTimestamp {font-size: 8pt; font-style: italic; color: #666}
span.uudisedArhiiv {display: block; padding: 20px 0; font-weight: bold}
ul.uudisArhiiv {margin: 0; padding: 0; list-style: none}
ul.uudisArhiiv li {padding: 1px 0}
ul.uudisArhiiv li span.date {font-size: 8pt; font-style: italic; width: 65px; display: block; float: left}
div.rightSideLisaWrap a.uudisedArhiiv:link, div.rightSideLisaWrap a.uudisedArhiiv:visited {font-weight: bold}
div.rightSideLisaWrap a.uudisedArhiiv:hover {background: none; text-decoration: underline}
span.loeVeel {display: block; padding: 5px 0 0}

div.ResultDescription {font-weight: normal}

p.pollKysimus {font-weight: bold; margin: 10px 0 5px}
div.rightSideLisaWrap ul.pollVastused li {padding: 0}
div.pollVastus {width: 100%; padding: 5px 0}
.pollSubmit {background: #d9e098; color: #c60; font-family: Arial, s-serif; font-size: 8pt; text-transform: uppercase; padding: 3px 10px 2px; border: 1px solid #b3c32b}
div.protsentBarWrap {width: 200px; height: 6px; border: 1px solid #c60}
div.protsentBarWrap div {height: 100%; background: #c60; overflow: hidden}

div.rightSideLisaWrap ul.vastatudPoll li {padding: 10px 0}
ul.vastatudPoll li p {margin: 5px 0}

div.kalenderWrap {padding: 0 7px 5px; background: #eaeec7}
div.kalenderHead {width: 100%; padding: 6px 0; font: normal 8pt Arial, s-serif; color: #376936; text-transform: uppercase; text-align: center; background: #d9e098}
.kalenderBody {color: #376936}
.kalenderBody tbody {margin: 0; padding: 0}
.monthSelector td {padding: 3px 0 1px}
.monthSelector img {border: none}
.currentMonth {text-align: center; width: 160px; margin: 2px 0 0}
div.rightSideLisaWrap .monthSelector a:link, div.rightSideLisaWrap .monthSelector a:visited {margin: 0; padding: 0; color: #376936; font-weight: bold; text-transform: uppercase}
div.rightSideLisaWrap .monthSelector a:hover {background: none}

.eventArea {padding: 2px}
.kalenderBody {width: 100%}
.kalenderBody td {text-align: center; font-size: 8pt}
	.kalenderBody .week td {height: 28px; width: 28px}
	.kalenderBody tr.weekDays td {font-weight: bold}
.week {margin: 0 0 1px}
.weekDate {font-weight: normal; padding: 0}

.week a:link, .week a:visited {background: none; padding: 0 !important; margin: 2px; line-height: 24px; color: #376936; background: #dae099}
.week a:hover {background: #dae099 !important; margin: 1px; border: 1px solid #376936}
	.week .today {margin: 1px; border: 1px solid #376936; display: block; line-height: 24px}

/*div.rightSideLisaWrap .week a:link, div.rightSideLisaWrap .week a:visited {display: block; width: 26px; line-height: 26px; padding: 0; text-align: center; border: 1px solid #eaeec7; color: #376936}
div.rightSideLisaWrap .week a:hover {border: 1px solid #376936; background: none}
div.rightSideLisaWrap .week a.event {background: #d9e098}
div.rightSideLisaWrap .week a.event:hover {color: #c60; background: #d9e098}
div.rightSideLisaWrap .week a.currentDate:link, div.rightSideLisaWrap .week a.currentDate:visited {border: 1px solid #376936}*/
div.rightSideLisaWrap .othermonth {text-align: center; padding: 4px 0; color: #c0cc99; cursor: default}

div.eventDescription {position: absolute; width: 225px; margin: 3px 0 0 -199px; background: #fff; border: 1px solid #376936; display: none; z-index: 13100}
div.eventDescription div {padding: 4px 6px; text-align: left}
div.rightSideLisaWrap div.eventDescription a:link {display: inline; padding: 0; border: none; background: none}
div.eventDescription p {font-size: 8pt; margin: 4px 0 0; padding: 0; color: #333}
div.eventDescription h1 {font-size: 8pt; margin: 0; color: #666}

div.fototekstWrap {position: absolute; left: 0px; bottom: 0px; width: 556px; padding: 0 0 35px}
div.fototekst {position: relative; padding: 5px 70px 5px 40px; font-family: Helvetica, Trebuchet MS, sans-serif; font-size: 16px; font-style: italic; color: #fff; background: url(../images/op30.png); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='op30.png');}
div.fototekst span {display: block; text-align: right; font-size: 14px}

div.galleryWrap {padding: 0 80px}
div.albumWrap {padding: 0 100px}
div.album {padding: 4px 4px 0px 12px}
div.highlight {background: #e9e9e9}
div.albumDesc {width: 480px; float: left}
div.albumThumb {width: 140px; text-align: center; float: right}
div.albumThumb a:link, div.albumThumb a:visited {display: block; margin: 4px}
div.albumThumb a:link img, div.albumThumb a:visited img {border: none}
div.albumThumb a:hover {margin: 0}
div.albumThumb a:hover img {border: 4px solid #c60}

div.galleryNavigation {padding: 4px 0; background: #e5e5e5}

div.galScroll {width: 85px; float: left; padding: 30px 0}
div.left {padding: 30px 0 30px}
div.right {padding: 34px 30px 26px 0; width: auto}
div.scrollWrap {float: left}
div.galleryImageScroll {width: 470px; height: 89px; overflow: hidden}
div.galleryLargeImage {padding: 35px 0 0; text-align: center}

span.imageTitle {width: 100%; display: block; clear: both; padding: 10px 0 0; text-align: center; font: normal 9pt Arial, sans-serif; color: #999; display: none}

a.galScrollPrev:link, a.galScrollPrev:visited {width: 25px; height: 24px; display: block; margin-left: 30px; background: url(../images/galerii_scroll.png) 0px 0px no-repeat}
a.galScrollPrev:hover {background: url(../images/galerii_scroll.png) -25px 0px no-repeat}

a.galScrollNext:link, a.galScrollNext:visited {width: 25px; height: 24px; display: block; margin-left: 30px; background: url(../images/galerii_scroll.png) 0px -25px no-repeat}
a.galScrollNext:hover {background: url(../images/galerii_scroll.png) -25px -25px no-repeat}

h1.albumHead {display: block; float: left}
span.albumTitle {padding: 0; display: inline; font-size: 9pt; font-weight: normal}
span.albumTitle span {font-size: 8pt}

div.backtoGalWrap {position: relative; width: 100%; height: 1px; clear: both}
div.backtoGallery {position: absolute; width: 100px; left: 100%; top: 1px; text-align: center; padding-top: 35px}
div.backtoGallery a:link, div.backtoGallery a:visited {color: #999; text-decoration: none; font-size: 8pt}
div.backtoGallery a:hover {text-decoration: underline}

div.msgWrap {padding: 10px; background: #eaeec7; border: 1px solid #d9e098}

div.flow {padding: 0 0 10px 16px}
.flowmain {font-size: 12px; font-weight: bold; text-transform: uppercase}
.flow_lvl1 {font-size: 12px}
.flow_lvl2 {font-size: 12px}
.flow_lvl3 {font-size: 12px}

/* Configuration Forms */
.conf-form {background: #d9e098; padding: 10px; margin: 0 0 10px}
	.conf-form table {width: 100%}
		.conf-form table td {font-size: 12px}
	.conf-form fieldset {border: 1px solid #c60}
		.conf-form fieldset legend {font-size: 12px !important; color: #c60}
	.conf-form label {font-size: 12px !important; color: #c60}
	.conf-form select, .conf-form .input {width: 100%}