/*
	****************************
	**
	** General stylesheet for 
	** www.painonnosto.fi
	**
	****************************
*/
/*
* { margin:0;padding:0;}
*/

/* clears all the margins and paddings for elements, expect for tables */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 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;}

br.clear { clear:both;}
a { outline:none;}
body {
	font-family:arial,verdana,georgia,sans-serif;
	font-size:75%;
	color:#000;
	background:#002b52;
}

#wrapper {
	position:relative;
	width:100%;
	background:#fff;
	margin:0 auto;
}

	/**
		*******************************
		** Header
		*******************************
	**/
	#header {
		position:relative;
		width:992px;
		height:76px;
		background:transparent url(/pics/header.gif) no-repeat;
	}

		#header h1 {
			position:absolute;
			width:238px;
			height:48px;
			top:16px;
			left:36px;
		}
			#header h1 a { display:block;width:238px;height:48px;background:transparent url(/pics/logo.gif) no-repeat;text-indent:-99999px;}

		#mainMenu {
			position:absolute;
			left:313px;
			top:30px;
			height:46px;
			width:330px;
		}
			#mainMenu ul {
				list-style-type:none;
			}
				#mainMenu li { display:inline; }
					#mainMenu li a { color:#fff;font-family:verdana;font-size:15px;text-decoration:none;padding-left:13px;padding-top:1em;}
					#mainMenu li#Liitto a,#mainMenu li#Liitto a#selected {
						position:absolute;
						width:63px;
						height:44px;				
					}
						#mainMenu li#Liitto a { background:transparent url(/pics/mainMenu-liitto.gif) no-repeat;}
						#mainMenu li#Liitto a#selected { background:transparent url(/pics/mainMenu-liitto-selected.gif) no-repeat;}
					
					#mainMenu li#Kilpailu a,#mainMenu li#Kilpailu a#selected {
						position:absolute;
						width:148px;
						height:77px;
						left:67px;
					}
						#mainMenu li#Kilpailu a { background:transparent url(/pics/mainMenu-kilpailu.gif) no-repeat; }
						#mainMenu li#Kilpailu a#selected {background:transparent url(/pics/mainMenu-kilpailu-selected.gif) no-repeat; }
					#mainMenu li#Kuntoilu a,#mainMenu li#Kuntoilu a#selected {
						position:absolute;
						width:102px;
						height:44px;
						left:148px;
						}
						#mainMenu li#Kuntoilu a { background:transparent url(/pics/mainMenu-harrastus.gif) no-repeat; }
						#mainMenu li#Kuntoilu a#selected { background:transparent url(/pics/mainMenu-harrastus-selected.gif) no-repeat;}
					#mainMenu li#Seurat a,#mainMenu li#Seurat a#selected {
						position:absolute;
						width:74px;
						height:44px;
						left:253px;
					}
						#mainMenu li#Seurat a { background:transparent url(/pics/mainMenu-seurat.gif) no-repeat; }
						#mainMenu li#Seurat a#selected { background:transparent url(/pics/mainMenu-seurat-selected.gif) no-repeat; }

				#header a#inEnglish {
					position:absolute;
					top:0.5em;
					right:50px;
					color:#fff;
					font-size:10px;
					font-family:verdana;
					text-decoration:none;
					text-transform:uppercase;
					}

				#quickSearch {
					position:absolute;
					right:45px;
					top:30px;
				}
					#quickSearch label {}
					#quickSearch input { padding:2px 0 0 0.5em;border:1px solid #6fb5d5;color:#143d52;float:left;height:20px; width: 200px;margin-right:0.2em;}
						#quickSearch input.searchSubmit {
							width:35px;
							height:26px;
							background:transparent url(/pics/searchSubmit.gif) no-repeat;
							border:none;
							margin-top:0px;
						}
		#page {
			position:relative;
			background:transparent url(/pics/page.gif) repeat-y;
			padding-left:25px;
			width:992px;		
			
		}

			#leftCol {
				float:left;
				width:249px;
				
			}
				#frontpageImage {
					position:relative;
					width:249px;
				}
				#eventCalendarFrontpage {
					position:relative;
					width:100%;
					margin-bottom:1em;
				}
					#eventCalendarFrontpage  table { font-size:11px;margin:0;padding:0;width:98%;}
						#eventCalendarFrontpage  table td.eventCalendarDate { width:25%;color:#085881;}
						#eventCalendarFrontpage td { width:75%;}
						#eventCalendarFrontpage  td a { color:#085881;text-decoration:none;}
							#eventCalendarFrontpage  td a:hover { text-decoration:underline;}
				#resultsFrontpage {
					position:relative;
					width:100%;
					margin-bottom:1em;
					font-size:11px;
				}
					#resultsFrontpage ul { list-style-type:none;width:91%;}
						#resultsFrontpage li { color:#085881;border-bottom:1px solid #bdcbd3;padding:0.5em 0;}
						#resultsFrontpage a { color:#085881;text-decoration:none;}
							#resultsFrontpage a:hover { text-decoration:underline;}

				#askSpecialist {
					position:relative;
					width:91%;
					margin-bottom:1em;
					font-size:11px;
				}
					#askSpecialist input { margin-bottom:0.5em;width:100%;}
						#askSpecialist input.faqSubmit { float:left;width:40%;margin-left:0.5em;}
					#askSpecialist select { margin-top:0.5em;margin-bottom:0.5em;font-size:11px;}
					#askSpecialist label {}
					#askSpecialist textarea { margin-bottom:0.5em;width:100%;height:100px;}
					#askSpecialist p { margin:0.5em 0;}
			#eventCalendarFrontpage h3, #resultsFrontpage h3, #askSpecialist h3 {
				display:block;
				background:transparent url(/pics/h3-title.gif) no-repeat;
				width:227px;
				height:29px;
				padding-top:0.3em;
				padding-left:0.5em;
				font-size:17px;
				font-weight:normal;
				color:#fff;
				font-family:georgia,verdana,serif;
			
			}
			
			#middleColWide {
				float:left;
				width:693px;
				margin-left:22px;
			}

				#introductionTextArea {
					position:relative;
					width:693px;
					background:transparent url(/pics/introductionTextArea.gif) no-repeat;
					height:160px;
					overflow:hidden;
					padding-top:2em;
					padding-left:1em;
					margin-bottom:1em;
				}
					#introductionTextArea a { color:#186E99;text-decoration:none; }
						#introductionTextArea a:hover  { text-decoration:underline; }
					#introductionTextArea ul {
						margin-left:2em;
					}
					#faqLift {
						position:absolute;
						width:227px;
						height:156px;
						background:transparent url(/pics/faqLift.gif) no-repeat;
						right:0px;
						top:0px;
						padding-top:4em;
						padding-left:1em;
						/* z-index:100; */
						}
						#faqLift p { font-size:13px;color:#000;font-family:georgia,arial;font-style:italic;width:90%;font-weight:normal;} 
							#faqLift a { font-size:11px;font-style:normal;color:#1e5571;text-decoration:none;}
								#faqLift a:hover { text-decoration:underline;}

				#middleColLeftSide {
					float:left;
					width:464px;
					margin-right:2px;
				}
					#bulletin {
						position:relative;
						width:434px;
						min-height:410px;
						background:transparent url(/pics/bulletinFrontpage.gif) left bottom no-repeat;
						padding-left:10px;
						padding-top:1em;
					}
						.newsItem {
							position:relative;
							width:95%;
							margin-bottom:1em;
							min-height:30px;
							height:auto;
							_height:30px;
						}

							#bulletin .newsItem h3 { margin-top:0;padding-top:0;}
							#bulletin .newsItem h3 a{ color:#186e99;font-size:20px;font-family:georgia,arial;font-weight:normal;text-decoration:none;}
							#bulletin .newsItem h3 a:hover { text-decoration:underline;}
							#bulletin .newsItem .kuvakehykset {
								position:relative;
								left:0px;
								top:0px;
								width:149px;
								height:110px;
								background:transparent url(/pics/mainNewsImgClipper.png) no-repeat;
								z-index:10;
							}
						
						a#newsArchive { float:right;width:115px;height:27px;text-indent:-99999px;background:transparent url(/pics/a-newsArchive.gif) no-repeat;margin-right:1em;}
						a#newsRSS { float:right;width:66px;height:27px;text-indent:-99999px;background:transparent url(/pics/a-rssFeed.gif) no-repeat;}
						a#iconRSS { position:absolute;right:10px;top:5px;width:56px;height:18px;text-indent:-99999px;background:transparent url(/pics/iconRSS.gif) no-repeat;}
						#netShop {
								
							}
								#netShop img { float:left;margin-right:1em;}
									#netShop table td { padding-bottom:1em;}
									#netShop h3 { color:#1e5571;font-size:18px;font-weight:normal;margin-bottom:0.5em;}
									#netShop a {color:#07577f;text-decoration:none; }
										#netShop a:hover { text-decoration:underline;}
					
					
					
									#netShop .product { clear:both;margin-bottom:2em;}
 						#pickOfTheDay h2 a, #pickOfTheDay a { color:#186289; text-decoration: none;}
 						#pickOfTheDay a:hover { text-decoration: underline;}

				#middleColRightSide {
					float:left;
					width:227px;
				}
					#banners {
						position:relative;
						width:227px;
						background:transparent url(/pics/banners.gif) repeat-y;
						text-align:center;
					}
						#banners img,#banners object {
							margin:0.5em 0;
						}
						#banners #bannersTop {
							width:100%;
							height:12px;
							background:transparent url(/pics/bannersTop.gif) no-repeat;
						}
						#banners #bannersBottom {
							width:100%;
							height:35px;
							background:transparent url(/pics/bannersBottom.gif) no-repeat;
						}

					#ownBanner {
						position:relative;
						width:227px;
						margin-top:0.5em;
						text-align:center;
					}

	/**
		***************************************
		**
		** Common styles used in other pages
		** 
		***************************************
	**/
	#navi { margin-bottom:1em;padding-top:0.5em;font-family:arial;width:900px;}
		#navi ul { list-style-type:none;padding-bottom:0.5em;margin-left:0.5em;}
			#navi li { display:inline;height:23px;margin-right:0.7em;}
				#navi li a { color:#19719b;text-decoration:none; padding-top:0em;} 	
				#navi li a:hover { text-decoration:underline;}
				

				/**
					** These are for mozilla/firefox etc browsers
				**/
				
				#navi li.active a  { color:#fff;font-weight:bold;background:none;}
				#navi li.active  {
					background:#1e5571;
					padding-left:11px;
					padding-right:11px;
					padding-top:0.2em;
					padding-bottom:4px;
					-moz-border-radius-topleft: 0.6em; 
					-moz-border-radius-bottomleft: 0.6em; 
					-moz-border-radius-topright: 0.6em; 
					-moz-border-radius-bottomright: 0.6em;
				}
	#leftCol {
		float:left;
		width:227px;
		padding-bottom:1em;
	}
	
		#subNavi {
			position:relative;
			width:227px;
			background:#ececec url(/pics/subNaviEnd.gif) left bottom no-repeat;
			padding-bottom:1em;
		}
			#subNaviTop { display:block;background:transparent url(/pics/subNaviTop.gif) no-repeat; width:227px;height:12px;} 
			#subNavi ul {
				margin-left:1em;
				list-style-type:none;
				font-family:arial;
			}
				#subNavi li { margin:0.5em 0;}
					#subNavi li a { color:#245b76;text-decoration:none;background:transparent url(/pics/li-square.gif) 0 4px no-repeat;display:block;padding-left:12px;}
				#subNavi ul li ul {}
					#subNavi ul li ul li {}
						#subNavi li li a { color:#245b76;text-decoration:none;background:transparent url(/pics/li-arrows.gif) 0 4px no-repeat;display:block;padding-left:12px;}
						#subNavi a#selected  { font-weight:bold;}
					#subNavi a:hover { text-decoration:underline;}
		
		/** News listing on subpages **/
		#subpageBulletins {
			position:relative;
			clear:both;
		}
		#subpageBulletins ul { list-style-type:none;width:90%;margin:0 auto;}
		#subpageBulletins li {
			margin-bottom:0.5em;
			}
		#subpageBulletins li a { color:#07577f;text-decoration:none;}
		#subpageBulletins li a:hover { text-decoration:underline;}	
	
	
	#middleCol {
		float:left;
		width:466px;
		margin-left:22px;
	}
		#content {
			float:left;
			width:666px;
			margin-left:22px;
			min-height:300px;
			height:auto;
			_height:300px;
		}
			/** page title **/		
			#content h2.pageName,#middleCol h2.pageName {font-size:22px;font-famlily:georgia,arial,verdana;font-weight:normal;color:#186e99;font-family:georgia,arial,verdana;margin-bottom:1em;margin-top:0.7em;}
						
			/** Text styles, addittions to text.css **/
			#content ul,#content ol {
				margin-left:2em;
			}
				#content ul ul, #contetn ol ol { margin-left:1em; }
			#content li { margin:0.2em 0;}
			#content a { color:#186289;}	
		
	#rightCol {
		float:left;
		width:227px;
	}

	.greyBox {
		position:relative;
		width:100%;
		background:#f5f5f5 url(/pics/greyBox.gif) left bottom no-repeat;
		margin:0 auto;
		margin-top:1em;
		padding-bottom:1em;
	}
	.textArea { padding-left:1em;}
		.greyBox ul { list-style-type:none;width:90%;margin-bottom:1em;}
			.greyBox li { padding-bottom:0.5em;font-size:11px;color:#085881;font-weight:bold;}
			.greyBox li a { color:#085881;text-decoration:none;font-weight:normal;}
			.greyBox  a {  color:#085881;text-decoration:none;}
			.greyBox a:hover { text-decoration:underline;}
	.greyBox h3 {
			display:block;
			background:transparent url(/pics/h3-title.gif) no-repeat;
			width:227px;
			height:29px;
			padding-top:0.3em;
			padding-left:0.5em;
			font-size:17px;
			font-weight:normal;
			color:#fff;
			font-family:georgia,verdana,serif;
			margin:0;
		
		}
	.greyBox p { width:90%;margin:0 auto;}
	.greyBox table { font-size:11px;width:100%;color:#000;} 
		.greyBox table td.alignRight {}
		.greyBox span a { color:#f96e2a;} 
		.greyBox table td.notice { font-weight:bold;}
		.greyBox a.bw,.greyBox a.fw  { font-size:14px;margin:0 0.2em;}
		.greyBox ul.list { display:none;}
#footer {
	clear:both;
	min-height:250px;
	/* min-height fix for ie6 */
	height:auto;
	_height:250px;
	background:transparent url(/pics/footer.gif) repeat-x;
	font-family:arial;
}
	#footerNavi { position:relative;margin-left:20px; }
		.footerNaviCol {
			float:left;
			width:200px;
			background:transparent url(/pics/footerNavi.gif)  0 0 no-repeat; 
			min-height:100px;
			padding-left:1em;
			margin-bottom:2em;
		}
		
		.footerNaviCol ul { list-style-type:none; }
			.footerNaviCol ul li { }
			.footerNaviCol h3 a { font-size:11px;color:#fff;text-transform:uppercase;font-weight:bold;text-decoration:none;}
				.footerNaviCol ul ul { padding:0;}
				.footerNaviCol ul li ul li {
					position:relative;
					display:block;
					text-transform:none;
					font-weight:normal;
				}
				.footerNaviCol li a { color:#fff;text-decoration:none;font-weight:bold; font-size:11px;}
					
	#footerContact {
		position:relative;
		clear:both;
		margin-left:20px;
		width:750px;
	}	
		#footerContact p { color:#688299;width:75%;}
			#footerContact  p.copyrightText { color:#fff;margin-top:1em;}
			#footerContact  img#poweredBy { position:absolute;right:0px;top:0px;} 

	#footer a img { border:none;}
	/**
		***************************************
		** Styles used in other pagetemplates 
		** located /templates/pagetemplates/
		***************************************
	**/

	/** MainSection.jsp **/

	#leftColWide {
		float:left;
		width:715px;
	}
		#mainStory {
			position:relative;
			width:700px;
			height:224px;
		}
			#mainStory p {}
			
	/** bulletinManager2.jsp **/
	
	div#bulletinListing {
		position:relative;
		width:226px;
		background:transparent url(/pics/bulletListing.jpg) no-repeat;
		height:585px;
		overflow:hidden;
		padding-top:18px;
		padding-left:14px;
	}
		#bulletinListing h3 { font-size:12px;color:#a2a2a2;font-weight:bold;font-family:georgia,arial,verdana;margin-bottom:1em;text-transform:uppercase;}
			#bulletinListing h3 a { color:#f96e2a;}
			#bulletinListing ul { list-style-type:none; width:90%;font-family:georgia,arial,verdana;}
				#bulletinListing li { border-bottom:1px solid #ececec;color:#bbbbbb;font-size:12px;padding-bottom:1em;}
					#bulletinListing li a { font-size:13px;color:#1e5571;text-decoration:none;}
					#bulletinListing li a:hover { text-decoration:underline;}
					
	/** org_event_calendar.jsp **/
	#eventCalendar {
		float:left;
		width:70%;
	}
		#eventCalendar h4.timeSpan,#eventCalendar h4.eventName { font-size:22px;font-family:georgia,arial,verdana;font-weight:normal;color:#186e99;font-family:georgia,arial,verdana;margin-bottom:1em;margin-top:0.7em;} 
		#eventCalendar .calendarAll {  margin:0;padding:0;}
		#eventCalendar .calendarAll td { padding-bottom:1em;}
		#eventCalendar .calendarAll a { font-size:14px;font-weight:bold;text-decoration:none;}
		#eventCalendar .calendarAll a:hover { text-decoration:underline;	}
		
	
	
	#miniCalendar  {
		float:left;
		width:29%;
	}
	.eventListing  { vertical-align:top;}
	.eventListingDate { font-size:10px;text-align:right;}
	
	#eventMiniCalender table { text-align:center;}
		
		.eventMiniCalenderHeader { font-size:14px;color:#000;width:90%;text-align:center;}
		.eventMiniCalenderHeader a { text-decoration:none;color:#186289;}
		.eventMiniCalenderHeader a.bw,.eventMiniCalenderHeader a.fw { font-size:18px;}
		#eventMiniCalender  .notice { border:1px solid #75a9c7;}
		#eventMiniCalender  td { padding:0.2em;}
		#eventMiniCalender p.addEvent a { font-size:11px;}
		
		/* .today {  } */
		.hasEvent { border:1px solid #75a9c7;}
		#content #eventMiniCalender td a:hover { color:red;}
		#content .v a { color:#000;font-weight:bold;}
		#content .hasEvent a { font-weight:bold;}
		#content .notCurrentMonth { background:#eee;}
		#content .notCurrentMonth a { color:#9a9793;}
		#content .selday { background:#f96e2a;}
		#content .selday a { color:#fff;font-weight:bold;}