/* SIVUN MUOTOILU */

body {
	font-size: 10pt;
	text-align: center;
	color: #000000;
	background-color: #87a87d;
	font-family: Arial, Helvetica, sans-serif;
}

div.container {
	width: 900px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 40px;
	text-align: left;
	border: 10px solid #ffffff;
}

	div.top {
		width: 900px;
		height: 151px;
		background: url(../images/back_tanssilava_top.jpg) no-repeat;
	}


		div.login {
			float: right;
			display: inline; /* IE6 float bug fix */
			width: 256px;
			height: 95px;
			margin: 9px 10px 0px 0px;
			padding: 20px 0px 0px 15px;
			color: #87a87d;
		}

		table.login td {
			padding-right: 10px;
			padding-bottom: 5px;
		}

			div.login input.sisaan {
				border-top: 2px solid #ffffff;
				border-right: 2px solid #6c920b;
				border-bottom: 2px solid #6c920b;
				border-left: 2px solid #ffffff;
				background-color: #ccff99;
				color: #000000;
			}

	div.navi {
		width: 900px;
		height: 34px;
		padding: 8px 0px 0px 0px;
		background: url(../images/back_navi_tanssilava.jpg) no-repeat;
		text-align: center;
	}

		a.navilink {
			font-size: 10pt;
			font-family: verdana;
			color: #ffffff;
		}

		img.divider {
			vertical-align: middle;
			margin: 0px 5px;
		}

	div.main {
		width: 900px;
		background-color: #ccff99;
	}

		div.left {
			float: left;
			display: inline; /* IE6 float bug fix */
			width: 560px;
			padding: 20px 20px 40px 20px;
		}

		div.right {
			float: right;
			display: inline; /* IE6 float bug fix */
			width: 300px;
		}

	div.footer {
		width: 900px;
		height: 73px;
		background: url(../images/back_footer_tanssilava.jpg) no-repeat;
	}

		div.akusolvers {
			margin-top: 42px;
			margin-right: 5px;
			float: right;
			display: inline; /* IE6 float bug fix */
		}

		div.kellokoski {
			margin-top: 50px;
			margin-left: 380px;
			float: left;
			display: inline; /* IE6 float bug fix */
		}

/* ULKOASU */

h1 {
	margin: 0px 0px 1em 0px;
	font-size: 16pt;
	font-family: verdana;
	color: #000000;
}

h2 {
	margin: 1em 0px 1em 0px;
	font-size: 11pt;
	font-family: verdana;
	font-weight: bold;
	color: #000000;
}

h4 {
	margin: 1em 0px 1em 0px;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
}

p {
	margin: 1em 0px;
	color: #000000;
}

a {
	color: #ffffff;
}

div.left a {
	color: #6c920b;
}

.clear {
	clear: both;
}


.bold {
	font-weight: bold;
}

input.nappi {
	border-top: 2px solid #ffffff;
	border-right: 2px solid #6c920b;
	border-bottom: 2px solid #6c920b;
	border-left: 2px solid #ffffff;
	background-color: #ccff99;
	color: #000000;
}


/* GALLERIA */

div.imagebox {
	float: left;
	display: inline; /* IE6 float bug fix */
	width: 120px;
	height: 120px;
	margin: 5px;
	text-align: center;
}


/* TANSSILAVAN AJANVARAUSKALENTERI */

	table.calendar {
		margin: 0px 0px 20px 0px;
		padding: 1px;
	}

		table.calendar caption {
			margin-top: 20px;
			text-align: center;
			padding-bottom: 4px;
			background-color: #6c920b;
		}

		table.calendar caption a {
			color: #ffffff;
			font-weight: bold;
		}

		table.calendar th {
			width: 30px;
			font-weight: bold;
			padding-top: 4px;
			padding-bottom: 4px;
			border-bottom: 1px solid #b0b0b0;
			text-align: center;
		}

		table.calendar th.viikko {
			width: 60px;
		}

		table.calendar td {
			width: 30px;
			height: 16px;
			border-bottom: 1px solid #b0b0b0;
			border-right: 1px solid #b0b0b0;
			text-align: center;
		}

		table.calendar td.varattu1 {
			background-color: #ffffff;
			color: #606060;
		}

		table.calendar td.varattu2 {
			background-color: #6c920b;
			color: #606060;
		}

		table.calendar td.viikko {
			width: 60px;
			border-left: 1px solid #b0b0b0;
		}

		table.calendar td a {
			display: block;
			width: 30px;
			height: 16px;
			background-color: #6c920b;
			color: #ffffff;
			padding: 4px 0px;
		}

		table.calendar td span {
			display: block;
			width: 30px;
			height: 16px;
			padding: 4px 0px;
		}

		table.calendar td span.vapaa {
			display: block;
			width: 30px;
			height: 16px;
			background-color: #ddecff;
			padding: 4px 0px;
		}

/* TAPAHTUMAKALENTERIN TAPAHTUMAT */

div.event {
	margin: 0px;
	padding-left: 2em;
}

div.event table td.first {
	width: 100px;
	font-weight: bold;
}

div.event h3 {
	margin: 0px 0px 1em 0px;
	font-size: 10pt;
	font-family: verdana;
	font-weight: bold;
	color: #6c920b;
	border: 0px;
}