body.index {
	background-color: #f3f3f3;
}


div#top {
	height: 30px;
	width: 100%;
	background: #ffffff url(/img/top-bg.gif) repeat-x top;
}

div#page {
	width: 964px;
	margin: auto;
	background-color: #ffffff;
	padding: 0 20px 20px 20px;
}


/* Pääsivulle / Järjestäjille -linkit */

div#mainlink_toOrganizer {
	width: 199px;
	height: 30px;
	line-height: 30px;
	background: #ffffff url(/img/mainlink1.gif) no-repeat top;
	float: left;
}

div#mainlink_toMainpage {
	width: 199px;
	height: 30px;
	line-height: 30px;
	background: #ffffff url(/img/mainlink2.gif) no-repeat top;
	float: left;
}

a.mainlink, a.mainlink:link, a.mainlink:active, a.mainlink:visited {
	height: 30px;
	margin-left: 45px;
	font: normal 13px Arial, sans serif;
	line-height: 30px;
	text-decoration: none;
	color: #ffffff;
}



/* Haku */

div#search {
	float: right;
	width: 130px;
	height: 19px;
	margin-top: 6px;
	margin-right: 10px;

}

input#searchfield {
	background: transparent url(/img/searcharea-bg.gif) no-repeat top left;
	width: 89px;
	height: 19px;
	float: left;
	border: 0px;
	padding-left: 10px;
	color: #474747;
	font: normal 10px Tahoma, sans serif;
	line-height: 17px;
}

input#searcharrow {
	background: transparent url(/img/searchbutton.gif) no-repeat top left;
	width: 23px;
	height: 19px;
	float: left;
	border: 0px;
}



/* Pikalinkit */

div#toplinks {
	float: right;
	margin-right: 10px;
}
a.toplink, a.toplink:link, a.toplink:active, a.toplink:visited, a.toplink:hover {
	height: 30px;
	font: normal 10px Tahoma, sans serif;
	color: #474747;
	text-decoration: none;
	margin-right: 5px;
	line-height: 30px;
}


/* Kielivalikko */
div#langlevel {
	float: right;
	margin-right: 15px;
	margin-top: 6px;

}

a#langlink-en, a#langlink-en:link, a#langlink-en:active, a#langlink-en:visited, a#langlink-en:hover {
	height: 11px;
	font: normal 10px Tahoma, sans serif;
	line-height: 19px;
	color: #474747;
	text-decoration: none;
	padding-left: 22px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 5px;
	background: transparent url(/img/en.gif) no-repeat top left;
}

a#langlink-se, a#langlink-se:link, a#langlink-se:active, a#langlink-se:visited, a#langlink-se:hover {
	height: 11px;
	font: normal 10px Tahoma, sans serif;
	line-height: 19px;
	color: #474747;
	text-decoration: none;
	padding-left: 22px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 5px;
	background: transparent url(/img/se.gif) no-repeat top left;
}

a#langlink-fi, a#langlink-fi:link, a#langlink-fi:active, a#langlink-fi:visited, a#langlink-fi:hover {
	height: 11px;
	font: normal 10px Tahoma, sans serif;
	line-height: 19px;
	color: #474747;
	text-decoration: none;
	padding-left: 22px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 5px;
	background: transparent url(/img/fi.gif) no-repeat top left;
}



/* Add this */
div#addthis {
	float: right;
	height: 19px;
	line-height: 19px;
	margin-right: 15px;
	margin-top: 6px;
}

a#sharelink, a#sharelink:link, a#sharelink:active, a#sharelink:visited, a#sharelink:hover {
	height: 19px;
	float: left;
	font: normal 10px Tahoma, sans serif;
	line-height: 19px;
	color: #474747;
	text-decoration: none;
	background-image: none;
}





/* Etusivun yläosa */

img#logo {
	float: left;
}

div#toparea{
	width: 714px;
	height: 360px;
	float: left;
}

/* Navigation */

div#chromemenu {
	height: 62px;
	float: right;
	background: transparent url(/img/hr-nav.gif) repeat-x bottom;
}

/* Green nav */
div.nav-left {
	float: left;
	width: 13px;
	height: 61px;
}

div.nav-center {
	float: left;
	height: 30px;
	padding-top: 31px;
	cursor: pointer;
}

div.nav-center:hover a, div.nav-center:hover a:link, div.nav-center:hover a:active, div.nav-center:hover a:visited, div.nav-center:hover a:hover {
	color: #ffffff;
}

div.nav-right {
	float: left;
	width: 11px;
	height: 61px;
}

div.nav-left-sel {
	float: left;
	width: 13px;
	height: 61px;
	background: transparent url(/img/nav-left.gif) no-repeat top left;
}

div.nav-center-sel {
	float: left;
	height: 30px;
	padding-top: 31px;
	background: transparent url(/img/nav-center.gif) repeat-x top;
}

div.nav-right-sel {
	float: left;
	width: 11px;
	height: 61px;
	background: transparent url(/img/nav-right.gif) no-repeat top right;
}

/* Blue nav */
div.bluenav-left {
	float: left;
	width: 10px;
	height: 61px;
}

div.bluenav-center {
	float: left;
	height: 30px;
	padding-top: 31px;
	cursor: pointer;
}

div.bluenav-center:hover a, div.bluenav-center:hover a:link, div.bluenav-center:hover a:active, div.bluenav-center:hover a:visited, div.bluenav-center:hover a:hover {
	color: #ffffff;
}

div.bluenav-right {
	float: left;
	width: 10px;
	height: 61px;
}

div.bluenav-left-sel {
	float: left;
	width: 13px;
	height: 61px;
	background: transparent url(/img/bluenav-left.gif) no-repeat top left;
}

div.bluenav-center-sel {
	float: left;
	height: 30px;
	padding-top: 31px;
	background: transparent url(/img/bluenav-center.gif) repeat-x top;
}

div.bluenav-right-sel {
	float: left;
	width: 11px;
	height: 61px;
	background: transparent url(/img/bluenav-right.gif) no-repeat top right;
}

a.nav-link, a.nav-link:link, a.nav-link:active, a.nav-link:visited, a.nav-link:hover {
	text-decoration: none;
	font: normal 10px Arial, sans serif;
	text-transform: uppercase;
	color: #2e2e2e;
}

a.nav-link-sel, a.nav-link-sel:link, a.nav-link-sel:active, a.nav-link-sel:visited, a.nav-link-sel:hover {
	text-decoration: none;
	font: normal 10px Arial, sans serif;
	text-transform: uppercase;
	color: #ffffff;
}






/* Etusivu (pääsivu)*/

div#main-image-area {
	float: left;
	width: 290px;
	padding-left: 30px;
	text-align: center;
}

div#main-image-area img {
	cursor: pointer;
}

div#mainpage-maintextarea {
	float: left;
	width: 380px;
	text-align: right;
	padding-right: 10px;
}

div#maintext1 {
	font: normal 30px Arial, sans serif;
	color: #000000;
	padding: 15px 0px 10px 0px;
}

div#maintext2 {
	font: normal 18px Arial, sans serif;
	color: #474747;
	margin-bottom: 10px;
}

a.maintext-link, a.maintext-link:link, a.maintext-link:active, a.maintext-link:visited, a.maintext-link:hover {
	font: normal 12px Arial, sans serif;
	color: #6d6d6d;
	line-height: 14px;
}

span#counter {
	font: bold 18px Arial, sans serif;
	color: #49933a;
}



div.hr1 {
	width: 964px;
	height: 23px;
	background: transparent url(/img/hr1.gif) repeat-x top;
	clear: both;
	margin: auto;
}

div.hr4 {
	width: 964px;
	height: 23px;
	background: transparent url(/img/hr4.gif) repeat-x top;
	clear: both;
	margin: auto;
}

div#mainpage-content {
	width: 600px;
	height: 302px;
	float: left;
}

div.hr2 {
	width: 1px;
	height: 302px;
	background: transparent url(/img/hr2.gif) repeat-y center;
	float: left;
	padding: 0 20px 0 20px;
}

div.hr3 {
	width: 964px;
	height: 1px;
	background: transparent url(/img/hr3.gif) repeat-x top;
	clear: both;
	margin: auto;
}

div#newsarea {
	width: 323px;
	float: left;
	padding-bottom: 10px;
}

div#bannerarea {
	width: 948px;
	height: 203px;
	margin: auto;
	padding-top: 10px;
}

div#banner-arjensankari {
	width: 228px;
	height: 203px;
	margin-right: 12px;
	background: transparent url(/img/arjensankari-banner.gif) no-repeat top;
	float: left;
}

div#banner-map {
	width: 228px;
	height: 203px;
	margin-right: 12px;
	background: transparent url(/img/mapbanner.gif) no-repeat top;
	float: left;
}

div.banner-txt {
	position: absolute;
	margin-top: 156px;
	margin-left: 10px;
	width: 213px;
	height: 38px;
	text-align: center;
	line-height: 38px;
	cursor: pointer;
}

a.bannerlink, a.bannerlink:link, a.bannerlink:active, a.bannerlink:visited, a.bannerlink:hover {
	font: normal 12px Tahoma, sans serif;
	color: #474747;
	height: 38px;
	text-align: center;
	line-height: 38px;
}

div#banner-112 {
	width: 228px;
	height: 203px;
	margin-right: 12px;
	background: transparent url(/img/suojelijat-bannerbg.gif) no-repeat top;
	float: left;
	text-align: center;
}

div#banner-112 p {
	font: normal 13px Tahoma, sans serif;
	color: #474747;
	padding: 0 15px 5px 15px;
	line-height: 140%;
}

div#banner-suojelijat {
	width: 214px;
	height: 193px;
	background: transparent url(/img/suojelijat-bannerbg.gif) no-repeat top;
	float: left;
	overflow: hidden;
	padding: 5px 7px 5px 7px;
}

div#banner-suojelijat p {
	font: normal 11px Arial, sans serif;
}

div#banner-suojelijat a {
	font: bold 11px Arial, sans serif;
}



/* Etusivu (järjestäjille) */

img#ilmoitustaulu {
	float: left;
}

div#organizerpage-maintextarea {
	float: left;
	width: 162px;
	text-align: right;
	padding-right: 20px;
	padding-left: 30px;
	padding-top: 50px;
}

div#maintext3 {
	font: normal 24px Arial, sans serif;
	color: #474747;
	margin-bottom: 10px;
}

span#bluecounter {
	font: bold 24px Arial, sans serif;
	color: #004b84;
}

div#organizer-mapbanner {
	float: left;
	width: 647px;
	height: 260px;
	margin-right: 40px;
	margin-top: 10px;
}






/* Sisäsivu */

table#contenttable {
	width: 962px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 20px;
}


td#leftcolumn {
	margin: 0px;
	padding: 0px;
}

div#lev3area {
	width: 250px;
}

td#rightcolumn {
	width: 680px;
	margin: 0px;
	padding: 0px;
}

div.hr6 {
	width: 680px;
	height: 23px;
	background: transparent url(/img/hr1.gif) repeat-x bottom;
	clear: both;
	padding-top: 40px;
	margin-bottom: 20px;
}

div.hr7 {
	width: 230px;
	height: 1px;
	background: transparent url(/img/hr3.gif) repeat-x top;
	clear: both;
	margin: auto;
}

ul#level3 {
	list-style-type: none;
}

ul#level3 li {
	padding-bottom: 10px;
}

li.lev3 a, li.lev3 a:link, li.lev3 a:active, li.lev3 a:visited, li.lev3 a:hover {
	font: normal 14px Arial, sans serif;
	color: #2f2f2f;
}

li.lev3-sel a, li.lev3-sel a:link, li.lev3-sel a:active, li.lev3-sel a:visited, li.lev3-sel a:hover {
	font: bold 14px Arial, sans serif;
	color: #1e7533;
}



li.lev4 a, li.lev4 a:link, li.lev4 a:active, li.lev4 a:visited, li.lev4 a:hover {
	font: normal 14px Arial, sans serif;
	color: #2f2f2f;
	padding-left: 15px;
}

li.lev4-sel a, li.lev4-sel a:link, li.lev4-sel a:active, li.lev4-sel a:visited, li.lev4-sel a:hover {
	font: bold 14px Arial, sans serif;
	color: #1e7533;
	padding-left: 15px;
}






/* Uutiset */

span.newsdate-fp {
	font-weight: bold;
	color: #474747;
}

span.newstitle-fp {
	font-weight: bold;
	color: #474747;
}

p.news-description {
	line-height: 13px;
	font: normal 12px Arial, sans serif;
	color: #5b5b5b;
}

a.newslink, a.newslink:link, a.newslink:active, a.newslink:visited, a.newslink:hover {
	padding-bottom: 10px;
	font: bold 12px Arial, sans serif;
	text-decoration: none;
	color: #474747;
}




/* Galleria */
div#gallerytext {
	float: left;
	width: 140px;
	padding: 28px;
}
div#gallerytext span {
	font: normal 20px Arial, sans serif;
	color: #000000;
}








/* Bottom */
div#bottomarea {
	width: 100%;
	background: #f0f0f0 url(/img/hr5.gif) repeat-x top;
}

div#bottom {
	width: 1004px;
	height: 50px;
	margin: auto;
	padding-top: 10px;
}

table#bottomtable {
	width: 1004px;
	margin: auto;
}








/* Announce event form */


table.form {
	padding-left: 10px;
}

table.form td {
	padding: 8px 8px 8px 0;
}

td.label, table.form td.label {
	padding: 12px 8px 8px 5px;
	vertical-align: top;
	color: #28333c;
}

label {
	color: #28333c;
}

input.txt_field, textarea.txt_area {
	font: normal 12px Arial, sans-serif;
	color: #28333c;
	width: 300px;
	border: 1px solid #28333c;
	background-color: #eeeff3;
	padding: 2px;
}

input.txt_field2 {
	font: normal 12px Arial, sans-serif;
	color: #28333c;
	width: 300px;
	border: 1px solid #efefef;
	background: #e4e4e4 url(/img/bg-textfield.jpg) repeat-x top left;
	padding: 5px 4px 5px 4px;
}

textarea.txt_area2 {
	font: normal 12px Arial, sans-serif;
	color: #28333c;
	width: 300px;
	border: 1px solid #efefef;
	background: #e4e4e4 url(/img/bg-textarea.jpg) repeat-x top left;
	padding: 5px 4px 5px 4px;
	resize: none;
}

input.sbmt {
	border: 1px solid #28333c;
	background-color: #eeeff3;
	color: #28333c;
}

span.formError {
	font: normal 11px Arial, sans-serif;
	color: #c70000;
}

td#formError {
	color: #E73434;
}




/* Tapahtumat */
div#gmap {
	height: 310px;
	margin: 20px 0 20px 0;
}

table.result_odd {
	background: transparent url(/img/bg_row.jpg) repeat-x top left;
	width: 100%;
}

table.result_even {
	background-color: #ffffff;
	width: 100%;
}

td.event_location {
	text-align: center;
	padding: 15px 10px 10px 10px;
	width: 100px;
	font: normal 14px arial, sans-serif;
}

td.event_time {
	text-align: center;
	padding: 10px;
	width: 90px;
	font: normal 14px arial, sans-serif;
}

td.event_description {
	padding: 10px;
}

td.event_info {
	padding: 10px;
	width: 120px;
}

span.event_date {
	font-size: 20px;
}

td.event_result_title {
	font: bold 11px arial, sans-serif;
	text-align: left;
	padding: 10px 10px 5px 10px;
}

td.bg_odd {
	background: transparent url(/img/bg_row.jpg) repeat-x top left;
}

div#mp3flash {
	width: 185px;
	display: block;
	text-align: left;
	background-color: #a0a0a0;
	padding-left: 0px;
	height: 17px;
	text-align: center;
	padding-top: 3px;
	margin-top: 10px;
}


label.lbl {
	font-size: 13px;
}

td.label2, table.form td.label2 {
	padding: 12px 8px 8px 5px;
	vertical-align: top;
	color: #28333c;
	text-align: right;
}

p.form_info_small {
	margin-top: 0px;
	font-size: 11px;
}


/* TIPS */

table.tips-table {
	width: 680px;
	clear: both;
	margin-top: 30px;
}

td.tips-header {
	background: transparent url(/img/table-header.jpg) repeat-x top left;
	padding: 10px;
}

td.tip-content {
	padding: 5px 10px 5px 10px;
}

td.tip-vote {
	width: 140px;
	padding: 5px 10px 5px 10px;
	text-align: center;
	background: transparent url(/img/dots-y.gif) repeat-y top left;
}

td.tip-separator {
	background: transparent url(/img/tip-border.gif) repeat-x center left;
	font-size: 1px;
	height: 30px;
}

td.tip-separator-first {
	background: transparent url(/img/tip-border.gif) repeat-x top left;
	font-size: 1px;
	height: 15px;
}

a.tip-link, a.tip-link:link, a.tip-link:visited {
	font-weight: bold;
	color: #1e7534;
	text-decoration: none;
}

a.tip-link:hover, a.tip-link:active {
	font-weight: bold;
	color: #1e7534;
	text-decoration: underline;
}

td.tips-footer {
	padding: 5px 10px 5px 10px;
}

table.tips-navi {
	width: 660px;
}

td.tips-navi-left {
	width: 200px;
	text-align: left;
}

td.tips-navi-center {
	width: 260px;
	text-align: center;
}

td.tips-navi-right {
	width: 200px;
	text-align: right;
}

a.tip-fb-link, a.tip-fb-link:link, a.tip-fb-link:visited {
	color: #5b5b5b;
	text-decoration: none;
}

a.tip-fb-link:hover, a.tip-fb-link:active {
	color: #345a9b;
	text-decoration: none;
}

img.tip-fb {
	float: left;
	margin-top: -4px;
}

p.tip-recommend {
	margin-top: 10px;
}

div#frontscroller {
	width: 645px;
	height: 278px;
	float: right;
	margin-top: 10px;
}