/* Freetime - tyylit */

/* vanha keltainen: #D6D926 */

html {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	background-image: url('../images/bgpattern.jpg');
	background-color: #F8B300;
}

#background {
	width: 732px;
	float: center;
}

div.border_left {
	width: 25px;
	height: 100%;
	background-image: url('../images/border_left.png');
	float: left;
}

div.border_right {
	width: 25px;
	height: 100%;
	background-image: url('../images/border_right.png');
	float: left;
}

#center {
	width: 732px;
	float: left;
	background-image: url('../images/left_right_border.png');
}

#header {
	width: 682px;
	height: 245px;
	margin-left: 25px;
	float: left;
	background-image: url('../images/header.jpg');
	border-top: 2px solid black;
	border-bottom: 10px solid black;
}


/* navin tyylit */

#navi {
	width: 652px;
	padding-top: 15px;
	margin-left: 25px;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
	background-color: white;
}

div.navi_item_active {
	height: 18px;
	float: left;
	text-align: left;
	background-image: url('../images/navi_active.gif');
	border-bottom: 4px solid #FFC81F;
}

div.navi_item {
	height: 18px;
	padding-right: 10px;
	float: left;
	text-align: left;
	border-bottom: 1px solid #FFC81F;
}

a.page_navi:link {
	font: 12px Arial, Verdana, Helvetica;
	color: #823E01;
	text-decoration: none;
}

a.page_navi:visited {
	font: 12px Arial, Verdana, Helvetica;
	color: #823E01;
	text-decoration: none;
}

a.page_navi:active {
	font: 12px Arial, Verdana, Helvetica;
	color: #823E01;
	text-decoration: none;
}

a.page_navi:hover {
	font: 12px Arial, Verdana, Helvetica;
	color: #FFC81F;
	font-weight: bold;
	text-decoration: none;
}

a.page_navi_active:link {
	font: 12px Arial, Verdana, Helvetica;
	color: #FFC81F;
	font-weight: bold;
	text-decoration: none;
}

a.page_navi_active:visited {
	font: 12px Arial, Verdana, Helvetica;
	color: #FFC81F;
	font-weight: bold;
	text-decoration: none;
}

a.page_navi_active:active {
	font: 12px Arial, Verdana, Helvetica;
	color: #FFC81F;
	font-weight: bold;
	text-decoration: none;
}

a.page_navi_active:hover {
	font: 12px Arial, Verdana, Helvetica;
	color: #FFC81F;
	font-weight: bold;
	text-decoration: none;
}

#navi_float {
	width: 682px;
	float: left;
	margin-left: 25px;
	background-color: white;
}

div.navi_under {
	width: 652px;
	margin-left: 15px;
	margin-right: 15px;
	float: left;
	background-color: white;
	border-top: 1px solid #FFC81F;
}

/* alanavin tyylit */

div.navi_under_item_active {
	height: 18px;
	float: left;
	text-align: left;
	background-image: url('../images/navi_active.gif');
}

div.navi_under_item {
	height: 18px;
	padding-right: 10px;
	float: left;
	text-align: left;
}

a.page_navi_under:link {
	font: 11px Arial, Verdana, Helvetica;
	color: #823E01;
	text-decoration: none;
}

a.page_navi_under:visited {
	font: 11px Arial, Verdana, Helvetica;
	color: #823E01;
	text-decoration: none;
}

a.page_navi_under:active {
	font: 11px Arial, Verdana, Helvetica;
	color: #823E01;
	text-decoration: none;
}

a.page_navi_under:hover {
	font: 11px Arial, Verdana, Helvetica;
	color: #FFC81F;
	font-weight: bold;
	text-decoration: none;
}

a.page_navi_under_active:link {
	font: 11px Arial, Verdana, Helvetica;
	color: #FFC81F;
	font-weight: bold;
	text-decoration: none;
}

a.page_navi_under_active:visited {
	font: 11px Arial, Verdana, Helvetica;
	color: #FFC81F;
	font-weight: bold;
	text-decoration: none;
}

a.page_navi_under_active:active {
	font: 11px Arial, Verdana, Helvetica;
	color: #FFC81F;
	font-weight: bold;
	text-decoration: none;
}

a.page_navi_under_active:hover {
	font: 11px Arial, Verdana, Helvetica;
	color: #FFC81F;
	font-weight: bold;
	text-decoration: none;
}

div.lang {
	float: right;
}

#content {
	width: 682px;
	height: 100%;
	padding-top: 20px;
	margin-left: 25px;
	float: left;
	text-align: left;
	background-color: white;
}

#footer {
	width: 682px;
	height: 20px;
	padding-top: 5px;
	margin-left: 25px;
	float: left;
	background-color: white;
	text-align: center;
	color: #7A7A7A;
	font: 10px Arial, Verdana, Helvetica;
}





/* templatejen tyylit */

#content_caption1 {
	width: 100%;
	margin-left: 15px;
	margin-right: 15px;
	float: left;
}

#content_text1 {
	width: 90%;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 10px;
	float: left;
	padding-bottom: 10px;
}

#content_caption2 {
	width: 100%;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 20px;
	float: left;
}

#content_text2 {
	width: 90%;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 10px;
	float: left;
	padding-bottom: 10px;
}

div.up_hr {
	width: 652px;
	height: 4px;
	margin-left: 15px;
	margin-right: 15px;
	background-image: url('../images/up_hr.png');
	float: left;
}

div.down_hr {
	width: 652px;
	height: 4px;
	margin-left: 15px;
	margin-right: 15px;
	background-image: url('../images/down_hr.png');
	float: left;
}

h1 {
	padding: 0px;
	margin: 0px;
	font: 14px Arial, Verdana, tahoma;
	color: black;
}

h2 {
	padding: 0px;
	margin: 0px;
	font: 14px Arial, Verdana, tahoma;
	color: black;
}

p {
	font: 12px  Arial, Verdana, tahoma;
	font-weight: normal;
	color: #333333;
	padding: 0px;
	margin: 0px;
}

img {
	border: 0px;/*2px solid #FFC81F;*/
}


/* tulevat tapahtumat tyylit */

div.page_new_happening {
	float: left;
	width: 682px;
	font: 12px  Arial, Verdana, tahoma;
	font-weight: bold;
	color: #333333;
}

div.page_new_happening_cut_text {
	float: left;
	width: 100%;
	margin-right: 15px;
	font: 12px  Arial, Verdana, tahoma;
	font-weight: normal;
	color: #333333;
}

a.page_new_happening_read_more:link {
	font: 10px Arial, Verdana, Helvetica;
	color: blue;
	font-weight: normal;
	text-decoration: none;
}

a.page_new_happening_read_more:visited {
	font: 10px Arial, Verdana, Helvetica;
	color: blue;
	font-weight: normal;
	text-decoration: none;
}

a.page_new_happening_read_more:active {
	font: 10px Arial, Verdana, Helvetica;
	color: blue;
	font-weight: normal;
	text-decoration: none;
}

a.page_new_happening_read_more:hover {
	font: 10px Arial, Verdana, Helvetica;
	color: blue;
	font-weight: normal;
	text-decoration: underline;
}


/* tapahtumat sivun tyylit */

div.happening_page_date {
	margin-left: 15px;
	margin-right: 15px;
	font: 10px Arial, Verdana, Helvetica;
	color: black;
	font-weight: normal;
	float: left;
}


/* formin tyylit */

input, select, button {
	font: 11px Verdana, Arial, Helvetica;
}

input.submit_button {
	width: 120px;
}



a:link {
	font: 12px Arial, Verdana, Helvetica;
	color: blue;
	font-weight: normal;
	text-decoration: none;
}

a:visited {
	font: 12px Arial, Verdana, Helvetica;
	color: blue;
	font-weight: normal;
	text-decoration: none;
}

a:active {
	font: 12px Arial, Verdana, Helvetica;
	color: blue;
	font-weight: normal;
	text-decoration: none;
}

a:hover {
	font: 12px Arial, Verdana, Helvetica;
	color: blue;
	font-weight: normal;
	text-decoration: underline;
}



#border_bottom_left {
	width: 24px;
	height: 25px;
	float: left;
	background-image: url('../images/border_bottom_left.png');
}

#border_bottom_right {
	width: 24px;
	height: 25px;
	float: left;
	background-image: url('../images/border_bottom_right.png');
}

#border_bottom_center {
	width: 682px;
	height: 25px;
	float: left;
	background-image: url('../images/border_bottom.png');
}