/* Outdoor Impact styles */
body {
	background-color: White;
}

td {
	vertical-align: top;
}

/* Kuville ei kehystä */
img {
	border : 0px;
}

h1, h2, h3 {
	font-weight: bold;
	letter-spacing: normal;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	/* margin-left: 3px; */
}

h1 {
	color: #c61118;
	font-size: 14px;
	/* text-transform: uppercase; */
}

h2 {
	font-size: 12px;
	color: #c61118;
}

h3 {
	color: Black;
	font-size : 12px;
}

h4 {
	font-size: 11px;
	color: Black;
}

body, p, li {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
}

p {
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 1em;
}

a {
	color : Black;
	font-weight: normal;
}
a:link, a:visited {
	text-decoration : underline;
	font-weight: normal;
}
a:hover, a:active {
	color : #c61118;
	text-decoration: none;
	font-weight: normal;
}

.offline {
	color : Maroon;
} 

.online {
	color : Green;
} 

.deleted {
	text-decoration: line-through;
}

.error {
	color: Red;
}

.required {
	color: #c61118;
}


/* Yleiset asemointimääritykset */
.left {
	text-align : left;
}
.center {
	text-align : center;
}
.right {
	text-align : right;
}


/* Show image page styles */
body.image {
	background-color: #EAEAEA;
	padding: 0;
	margin: 0;
}

body.image a {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: Black;
	text-decoration: none;
}
body.image a:link, body.image a:visited {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: Black;
	text-decoration: none;
}
body.image a:hover, body.image a:active {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #c61118;
	text-decoration: underline;
}


/* Layout Styles */
td.spacer, td.headerimage, td.toplinks {
	padding: 0;
	margin: 0;
	background-color: transparent;
}

table.mainlayoutwrapper{
	width: 845px;
	padding: 0;
	margin: 0;
}

td.graybarbg {
	background-image: url(../templates/images/tausta_oikea.jpg);
	background-repeat: repeat-y;
}

table.contentswrapper {
	background-image: url(../templates/images/oikea_wide.jpg);
	background-repeat: no-repeat;
}

td.leftnavi {
	background-color: #d7d7d7;
}

td.topleft {
	background-image: url(../templates/images/tausta_vasen_yla.gif);
	background-repeat: no-repeat;
}

td.topmain {
	background-color: #EAEAEA;
}

td.topright {
	background-image: url(../templates/images/tausta_oikea_yla.gif);
	background-repeat: no-repeat;
}

td.ads {
	background-image: url(../templates/images/tausta_oikea_ala.gif);
	background-repeat: repeat-y;
	padding: 0;
}

td.ads p {
	margin: 0;
	margin-top: 5px;
}

/* Top links styles */
td.date, td.toplinks {
	padding: 0;
	vertical-align: middle;
}

td.date p {
	/* line-height: 26px; */
	margin: 0;
	/* margin-top: 4px; */
	margin-left: 5px;
	color: #eaeaea;
	font-size: 11px;
}

td.toplinks p {
	/* line-height: 26px; */
	margin: 0;
	/* margin-top: 4px; */
	color: #eaeaea;
	font-size: 11px;
}

td.toplinks a {
	color : White;
	font-weight: bold;
}
td.toplinks a:link, td.toplinks a:visited {
	color : White;
	text-decoration : none;
	font-weight: bold;
}
td.toplinks a:hover, td.toplinks a:active {
	color : Yellow;
	text-decoration : none;
	font-weight: bold;
}

td.toplinks a.on {
	color : Yellow;
	font-weight: bold;
}
td.toplinks a.on:link, td.toplinks a.on:visited {
	color : Yellow;
	text-decoration : none;
	font-weight: bold;
}
td.toplinks a.on:hover, td.toplinks a.on:active {
	color : Yellow;
	text-decoration : none;
	font-weight: bold;
}

/* Horizontal navi links */
#h-navibar ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
} 

#h-navibar ul li {
	margin-left: 0;
	padding: 5px 5px;
	/* border-left: 1px solid Gray; */
	list-style: none;
	display: inline;
	color : White;
	font-weight: bold;
	font-size: 11px;
}

#h-navibar ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
}

#h-navibar a {
	color : White;
	font-style: normal;
	font-weight: bold;
	font-size: 11px;
}
#h-navibar a:link, #h-navibar a:visited {
	color : White;
	text-decoration : none;
}
#h-navibar a:hover, #h-navibar a:active {
	color : Yellow;
	text-decoration : none;
	font-weight: bold;
}

#h-navibar img {
	padding: 0;
}





/* Main navigator styles */
td.mainnavirow {
	padding: 6px 8px 0 10px;
}

td.mainnavibullet {
	padding: 6px 4px 0 10px;
}

td.mainnavirow p {
	text-align: left;
	font-size: 11px;
	margin: 0;
}

td.mainnavibullet p {
	margin-top: 3px;
}

td.mainnavirow a {
	color : #c61118;
	font-weight: bold;
}
td.mainnavirow a:link, td.mainnavirow a:visited {
	text-decoration : none;
	font-weight: bold;
}
td.mainnavirow a:hover, td.mainnavirow a:active {
	color : Black;
	text-decoration : underline;
	font-weight: bold;
}

td.mainnavirow a.on {
	color : Black;
	font-weight: bold;
}
td.mainnavirow a.on:link, td.mainnavirow a.on:visited {
	text-decoration : none;
	font-weight: bold;
}
td.mainnavirow a.on:hover, td.mainnavirow a.on:active {
	color : Black;
	text-decoration : underline;
	font-weight: bold;
}


/* Sub navigator styles */
td.subnaviwrapper {
	padding: 5px 0 5px 0;
}

td.subnavirow {
	padding: 3px;
	padding-top: 0;
}

td.subnavirow p {
	text-align: left;
	font-size: 11px;
	margin: 0;
	margin-left: 40px;
}

td.subnavirow a {
	color : Black;
	font-weight: normal;
}
td.subnavirow a:link, td.subnavirow a:visited {
	text-decoration : none;
	font-weight: normal;
}
td.subnavirow a:hover, td.subnavirow a:active {
	color : #9B1118;
	text-decoration : underline;
	font-weight: normal;
}

td.subnavirow a.on {
	color : #9B1118;
	font-weight: normal;
	text-decoration: underline;
}
td.subnavirow a.on:link, td.subnavirow a.on:visited {
	text-decoration: underline;
	font-weight: normal;
}
td.subnavirow a.on:hover, td.subnavirow a.on:active {
	color : Black;
	text-decoration : underline;
	font-weight: normal;
}


/* Contents Styles */
td.maincontents {
	background-color: #EAEAEA;
	padding: 15px;
	padding-top: 0;
}

td.maincontents td {
	padding: 4px;
}

td.nopadding {
	padding: 0;
}

/* Footer Styles */
td.footer p {
	color: Gray;
}

/* Main Navi Styles */
#mainnavi {
	width: 159px;
	padding: 0 0 20px 0;
	margin: 0;
	background-color: transparent;
}
	#mainnavi ul {
		list-style-type: none;
		list-style-position: outside;
		list-style-image: url(../templates/images/nuoli_puna.gif);
		margin: 0 0 0 35px;
		padding: 0;
		border: none;
		text-align: left;
	}

	#mainnavi ul ul {
		list-style-type: none;
		list-style-position: outside;
		list-style-image: none;
		margin-left: 5px;
		padding: 0 0 15px 0;
		border: none;
		text-align: left;
	}
		
	#mainnavi li {
		margin: 0 0 10px 0;
		padding: 0 0 0 8px;
		text-align: left;
		font-weight: normal;
		font-size: 11px;
	}

	#mainnavi li.on {
		list-style-type: none;
		list-style-position: outside;
		list-style-image: url(../templates/images/nuoli_musta.gif);
		margin: 0 0 10px 0;
		text-align: left;
		font-size: 11px;
	}

	#mainnavi ul ul li, #mainnavi ul ul li.offline {
		margin: 10px 0 10px 5px;
		padding: 0 0 0 0;
		text-align: left;
		font-weight: normal;
		font-size: 11px;
	}

	#mainnavi ul ul li.on {
		list-style-type: none;
		list-style-position: outside;
		list-style-image: none;
		margin: 10px 0 10px 5px;
		padding: 0 0 0 0;
		text-align: left;
		font-size: 11px;
	}

	#mainnavi ul li a {
		color: #c61118;
		text-decoration: none;
		font-weight: bold;
	}

	#mainnavi ul li.on a {
		color: Black;
		text-decoration: none;
		font-weight: bold;
	}

	#mainnavi ul ul li a, #mainnavi ul ul li.offline a {
		color: Black;
		text-decoration: none;
		font-weight: normal;
	}

	#mainnavi ul ul li.off a {
		color: Black;
		text-decoration: none;
		font-weight: normal;
	}

	#mainnavi ul ul li.on a {
		color: Maroon;
		text-decoration: underline;
		font-weight: normal;
	}

	#mainnavi ul li a:hover {
		color: Black;
		text-decoration: underline;
	}	

/* Section images */
td.maincontents img.left {
	padding-right: 10px;
}
td.maincontents img.right {
	padding-left: 10px;
}
td.maincontents img.top {
	padding-bottom: 10px;
}
td.maincontents img.bottom {
	padding-top: 10px;
}

/* Article Styles */
.newsaika {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}


/* Form Field Styles */
input, textarea, formfield, button, select {
	background-color: #FFFFFF;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333; 
	font-weight: normal;
	border-top: solid 1px #999999;
	border-bottom: solid 1px #999999;
	border-right: solid 1px #999999;
	border-left: solid 1px #999999;
}

.noborder {
	border: 0;
	background-color: #EAEAEA;
}


/* Help styles for form tables */
table.frm {
	padding: 0 0 0 0;
}

table.frm td, td.tblfrm {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

td.tblfrm p {
	margin: 0 0 0 0;
}