/* LAYOUT */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	color: #000000;
}
#container {
	text-align: left;
	width: 98%;
}
#header {
	display:none;
}
#footer {
	display:none;
}
#breadcrumb {
	font-size:10pt;
}

/* TEKSTITYYLIT */
#container p {
	margin: 5px 0 0 0;
}
#container #mainNavi {
	display:none;
}
#rightNavi {
	display:none;
}

/* VASEN REUNA */
#container #mainNavi {
	width:200px;
	float:left;
	margin:0 0 10px 1px;
	background-color:#FFFF99;
}
#container #mainNavi h2 {
	font-size: 120%;
	text-transform: lowercase;
	margin: 0px;
	padding: 2px;
	text-align: center;
	color: #660000;
	background:#FFCC00 url(bg_corner.gif) no-repeat right top;
}
#container #mainNavi ul {
	margin: 0;
	padding: 4px;
	list-style: none;
	border-right:solid 2px #FFCC00;
	border-bottom:solid 2px #FFCC00;
}
#container #mainNavi ul li{
	margin-bottom: 1px;
}
#container #mainNavi ul li a, #container #mainNavi ul li a:visited{
	text-decoration: none;
	color:black;
}
#container #mainNavi ul li a:hover{
	text-decoration: underline;
	color:red;
}


/* OIKEA REUNA */
#rightNavi {
	width: 200px;
	float: right;
	margin:0 1px 0 0;
}
#container #rightNavi p{
	margin:2px 0 2px 2px;
	padding: 4px;
	background-color:#FFFF99;
	border-bottom: solid 2px #FFCC00;
}
#container #rightNavi ul {
	margin: 0;
	padding: 4px;
	list-style: none;
	background-color:#FFFF99;
	border-bottom: solid 2px #FFCC00;
	border-left:solid 2px #FFCC00;
}
#container #rightNavi ul li a, #container #rightNavi ul li a:visited{
	text-decoration: none;
	color:black;
}
#container #rightNavi ul li a:hover{
	text-decoration: underline;
	color:red;
}
#container #rightNavi .orangeBox {
	background:#FFCC00 url(bg_corner.gif) no-repeat left top;
	margin-bottom: 10px;
}
#container #rightNavi .orangeBox h2 {
	font-size: 120%;
	text-transform: lowercase;
	color: #660000;
	margin: 0;
	padding: 3px 2px 2px 2px;
	text-align: center;
}
#container #rightNavi .raamattu {
	background-color: #0099FF;
	margin-bottom: 10px;
	text-align: center;
}
#container #rightNavi .raamattu p{
	background-color: #99CCFF;
	border-bottom:solid 2px #0099ff;
}
#container #rightNavi .raamattu h2 {
	font-size: 120%;
	text-transform: lowercase;
	color: #FFFFFF;
	background: #0099FF url(bg_corner.gif) no-repeat left top;
	margin: 0px;
	padding: 2px;
}
#container #rightNavi a, #container #rightNavi a:visited {
	color: #990000;
	text-decoration: none;
}
#container #rightNavi a:hover {
	color: #FF0000;
	text-decoration: underline;
}

/* KESKIOSA */
#mainContent {
	width: 100%;
}
#container #mainContent #content h1, #container #mainContent #content h2, #container #mainContent #content h3, #container #mainContent #content h4 {
	padding: 0;
	margin: 5px 0 0 0;
	font-style: italic;
	color:#000000;
}
#container #mainContent #content h2 {
	font-size: 22pt%;
	letter-spacing: -0.2ex;
	border-bottom:dotted 1px #000000;
}
#container #mainContent #content h2 {
	font-size: 18pt%;
	letter-spacing: -0.1ex;
}

#container #mainContent #content h3 {
	font-size: 16pt%;
}
#container #mainContent #content h4 {
	font-size: 14pt%;
}
ul, ol {
	list-style-position: outside;
	margin-left: 15px;
}
ul li, ol li {
	margin-left:5px;
}
#container #mainContent a, #container #mainContent a:visited {
	color: #000000;
	text-decoration: underline;
}

/* Lomakemuotoilut */
input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	background-color: white;
	width: 290px;
	border:1px dotted #666666;
	padding: 2px;
}
textarea {
	font-size:100%;
	height: 200px;
	margin-bottom:3px;
}
.lomake {
	width:100%;
	border:0;
}
.lomake td{
	padding:3px;
	vertical-align:top;
	border-bottom:1px dotted black;
}