/*
	Default style definitions for common webbrowsers
	*************************************************
	
	General
		Header
			Main Menu
		Page
			Frontpage
			Subpage
				Left Column
					Sub Navi
				Right Column
					Content Styles
		Footer
			Footer text
			Partner images
	Other templates
		Form Designer
*/


/* clears all margins elements but table-element */ 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption
{
	margin: 0; padding: 0;
}

	
/* clearfix, to be used with floating elements */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

a { outline: none;}
span.strong { background: yellow;} /* highlight color for Content Editor */

body {
	background: #dfe6ec url(/pics/seutukeskus/body.png) center top repeat-y;
	font-family: arial, verdana, serif;
	font-size: 12px;
	color:#231f20;
}

	#wrapper { position: relative; width: 964px; margin: 0 auto;}
/*
	* Header
	***********
*/
		#header { position: relative; width:973px; height: 179px; background: #fff url(/pics/seutukeskus/bg_header.jpg) no-repeat;}
			#header #logo { position: absolute;text-indent: -999999px; width: 219px; height: 61px; background: url(/pics/seutukeskus/logo-seutukeskus.png) no-repeat; left: 24px; top: 17px; } /* Seutukeskus logo */
			#mainMenu { /* Main navigation */
				position: absolute;
				top: 94px;
				left: 0px;
				background: #fff url(/pics/seutukeskus/mainMenu.png) center center no-repeat;
				padding: 1px;
				border:solid 1px #A33028;
				height: 33px;
				width:960px;
			}
				#mainMenu ul {
					list-style-type:none;
					margin-top: .6em;
				}
					#mainMenu li { display: inline;}
						#mainMenu a { color:#fff; font-family: 'Trebuchet MS', arial, verdana; font-size: 16px; text-decoration: none; border-right: 1px solid #c55e57; padding:.4em 1em .2em 1em;}
							#mainMenu a:hover { text-decoration: underline;} 
/*
	* Content area
	**************
*/	
		#page {
			position: relative;
			clear: both;
			width: 100%;
			margin-bottom:1em;
			min-height: 300px;		
			background: #fff;	
		}
			
			#frontpage { width: 99%; margin:0 auto;} 
				.fpCol1 { float:left;width: 33%;}
				.fpCol2 { float:left;}
					#introText { position: relative; width: 277px; margin: 0 auto;} /* 1. column on the frontpage */
 						#introText h1 {
 							font-size: 22px; 
 							font-family: 'Trebuchet MS', arial, verdana, serif;
 							margin-bottom: 0.5em;
 							font-weight: normal;
 							color:#a9322a;
 						}
						#introText img { margin-bottom: 1em;}
						#introText p { font-size:14px; line-height: 1.5em; margin-bottom:3em;}
						/* News */
						.bulletinLink { 
							width:282px; 
							margin:4px 0 4px -34px; 
 						}
						.linkHeader { width:282px;height:9px; background: url(/pics/seutukeskus/linkheader.gif) no-repeat;}
						.linkContent { width:282px; background-color: #ededee;}
						.linkFooter { width:282px;height:9px; background: url(/pics/seutukeskus/linkfooter.gif) no-repeat;}
						
						#bulletin h4 { 
							font-size: 14px; 
							font-family: 'Trebuchet MS', arial, verdana;	 
 							width:253px; 
 							padding:2px 0 2px 32px;
 						}
 						
						#bulletin span { display:block; font-size: 11px; color:#a0a2a3; margin-bottom:0.2em;}
						#bulletin a { text-decoration:none; color: #002c43; padding-right:24px;}
					
					/* Seuturekryn logo */	
					.fpCol1 .logo { 
						display:block;
						width: 170px; 
						height: 36px; 
						background: url(/pics/seutukeskus/logo-seuturekry2.gif) no-repeat; 
						left: 29px; 
						top: 75px;
						margin:40px 0 0 20px; 
					}
										
					#newsContainer {
							background: url(/pics/seutukeskus/mainImage.png) no-repeat;
							position: relative;
							height: 272px;
							width: 604px;
							margin: 10px 0 30px 0;
					}
						#containerLeft { 
						width:32px; height: 272px; position: absolute;left:0px;
						background: url(/pics/seutukeskus/containerLeft.png) no-repeat center center;
						}
						#containerCenter { position:absolute;left: 32px; width:540px; height: 272px; overflow: hidden; }						
							#containerCenter img { float:left; /* width:147px; height:180px;*/ border:solid 1px #c9c9ca; margin-right:30px; } 
							#containerCenter .centerText { float:left; width:330px; height:180px; }
								#containerCenter h1 { margin:1em 0 20px 20px; font-size: 21px; color:#fff; }
								#containerCenter p { margin:0 0 0 20px; color:#fff; }
						#containerRight {  
						width:32px; height: 272px;position: absolute;right:0px;
						background: url(/pics/seutukeskus/containerRight.png) no-repeat center center;
						}
					
			/* subpages */
			#leftCol { float:left; width: 318px;}
				#subNav { width: 302px; border:solid 1px #00648E;}
					.subNavTitle { margin:1px; background: url(/pics/seutukeskus/subNavTitle.png) repeat-x;}
						.subNavTitle h2 { font-size: 18px; font-family: 'Trebuchet MS', arial, verdana, serif; font-weight: normal; padding:5px 0 0.5em 14px;}
							.subNavTitle a {color:#fff; text-decoration: none;}
					.subNavList { width: 100%; padding-left: 13px; padding-top: 1em;}
						.subNavList ul { margin-left: 1em; list-style-type: none; list-style-image: url(/pics/seutukeskus/arrow-blue.gif)}
							.subNavList li { padding-bottom:.5em;}
							.subNavList li a { color:#00648E; text-decoration: none;}
							.subNavList a#selected { font-weight:bold; text-decoration: underline;}

			#rightCol { float:left; width: 646px; }		
				#content { position: relative; width: 95%; margin: 0 auto;}
					#content h1 { font-size: 21px; font-family: 'Trebuchet MS', arial, verdana, serif;margin: 0.3em 0em 0.5em 0em;font-weight: normal;}
					#content h2 { font-size: 18px; font-family: 'Trebuchet MS', arial, verdana, serif;margin: 1em 0em 0.5em 0em;font-weight: normal;}
					#content h3 { font-size: 16px; font-family: 'Trebuchet MS', arial, verdana, serif;margin: 1em 0em 0.5em 0em;font-weight: bold;}
					#content h4 { font-size: 14px; font-family: 'Trebuchet MS', arial, verdana, serif;margin: 1em 0em 0.5em 0em;font-weight: bold;}
					
					#content p { margin-bottom: .5em;line-height: 1.5em;}
					#content a { color:#231f20;}
					
					#content ul, #content ol { margin-left: 2em;}
						#content li { margin:0.2em;}
					#content ul ul, #content ol ol { margin-left: 1e;}
					
					#content img {}
						#content img.tasattu_vasemmalle { float: left; margin-right: 1em;}
						#content img.tasattu_oikealle { float: right; margin-left: 1em;}
						#content p img { padding: 3px;}
						#content img.at_merkki { position: relative; top:3px; margin-left:-0.2em; margin-right:0.1em; padding:0;}
	

/* 	
	*
	* footer
	* ************
 */
 		#footer {
 			clear: both;
 			width: 100%;
 			background: url(/pics/seutukeskus/footer.gif) repeat-x;
 			height: 50px;
 		}
 			#infoText {
 				position: relative;
 				margin:0;
 				width: 100%;
 			}
 				.copyright { color: #fff;font-size: 11px;padding-top:0.3em;} 
 				.copyright { position: absolute; left: 1em;}
 
 					
 /*
 	* Other templates
 	* ***************
 */
 	/*
 		* Bulletin Manager 2 
 		* /pagetemplates/seuturekry-bulletinmanager2.jsp
 		* ***********************************************¨
 	*/
 	#bm2 ul { list-style-type: none; margin-left: 0;}
 		#bm2 li { margin-bottom: 1em;color:#a0a2a3; font-size: 11px;}
 		#bm2 li a { font-size: 14px; font-weight: bold; color:#231f20; text-decoration: none; }
 			#bm2 li a:hover { text-decoration: underline;}
 		#bm2 #bulletinArchives { position: absolute; right: 1em; top:0.5em;}
 			#bulletinArchives a {color:#231f20; font-size: 11px; }
 	/*
 		* /pagetemplates/seuturekry-bulletinmanager2.jsp
 		* ***********************************************¨
 	*/
 	#fd {}
 		#fd fieldset { border: none;}