/*** L I N K S ***/

a {	color: #900;	text-decoration: underline;}
a:hover {	color: #F00;	text-decoration: underline;}
a:visited {	color: #600;	text-decoration: underline;}
a:visited:hover {	color: #900;	text-decoration: underline;}


/*** S T R U C T U R A L   E L E M E N T S ***/

table.yp, tr.yp, td.yp, img {	border: 0;	margin: 0;	padding: 0;	vertical-align: top;}

.wrapper {	background-color: #FFF;	width: 740px;	margin: 0px auto 0px auto;	padding: 0px 25px 0px 25px;	border-left: 1px solid #CCC;	border-right: 1px solid #CCC;	border-bottom: 1px solid #CCC;}
.wrapperTable {}


/*** F I R S T   P A G E   C O N T E N T   B L O C K ***/

.firstPageContent h1 {	font-size: 1.2em;	font-weight: bold;	color: #175581;	margin: 30px 20px 10px 20px;}
.firstPageContent h2 {	font-size: 0.9em;	font-weight: bold;	color: #222;	margin: 10px 20px 10px 70px;}
/* .firstPageContent p   { color: #222; font-size: 0.8em; line-height: 2em; margin: 0; padding: 0 } */
.firstPageContent p   { color: #222; line-height: 2em; margin: 0; padding: 0 }

.firstPageContent img {	margin: 0px 10px 10px 380px;}
.infoBox {	background-image: url(../pics/infoBox.jpg);	background-repeat: no-repeat;	background-position: top left;	width: 550px;	height: 150px;	margin: 0;	padding: 15px 0 10px 0;}
.infoBox h2 {	font-size: 1em;	font-weight: bold;	color: #222;	margin: 0 20px 5px 200px;}
/* .infoBox p {	font-size: 0.8em;	line-height: 1.5em;	color: #222;	margin: 5px 20px 10px 200px;} */
.infoBox p {	line-height: 1.5em;	color: #222;	margin: 5px 20px 10px 200px;}
.infoBox img {	margin: 0px 10px 0px 380px;}


/*** P R I M A R Y   C O N T E N T   B L O C K ***/

	/*.primaryContent {	width: auto;	border: 0;	margin: auto;	padding: 5px;}*/

	.primaryContent h1 {	font-size: 1.2em;	font-weight: bold;	color: #175581;	margin: 5px 20px 10px 50px;}
	.primaryContent h2 {	font-size: 0.9em;	font-weight: bold;	color: #222;	margin: 10px 20px 10px 50px;}
/*	.primaryContent p {	font-size: 0.7em;	color: #222;	margin: 10px 20px 10px 50px;} */
	.primaryContent p {	color: #222;	margin: 10px 20px 10px 50px; }
	.primaryContent li {	color: #222;	margin: 10px 20px 10px 0px;} 
/*	.primaryContent ul {	color: #222;	margin: 10px 20px 10px 50px;} */

.ie .primaryContent p {
	 margin: 10px 20px 10px 50px;	 
}
.ie7 .primaryContent li {
	 margin: 10px 20px 10px 40px;	 
}

/*
.ie7 .primaryContent p {
	color: #cc0000;	margin: 10px 20px 10px 50px;
}

.ie7 .primaryContent li {
	color: #cc0000;	margin: 10px 20px 10px 50px;
}
*/


	/*** S E C O N D A R Y   C O N T E N T   B L O C K ***/

/*	.secondaryContent   { color: #fff; font-size: 12px; background-color: transparent; margin: 0; padding: 5px 0 10px; width: 177px; border: 0 } */
	.secondaryContent   { color: #fff; background-color: transparent; margin: 0; padding: 5px 0 10px; width: 177px; border: 0 }

	.secondaryContent h1  { font-size: 12px; font-weight: bold; background-color: transparent; margin: 2px 10px 0 }
	.secondaryContent h2  { font-size: 12px; font-weight: normal; background-color: transparent; margin: 7px 10px 0 }
/*	.secondaryContent p  { font-size: 12px; font-weight: normal; background-color: transparent; margin: 2px 10px 5px; padding: 0 0 7px; border-bottom: 0.1em solid #369 } */
	.secondaryContent p  { font-weight: normal; background-color: transparent; margin: 2px 10px 5px; padding: 0 0 7px; border-bottom: 0.1em solid #369 }

	.secondaryContent a  { color: #fff; font-weight: bold; text-decoration: none; background-color: transparent }
	.secondaryContent a:hover  { color: #fff;  text-decoration: underline; background-color: transparent }
	.secondaryContent a:visited  { color: #fff;  text-decoration: none; background-color: transparent }
	.secondaryContent a:visited:hover  { color: #fff;  text-decoration: underline; background-color: transparent }


	/*** F O O T E R   B L O C K ***/
	
	.footer    { color: #454545; font-size: 10px; line-height: 2em; text-align: center; margin: 5px; padding: 5px; width: 100%; border: 0 }
	.footer .copy  { color: #222; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif }
	.footer a  { color: #000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }
	.footer a:hover  { color: #900; font-size: 10px; text-decoration: underline }
	.footer a:visited  { color: #222; font-size: 10px; text-decoration: none }
	.footer a:visited:hover  { color: #900; font-size: 10px; text-decoration: underline }


img.floatLeft { float: left; 
margin: 4px; }

img.floatRight { float: right; 
margin: 4px; }




body  { line-height: 18px; background-color: #fafafa; text-align: center; margin: 0; padding: 0 }


/*** C O M M O N   T E X T   S T Y L E S ***/

h1, h2 {	font-family: Arial, Helvetica, sans-serif;	text-align: left;}
li, p, h3, a, form {	font-family: Verdana, Arial, Helvetica, sans-serif;	text-align: left;}
form {	border-top: 1px solid #CCC;	padding: 20px 0 0 0;	margin: 20px 20px 30px 50px;}


.ylapalkki_tausta { background-image:url('images/ylapalkki_keski.gif'); text-align:center; vertical-align:middle; }


a.ylapalkki_linkki {	color: #ffffff;	text-decoration: none; font-size:11px; text-align:center;}
a.ylapalkki_linkki:visited {	color: #ffffff;	text-decoration: none;}
a.ylapalkki_linkki:link {	color: #ffffff;	text-decoration: none;}
a.ylapalkki_linkki:hover {	color:orange;	text-decoration: underline;}

.ylapalkki_linkki_posit {  margin-top:2px; }

p.otsikkoHT {
	font-size: 12px;
	font-weight: bold;
}

em, em a {
	font-size: 12px;
	font-style:italic;
}

.uutisruutu {
	font-family: Verdana, Arial, Helvetica, sans-serif;	text-align: left;
	font-size: 12px;
	font-weight: normal;
}


body, table, td, li, p, input, ul, div, form { font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; }

h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 15px; }
h4 { font-size: 14px; }
h5 { font-size: 13px; }
h6 { font-size: 12px; }


ul { margin-left: 24px;} 

ul.ojennuksessa { margin-left: 24px;}
.ie7 ul.ojennuksessa { margin-left: 64px;}
.ie8 ul.ojennuksessa { margin-left: 64px;}