/* FORSSAN KIRJAPAINO 2008 */

img, div, input { behavior: url("iepngfix.htc") }

body {
padding:0;
margin:0;
background-color:#FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#4D4D4D;
}

#wrapper {
width:895px;
margin:auto;
}


/* HEADER ALKAA */
#header {
margin:20px 0 5px 0;
height:93px;
width:895px;
float:left;
}

#fp_logo {margin-right:20px; height:93px; width:190px; float:left;}

#navi {float:left; text-align:center}

#liput {margin-top:15px;}

#ylalinkit {text-align:left;}

#ylalinkit p {margin-top:4px; margin-bottom:4px;}

#ylalinkit a {
	color:#666666;
	font-family: Verdana, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	margin: 0;
	padding: 0;
	text-decoration:none;
	text-transform:uppercase;
}

#ylalinkit a:hover {
	color:#00CCFF;
	text-decoration:none;
}
/* HEADER LOPPUU */


/* INFOALUE ALKAA */
#infoalue {
width: 895px;
padding:0 0 0 0;
border-top:2px solid #00CCFF;
border-bottom:2px solid #00CCFF;

text-align:left;

float:left;
}

#info_vasen {
float:left;
width:448px;
padding:0px 0 30px 0;
}

#info_vasen ul{
padding:0px 0px 0px 15px;
}

a {font-weight: normal; color: #4D4D4D; text-decoration: underline;}
a:hover {color:#00CCFF;}

#info_vasen p.alanavi a {font-weight: normal; color: #4D4D4D; text-decoration:none; font-size:11px; text-transform:uppercase;}
#info_vasen p.alanavi a:hover {color:#00CCFF;}

#info_vasen h1 {
font-size:19px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; margin:0px;
}

#info_vasen h2 {
font-size:27px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#666666; margin-top:20px; margin-bottom:20px; font-weight:normal;
}

#info_vasen h3 {
font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#4D4D4D; font-weight:normal; margin-top:0px; margin-bottom:0px;
}


#feed_pvm {font-size:10px;}


#info_oikea {
float:right;
width:447px;
height:auto;
}

.otsikko_sininen {color:#00CCFF;}

#info_lomake {
float:left;
width:895px;
padding:0px 0 30px 0;
}

#info_lomake h2 {
font-size:27px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#666666; margin-top:20px; margin-bottom:20px; font-weight:normal;
}

/* INFOALUE LOPPUU */


#footer {
padding: 5px 0 5px 0; float:left; width:895px;
}

#footer p {
text-align:left;
color:#333333;
margin:0px;
padding: 0;
font-size:10px;
}

.pallo {color:#00CCFF; font-size:14px;}



/* YHTEYSTIEDOT */
.applemenu{
	margin: 0 0 0 0;
	padding: 0;
	width: 445px; /*width of menu*/
}

.applemenu div.silverheader a{
	font-weight: bold;
	color: #4D4D4D;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	text-decoration: none;
	margin: 10px 0 0 0;
	padding: 0px;
	/*border-bottom:1px solid #00CCFF;*/
}


.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
	color: #4D4D4D;
	border: none;
	/*border-bottom:1px solid #00CCFF;*/
}


.applemenu div.selected a, .applemenu div.silverheader a:hover{
	color: #00CCFF;
	border: none;
	/*border-bottom:1px solid #00CCFF;*/
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
	font-size:11px;
	color: #4D4D4D;
	text-align:left;
	padding: 5px 0 0 0;
	/* height: 300px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}

.applemenu div.submenu a {color: #4D4D4D;}
.applemenu div.submenu a:hover {color:#00CCFF;}