/* CSS Document */

body {
	font-size: 11px;
	margin: 0;
	padding: 0;
	background-image: url(wood_bg.jpg);
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

table#content {
	margin-top:31px;
	height: 697px;
}

td#left { 
	width:283px;
	background-image: url(paattaja_vasen.jpg);
	background-repeat:no-repeat;
}
/*---------TYYLI SIHTEERIEN VASEMMALLE TD:LLE, ELI K.KORTTI JÄÄ POIS------------*/
td#sihteeri { 
	width:283px;
	background-image: url(left_secretary.jpg);
	background-repeat:no-repeat;
}

td#center {
	background-image: url(paattaja_kansio.jpg);
	background-repeat: no-repeat;
	
}
td#center_sihteeri {
	background-image: url(blank_bgr.jpg);
	background-repeat: no-repeat;
	
}
td#right {
	background-image: url(kyna.jpg);
	background-repeat:no-repeat;

}



#flash {
	margin: 0px 0px 0px 0px;
	float: right;
	padding: 0px 0px 0px 0px;
	width: 230px;
}
	* html #flash {            /* ie6 hakki */ 
		margin-right: -20px;
	}
	
	*+html #flash {            /*ie7 hakki */ 
		margin-right: -20px;
	}

/*--------CARD STYLES-----------*/


#card {
	width: 283px;	
}
#card img {
	float: left;
	padding: 0px 8px 0px 20px;
	margin-top: 8px;
}

	* html #card img {            /* ie6 hakki */ 
		margin-top: 12px;
	}
	
	*+html #card img {            /*ie7 hakki */ 
		margin-top: 12px;
	}
	
#card h4 {
	font-size: 11px;
	font-weight: bold;
	padding: 40px 0px 0px 0px;
	margin: 4px 0px 4px 0px;
}
#card p {
	font-size: 10px;
	margin: 0px 0px 0px 0px;
}



/*--------TEXT CONTENT STYLES-----------*/
#frontpage_content {
	float: left;
	width: 417px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
	text-align: left;
}

#frontpage_content h1 {
	color: #000000;
	font-size: 1.3em;
	margin: 10px 0px 12px 0px;
}
#frontpage_content h2 {
	color: #000000;
	font-size: 1.0em;
	line-height: 1.0em;
	margin: 10px 0px 7px 0px;
}
#frontpage_content h3 {
	margin: 0px 0px 3px 0px;
	color: #000000;
	font-size: 0.9em;
	line-height: 1.0em;
}
#frontpage_content p {
	margin: 0px 0px 12px 0px;
	color: #000000;
	font-size: 11px;
	line-height: 1.2em;
}
#frontpage_content a {
	color: #000000;
	font-size: 1.0em;
	line-height: 1.0em;
	text-decoration: underline;
}
#frontpage_content a:hover {
	color: #c47c00;
	text-decoration: none;
}
#frontpage_content img {
	float: right;
	padding: 0px 15px 0px 0px;
}

/*--------TEXT CONTENT STYLES-----------*/
#otherpage_content {
	float: left;
	width: 390px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
	text-align: left;
}

#otherpage_content h1 {
	color: #000000;
	font-size: 1.3em;
	margin: 10px 0px 12px 0px;
}
#otherpage_content h2 {
	color: #000000;
	font-size: 1.0em;
	line-height: 1.0em;
	margin: 10px 0px 7px 0px;
}
#otherpage_content h3 {
	margin: 0px 0px 3px 0px;
	color: #000000;
	font-size: 0.9em;
	line-height: 1.0em;
}
#otherpage_content p {
	margin: 0px 0px 12px 0px;
	color: #000000;
	font-size: 11px;
	line-height: 1.2em;
}
#otherpage_content a {
	color: #00339a;
	font-size: 1.0em;
	line-height: 1.0em;
	text-decoration: underline;
}
#otherpage_content a:hover {
	color: #00339a;
	text-decoration: none;
}


/*--------NAVIGATION STYLES-----------*/

#navi {
margin-top: 49px;
margin-bottom:0px;
padding-left:37px;
width: 681px;
}

	* html #navi {            /* ie6 hakki */ 
		margin-top: 50px;
	}
	
	*+html #navi {            /*ie7 hakki */ 
		margin-top: 50px;
	}


#navi ul{
list-style-type: none;
margin:0;
padding: 6px 0px 5px 0px;
}

#navi li{
width: 100px;
display:inline;
margin: 0px -5px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 10px;
}

#navi a {
background:url(tab-left.gif) no-repeat left top;
margin: 0px 0px 0px 0px;
padding: 8px 0px 5px 23px;
text-decoration:none;
}

	* html #navi a {            /* ie6 hakki */ 
		padding-top: 0px;
	}
	
	*+html #navi a {            /*ie7 hakki */ 
		padding-top: 0px;
	}


#navi a span {

background:url(tab-right.gif) no-repeat right top;
padding:8px 27px 5px 5px;
font-weight:bold;
color:#FFFFFF;
height:27px;
text-decoration: none;
}
	
	* html #navi a span {            /* ie6 hakki */ 
		padding-top: 9px;
		padding-bottom: 9px;
	}
	
	*+html #navi a span {            /*ie7 hakki */ 
		padding-top: 9px;
		padding-bottom: 9px;
	}


#navi a:hover span {
color: black;
}

#navi #current a {
background-position:0% -27px;
}

#navi #current a span {
background-position:100% -27px;
color: black;
text-decoration: none;
}

#navi a:hover {
background-position:0% -27px;
}

#navi a:hover span {
background-position:100% -27px;
}


/*--------TABLE STYLES-----------*/

#list {
	margin: 0px 45px 0px 0px;
	float: right;
	padding: 70px 0px 0px 0px;
	width: 220px;
	height: 452px;
	
}

	* html #list {            /* ie6 hakki */ 
		margin: 0px 5px 0px 0px;
	}
	
	*+html #list {            /*ie7 hakki */ 
		margin: 0px 5px 0px 0px;
	}
	
#list ul{
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 0px 20px;
	
}
#list li{
	margin: 3px 0px 0px 0px;
	color: #FFFFFF;
}


#green {
	margin: 5px 0px 0px 0px;
	padding-top: 3px;
	background: url(green.gif) no-repeat left top;
	height:150px;
	width: 220px;
}

#blue {
	margin: 0px 0px 0px 0px;
	background: url(blue.gif) no-repeat left top;
	height: 40px;
	width: 220px;
}

#red {
	margin: 3px 0px 0px 0px;
	background: url(red.gif) no-repeat left top;
	height:40px;
	width: 220px;
}