@charset "utf-8";
/* CSS Document */

html,body{
	width: 100%;
	height: 100%;
	background-color:#000000;
	padding: 0;
	margin: 0;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

/* TEKSTIT 

- Päivämäärät: Verdana, bold, 11pt, 0,0,0
- Otsikot: Times New Roman, bold, 15pt, 153,0,0
- Leipis: Verdana, 11pt, 0,0,0 (editoriin bold ja linkki mahkut)
- Linkit: Verdana, 11pt, UP: 153,0,0 / OVER: 51,51,51

*/

p {
	margin-top:5px;
}

h1 {
	font: bold 17px "Times New Roman", Times, serif;
	color:  rgb(153,0,0);
	margin: 0 0 5px 0;
}

h2 {
	font: bold 17px "Times New Roman", Times, serif;
	color:  rgb(153,0,0);
	margin: 0 0 5px 0;
}

p.date {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:0px;
}

a {
	color: rgb(153,0,0);
}
a:hover {
	color: rgb(51,51,51);
}

p#malinen {
	text-align: center;
	width:100%;
	display:block;
}
p#malinen a{
	color:#333333;
	text-decoration:none;
}
p#malinen a:hover {
	color:#666666;
	text-decoration:underline;
}
.caption {
	display: block;
	font-size:11px;
	line-height:13px;
	margin-top:3px;
}

/* DIVIT */


#header {
	width:880px;
	margin: 0 auto;
	background-color:#CCCCCC;
	height:115px;
	background-image:url(img/header.jpg)
}

#footer {
	width:880px;
	margin: 10px auto;
	background-color:#CCCCCC;
	height:20px;
	background-image:url(img/footer.jpg)
}

#main {
	width: 880px;
	margin: 0 auto;
	background-color:#000;
}

#content {
	width:100%;
	background:url(img/bar_mid.jpg) #000 0 0 repeat-y;
}

#contentLeft {
	height:90%;
	width:400px;
	float:left;
	margin: 0 20px 0 30px;
	line-height:17px;
}

#contentRight {
	height:90%;
	width: 400px;
	float:left;
	line-height:17px;
}

#contentFull {
	height:90%;
	width: 820px;
	margin: 0 auto;
}


#topbar {
	background-image:url(img/bar_hi.jpg);
	height:30px;
	width:100%;
}

#bottombar {
	clear:both;
	background-image:url(img/bar_lo.jpg);
	height:30px;
	width:100%;
}

#title {
	width:100%;
	height:20px;
	background-color:#666666;
	margin-bottom:20px;
}


.msg {
	border: 1px solid rgb(152,0,0);;
	padding:10px;
	width:375px;
	background-color:#F1F1F1;
}

/* LISTAT */

#title ul {
	list-style:none;
	margin:0;
	padding:0;
}
#title li {
	float:left;

}

#title li a {
	display: block;
	text-indent:-2000px;
		height: 20px;
}

li#n1 a, li#n1sel a {
	width:102px;
}
li#n2 a, li#n2sel a {
	width:85px;
}
li#n3 a, li#n3sel a {
	width:90px;
}
li#n4 a, li#n4sel a {
	width:90px;
}
li#n5 a, li#n5sel a {
	width:132px;
}
li#n6 a, li#n6sel a {
	width:91px;
}
li#n7 a, li#n7sel a {
	width:99px;
}
li#n8 a, li#n8sel a {
	width:101px;
}
li#n9 a, li#n9sel a {
	width:90px;
}




li#n1 a {
	background: url(img/navis.jpg) #000 0 0 no-repeat;
}
li#n2 a {
	background: url(img/navis.jpg) #000 0 -20px no-repeat;
}
li#n3 a {
	background: url(img/navis.jpg) #000 0 -40px no-repeat;
}
li#n4 a {
	background: url(img/navis.jpg) #000 0 -60px no-repeat;
}
li#n5 a {
	background: url(img/navis.jpg) #000 0 -80px no-repeat;
}
li#n6 a {
	background: url(img/navis.jpg) #000 0 -100px no-repeat;
}
li#n7 a {
	background: url(img/navis.jpg) #000 0 -120px no-repeat;
}
li#n8 a {
	background: url(img/navis.jpg) #000 0 -140px no-repeat;
}
li#n9 a {
	background: url(img/navis.jpg) #000 0 -160px no-repeat;
}




li#n1 a:hover, li#n1sel {
	background: url(img/navis.jpg) #000 0 -180px no-repeat;
}
li#n2 a:hover, li#n2sel {
	background: url(img/navis.jpg) #000 0 -200px no-repeat;
}
li#n3 a:hover, li#n3sel {
	background: url(img/navis.jpg) #000 0 -220px no-repeat;
}
li#n4 a:hover, li#n4sel {
	background: url(img/navis.jpg) #000 0 -240px no-repeat;
}
li#n5 a:hover, li#n5sel {
	background: url(img/navis.jpg) #000 0 -260px no-repeat;
}
li#n6 a:hover, li#n6sel{
	background: url(img/navis.jpg) #000 0 -280px no-repeat;
}
li#n7 a:hover, li#n7sel {
	background: url(img/navis.jpg) #000 0 -300px no-repeat;
}
li#n8 a:hover, li#n8sel {
	background: url(img/navis.jpg) #000 0 -320px no-repeat;
}
li#n9 a:hover, li#n9sel {
	background: url(img/navis.jpg) #000 0 -340px no-repeat;
}

/* KUVAT */

img#headerImg {
	margin-left:30px;
	margin-bottom:20px;
}

img.fpHeader {
	margin-top:15px;
}

/* MUUT */

hr {
	margin: 15px 0;
}

.middots {
	color: rgb(153,0,0);
}

.textArea, .inputField {
	width: 395px;
}