/*+--------------------------------------+*/
/*| Sis�ilmayhdistys ry. verkkopalvelun  |*/
/*| tyylim��rittelyt	                 |*/
/*| copyright 2006 Ambientia Oy          |*/
/*+--------------------------------------+*/

/*+---------+*/
/*| YLEISET |*/
/*+---------+*/

body {
	margin:0em;
	padding:0em;
	background:#ffffff url(/pics/body.gif) repeat-x;
	font-family:arial,verdana,sans-serif;
	font-size:12px;
	line-height:1.5em;
}

p,ul,ol,li,form,input { margin:0em;padding:0em; }

div.clear  { clear:both; }

div#all {
	position:relative;
	width:870px;
	margin:0em;
	padding:0em;
}



/*+-------------+*/
/*| YL�TUNNISTE |*/
/*+-------------+*/
div#header,div#header_subpage {
	position:relative;
	width:860px;
	height:99px;
}
/* etusivulla k�ytett�v�n yl�tunnisteen taustakuva */
div#header { background:transparent url(/pics/header.jpg) no-repeat; }
/* alasivuilla k�ytett�v�n yl�tunnisteen taustakuva */
div#header_subpage { background:transparent url(/pics/header_subpage.jpg) no-repeat; }

/* logo */
div#logo {
	float:left;
	width:634px;
	height:78px;
	margin:0em;
	padding:0em;
}
div#logo h1 { font:normal bold 18px arial,verdana,sans-serif;margin:0em;padding:0em;}
a#index {
	position:absolute;
	top:6px;
	left:0px;
	width:348px;
	height:72px;
	background:transparent url(/pics/logo.jpg) no-repeat;
	margin:0em;
	padding:0em;
}
a#index span { display:none; }
/* haku */
div#search {
	float:left;
	width:226px;
	height:20px;
	margin:0em;
	padding:0em;
	vertical-align:middle;
}
div#search form {
	font:normal normal 12px arial,verdana,sans-serif;
	color:#008DC7;
	margin-top:20px;
	}
div#search input { 
	width:164px;
	height:18px;
	color:#000000;
	border:1px solid #0073A9;
	margin:0em;
	padding:0em;
	}
div#search input:focus { border:1px solid #F79C10; }
div#search input.button { 
	width:37px;
	height:21px;
	background:transparent url(/pics/button-submit.gif) no-repeat;
	margin:0em 0em 0em 1em;
	padding:0em;
	border:none;
}



/*+-------------+*/
/*| SIS�LT�ALUE |*/
/*+-------------+*/

div#page {
	position:relative;
	clear:both;
	margin:0px;
	padding:0px;
	width:100%;
	}
/* kielivalinta */
div#language {}
/* p�iv�ys */
div#frontpage_date {
	position:absolute;
	top:82px;
	right:25px;
	margin:0px;
	padding:0px;
}
div#frontpage_date p {
	text-align:left;
	font:normal bold 11px arial,verdana,sans-serif;
	color:#ffffff;
	margin:0em;
	padding:0em;
}
/* alasivuilla Takaisin etusivulle -linkki */
div#backto_index {
	position:absolute;
	top:-17px;
	right:25px;
	margin:0px;
	padding:0px;

}
div#backto_index a {
	text-align:right;
	font:normal bold 11px arial,verdana,sans-serif;
	color:#ffffff;
	text-decoration:none;
	background:transparent url(/pics/backto_index.gif) 0em 0.4em no-repeat;
	margin:0em;
	padding:0em 0em 0em 1em;
}
/*+-------------+*/
/*| VASENPALSTA |*/
/*+-------------+*/

div#page_left {
	float:left;
	width:180px;
	margin:0px;
	padding:0px;
}
/* navigointi */
div#navi {
	position:relative;
	width:180px;
	margin:0px;
	padding:0px;
	background:#ffffff;
	}
div#navi ul {
	list-style-type:none;
	position:relative;
	padding-top:0.5em;
	width:95%;
}
div#navi ul li {
	display:block;
	border-bottom:1px solid #008DC7;
	margin:0em 0em;
	padding:0.4em 0em 0.4em 1em;
	
}
div#navi ul li a { 
	font:normal bold 12px arial,verdana,sans-serif;
	color:#008DC7;
	background:transparent url(/pics/a-navi.gif)  no-repeat; 
	text-decoration:none;
	padding:0em 0em 0em 1.5em;
	}
div#navi ul li a:hover {}
/* alemman tason linkit */
div#navi ul li ul li { border:none; margin:0em;padding:0em 0em 0em 1.5em;}
div#navi ul li ul li a { font:normal normal 12px arial,verdana,sans-serif;color:#008DC7;background:transparent;padding:0em;margin:0em;}
/* 3. tason elementit */
div#navi ul li ul li ul li { border:none; margin:0em;padding:0em 0em 0em 0.5em; }
div#navi ul li ul li ul li a { font:normal normal 12px arial,verdana,sans-serif;color:#000000;background:transparent;padding:0em;margin:0em; }
div#navi ul li ul li a:hover { text-decoration:underline;}
/* valitun sivun esitt�minen */
div#navi  a.selected  { color:#F8AA33;text-decoration:underline;font-weight:bold;}
div#navi ul li ul li a.current {}


/* bannerit */
	#banners { position:relative;width:160px;margin:0 auto;margin-top:1em;margin-left:0.5em;}
	#bannersRightCol {
		position:absolute;
		width:126px;
		height:450px;
		left:852px;
		top:105px;
	}
	
/*+-------------+*/
/*| OIKEAPALSTA |*/
/*+-------------+*/

div#page_right {
	float:left;
	width:680px;
	margin:0em;
	padding:0em;
}
/* alasivun oikeapalsta */
div#page_right_subpage {
	float:left;
	width:670px;
	margin:0em;
	padding:0em;
	background:#ffffff;
}
/* 1. rivi */
div#row-1 {
	position:relative;
	width:100%;
	margin:0em
}
/* 2. rivi */
div#row-2 {
	position:relative;
	clear:botb;
	background:transparent url(/pics/row-2.gif) repeat-y;
	margin:0em;
	padding:0em;
	width:100%;
}
div#header_row-2 {
	position:relative;
	width:100%;
	height:11px;
	background:transparent url(/pics/heading_row-2.gif) left top no-repeat;
	margin:0px;
	padding:0px:
}
div#footer_row-2 {
	position:relative;
	clear:both;
	width:100%;
	height:11px;
	background:transparent url(/pics/footer_row-2.gif) left bottom no-repeat;
	margin:0px;
	padding:0px:

}
/* 3. rivi */
div#row-3 {
	position:relative;
	clear:both;
	width:689px;
	margin:0em;
	padding:0em;
	background:transparent url(/pics/row-3.gif) repeat-y;
}
/* 3. rivin lopetus */
div#footer_row-3 {
	position:relative;
	height:11px;
	width:674px;
	background:transparent url(/pics/footer_row-3.gif) no-repeat;
	margin:0em;
	padding:0em;
}
/* etusivun sis�lt�alueen vasenpalsta */
div.frontpage_left_col {
	float:left;
	width:455px;
	margin:0em;
	padding:0em;
}
/* etusivun sis�lt�alueen oikeapalsta */
div.frontpage_right_col {
	float:left;
	width:218px;
	margin:0em;
	padding:0em;
}

/* yhdistyksen esittelyteksti */
div#description {
	position:relative;
	width:446px;
	height:165px;
	margin:0em;
	padding:0em;
	background:#ffffff url(/pics/description.jpg) no-repeat;
}
div#description p {
	position:relative;
	width:44%;
	font:normal normal 12px arial,verdana,sans-serif;
	color:#000000;
	padding:0.5em 0em 0.5em 0.5em;
	margin:0em;
	line-height:1.2em;
}

/* etusivun yhteystiedot */
div#contact {
	position:relative;
	width:218px;
	margin:0em;
	padding:0em;
	background:#ffffff;
}
div#contact h3 { font:normal bold 16px arial,verdana,sans-serif;color:#008DC7;margin:0em;padding:0.2em 0em;}
div#contact p { font:normal normal 11px arial,verdana,sans-serif;color:#000000;margin:0em;padding:0em;}
div#contact p.email_link { color:#7F242E;text-decoration:underline;}	

/* etusivun kirjaesittely */
div#book_preview { 
	position:relative;
	width:95%;
	margin:0em;
	padding:0em;
	}
div#book_preview h2 { font:normal bold 16px arial,verdana,sans-serif;color:#897F77;margin:0em;padding:0em; }
div#book_preview h2 img { float:left;margin:0em 1em 0em 1em;padding:0em; }
div#book_preview p { font:normal normal 12px arial,verdana,sans-serif;color:#000000;margin:0.5em 0em 0.2em 1.5em;}
div#book_preview a { color:#7F242E; }
div#book_preview a.link { color:#1196BF;text-decoration:none;float:right; }
div#book_preview a.link:hover { text-decoration:underline;}	

/* oikean palstan nostot */
div#frontpage_links {
	position:relative;
	width:95%;
	margin:auto;
	padding:0em;

}
div#frontpage_links p { font:normal normal 12px arial,verdana,sans-serif;color:#000000;margin:0.1em 0em 0.1em 0em;}
div#frontpage_links p img { text-align:center;}
div#book_preview a { color:#7F242E; }
div#frontpage_links a.link { color:#1196BF;text-decoration:none; }
div#frontpage_links a.link:hover { text-decoration:underline;}	

/*+----------------------+*/
/*| ETUSIVUN UUTISALUEET |*/
/*+----------------------+*/
/* uutiset */
div#frontpage_news {
	float:left;
	width:220px;
	margin:0em;
	padding:0em;
}
div#frontpage_news h4 {
	font:normal bold 16px arial,verdana,sans-serif;
	width::220px;
	height:35px;
	color:#ffffff;
	margin:0em;
	padding:0.5em 0em 0em 1.2em;
	background:transparent url(/pics/h4-frontpage_news.gif) no-repeat;
	}
div#frontpage_news ul {
	list-style-type:none;
	margin-left:1em;
	width:85%;
}
div#frontpage_news li {
	margin:0em;
	padding:0.5em 0em;
	border-bottom:1px solid #8FD6EF;
}
div#frontpage_news li span { font:normal normal 10px arial,verdana,sans-serif;color:#006C98; }
div#frontpage_news li a { font-size:12px;color:#7F242E;text-decoration:none;}
div#frontpage_news div#news_archive a{ position:absolute;top:1em;left:160px;font:normal bold 11px arial,verdana,sans-serif;color:#ffffff;text-decoration:none; }
div#frontpage_news div#news_archive a:hover { text-decoration:underline; }
/* tapahtumat */
div#frontpage_events {
	float:left;
	width:220px;
	margin:0em;
	padding:0em 0em 0em 7px;
}
div#frontpage_events h4 {
	font:normal bold 16px arial,verdana,sans-serif;
	width::220px;
	height:35px;
	color:#ffffff;
	margin:0em;
	padding:0.5em 0em 0em 1.2em;
	background:transparent url(/pics/h4-frontpage_events.gif) no-repeat;
	}
div#frontpage_events ul {
	list-style-type:none;
	margin-left:1em;
	width:85%;
}
div#frontpage_events li {
	margin:0em;
	padding:0.5em 0em;
	border-bottom:1px solid #8FD6EF;
}
div#frontpage_events li span { font:normal normal 10px arial,verdana,sans-serif;color:#006C98; }
div#frontpage_events li a { font-size:12px;color:#7F242E;text-decoration:none;}
div#frontpage_events div#events_archive a{ position:absolute;top:1em;left:385px;font:normal bold 11px arial,verdana,sans-serif;color:#ffffff;text-decoration:none; }
div#frontpage_events div#events_archive a:hover { text-decoration:underline; }


/* projektit */
div#frontpage_projects {
	float:left;
	width:220px;
	margin:0em;
	padding:0em 0em 0em 7px;
}
div#frontpage_projects h4 {
	font:normal bold 16px arial,verdana,sans-serif;
	width::220px;
	height:35px;
	color:#ffffff;
	margin:0em;
	padding:0.5em 0em 0em 1.2em;
	background:transparent url(/pics/h4-frontpage_projects.gif) no-repeat;
	}
div#frontpage_projects ul {
	list-style-type:none;
	margin-left:1em;
	width:85%;
}
div#frontpage_projects li {
	margin:0em;
	padding:0.5em 0em;
	border-bottom:1px solid #8FD6EF;
}
div#frontpage_projects li span { font:normal normal 10px arial,verdana,sans-serif;color:#006C98; }
div#frontpage_projects li a { font-size:12px;color:#7F242E;text-decoration:none;}
div#frontpage_projects div#projects_archive a{ position:absolute;top:1em;left:610px;font:normal bold 11px arial,verdana,sans-serif;color:#ffffff;text-decoration:none; }
div#frontpage_projects div#projects_archive a:hover { text-decoration:underline; }

/*+------------------+*/
/*| ALASIVUN TYYKLIT |*/
/*+------------------+*/

/* murupolku */
div#cookipath {
	position:relative;
	clear:both;
	margin:0em;
	padding:0em;
}
div#cookiepath p {
	font:normal normal 11px arial,verdana,sans-serif;
	color:#000000;
	margin:0.5em 0em 0em 1em;
	padding:0em;
}
div#cookiepath a { color:#000000;text-decoration:none;}
div#cookiepath a:hover { color:#000000;text-decoration:underline;}
div#cookiepath span { color:#F8AA32;font-weight:bold; }

/* sis�lt�alue */
div#content_col {
 position:relative;
 width:90%;
 margin:auto;
 padding:0em;
}
/* sivun nimi */
div#content_col h1 {
	font:normal bold 24px arial,verdana,sans-serif;
	color:#008DC7;
	margin:0.2em 0em 0.5em 0em;
	padding:0em 0em 0em 0.8em;
	background:transparent url(/pics/h1-content_col.gif) 0px 0.4em  no-repeat;
}
div#content_col ul,div#content_col ol {
	margin-left:2em;font-size:12px;
}
div#content_col ul ul,div#content_col ol ol {
	margin-left:1en;margin-left:2em;font-size:12px;
}
div#content_col a { color:#CF3910; }

div#content_col th { font-size:13px; }
/* muut sis�lt�tyylit m��ritelty text.css -tiedostossa */

/*+-------------+*/
/*| ALATUNNISTE |*/
/*+-------------+*/
div#footer {
	position:relative;
	clear:both;
	width:100%;
	height:92px;
	background:transparent url(/pics/footer.gif) repeat-x;
}