/*
	Genereal Stylesheet for common webbrowsers
*/

/*
	General styles
	Header
		Header Content
			Logo
			Languaage Selection
			Search Form
			Help Links
	Quicklinks
	Page
		Left Column
			Navigation
			Banners
		Right Column
			Frontpage
				Left Column
					Ajassa -lift
					Bulletin Area
				Right Column
					Image
					Event Calendar
			Subpages
	Footer
		Footer Content
			Contact Information
			Sitemap
	Other Templates
		Form Desginer Form
		Bulletin Manager 2
		Sitemap
		404
		Org Event Calendar
		FLVs
		Send a card
		Tiedonjyva
*/

/* 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, 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 */
.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;}

a { outline: none;}
body {
	background: #f8fbf5 url(/pics/valkeakoski/body_bg.gif?27.05.2010) top repeat-x;
	font-family: arial, verdana, serif;
	font-size: 0.75em;
	color: #555;
}
#wrapper {
	background: #fff;
	position:relative;
	width: 880px;
	margin: 0 auto;
	border-right: 2px solid #e7eaeb;
	border-left: 2px solid #e7eaeb;
	border-bottom: 2px solid #e7eaeb; }
	
	#header {
		position: relative;
		width: 100%;
		height: 96px;
	}
	
		#tools {
			background: #e20a16 url(/pics/valkeakoski/toolsmenu_bg.gif?27.05.2010) no-repeat left;
			height: 35px;
			overflow: hidden;
		}

		#logo {
			position: absolute;
			width: 311px;
			height: 75px;
			top:21px;
			left: 10px;
			background: url(/pics/valkeakoski/logo.gif?27.05.2010) no-repeat;
			text-indent: -999999px;
		}
		#languageSelection {
			position: absolute;
			left: 120px;
			top: 10px;
			color: #fff;
		}
			#languageSelection ul { list-style-type: none;}
			#languageSelection li { display: inline;}
			#languageSelection a { color:#fff; text-decoration: none; font-size: 0.92em;}
				#languageSelection a:hover { text-decoration: underline;}
			.currentLang { font-weight: bold;}
		#searchForm {
			position: absolute;
			left: 650px;
			top: 7px;
			width: 213px;
			height: 20px;
		}
			#searchForm .textField {
				border: 1px solid #b3bcbd;
				background: url(/pics/valkeakoski/searchBox.gif?27.05.2010) repeat-x;
				width: 188px;
				height: 16px;
				padding-top: 2px;
				padding-left: 0.2em;
				font-size: 1em;
				font-weight: bold;
			}
			#searchForm .formSubmitButton { 
				position: absolute; 
				right: 1px;
				margin-top:0px; 
				width: 21px; 
				height: 21px; 
				border:1px solid #b3bcbd; 
				background: url(/pics/valkeakoski/searchSubmitButton.gif?27.05.2010) no-repeat;
				}
		
		#quickTools {
			right: 240px;
			position:absolute;
			top: 7px;
			color:#fff; }
			
			#quickTools ul { list-style: none; }
				#quickTools li { list-style: none; float: left; padding: 0 5px; }
				#quickTools li.firstChild { border: none;}
			#quickTools a {
				float: left;
				width: 22px;
				height: 22px;
				text-indent: -999em;
				color: #fff;
				background-repeat: no-repeat;
				text-decoration: none; }
				#quickTools a:hover { text-decoration: underline;}
			
			#quickTools-print {
				background-image: url(/pics/valkeakoski/icon_print.gif?27.05.2010); }
				
			#quickTools-sitemap {
				background-image: url(/pics/valkeakoski/icon_sitemap.gif?27.05.2010); }
				
			#quickTools-font {
				background-image: url(/pics/valkeakoski/icon_font.gif?27.05.2010); }
			
	#page {
		position: relative;
		width: 100%;
		padding-bottom: 2em;
	}
		#leftCol {
			position: relative;
			float:left;
			width: 224px;
			margin-right: 13px;
			padding-bottom: 20px;
			z-index: 100;
		}
			.errorPage { height: 300px;}
			
			#navi {
			 margin-top: 1em;
			}
			
				#navi ul {
					list-style-type: none;
					padding-bottom: 0.5em;
				}
					/* 1st level navigation */
					#navi li { display: block; margin: 0;}
					#navi li a { font-size: 1.167em;font-weight: bold; color:#000;text-decoration: none;border-left: 13px solid #fff;padding: 0;line-height: 1.8em;padding-left: 13px; display: block;}
					#navi a:hover { text-decoration: underline;}
					#navi li.active a { border-left: 13px solid #73b23d;}
																
					/* 2nd level navigation */
					#navi ul ul { margin-left:-13px;background: none; padding-bottom: 0;} 
					#navi li.active li a { font-size: 1em;font-weight: normal;border-left: 13px solid #fff; padding: 0.2em 0; padding-left: 13px; line-height: 1.3em;  }
					#navi li.active li {  padding-bottom:0em;padding-left: 13px;}
					#navi li li.active a { border-left: 13px solid #e20a16; font-weight:bold;}
					
					/** 3rd level navigation **/
					#navi ul ul ul { margin-left: 23px;}
					#navi .active .active li a { border:none; font-weight: normal; padding-left: 0; }
					#navi .active .active .active  a#selected { text-decoration: underline; }
					#navi li li li { background: url(/pics/icon-arrow.gif) no-repeat 0 8px; margin-left: 5px; }
					
					/** 4th level navigation **/
					#navi ul ul ul ul { margin-left:0px;}
					
					/* navi separator */
					#navi ul.pageTitle { /* background: url(/pics/valkeakoski/ul-navi.gif) left bottom repeat-x;*/ padding:0;}
					#navi .pageTitle li.active a { text-decoration: underline; }
					#navi .pageTitle li a {border-left: 13px solid #73b23d}
					.navierotin { 
						background: url(/pics/valkeakoski/ul-navi.gif?27.05.2010) left center repeat-x;
						padding-bottom: 0em; 
						margin: 0; 
					}
					#navi .navierotin a { visibility: hidden;cursor:default; text-indent: -999999px;margin:0;padding:0;line-height: 1em; }
					/* Restricted Navigation */
					/* 1st level */
					#navi .restrictedNav ul { margin-left:-13px;background: none; padding-bottom: 0; }
					
					#navi .restrictedNav li a { font-size: 1em;font-weight: normal;border-left: 13px solid #fff; padding: 0.2em 0; padding-left: 13px; line-height: 1.3em;  }
					#navi .restrictedNav li { padding-bottom:0em;padding-left: 13px;}
					#navi .restrictedNav li.active a { border-left: 13px solid #e20a16; font-weight:bold; }
					/* 2nd and deeper lvls */
					/* #navi .restrictedNav li.active  { border-left: 13px solid #73b23d; font-weight:bold; } */
					#navi .restrictedNav ul ul { margin-left: 23px;}
					#navi .restrictedNav ul ul ul { margin-left: 0;}
					#navi .restrictedNav .active li a { padding-left: 0; border:none; font-weight: normal; }
					#navi .restrictedNav .active .active  a#selected { text-decoration: underline; }
					#navi .restrictedNav li li { background: url(/pics/icon-arrow.gif) 0 6px no-repeat;margin-left: 5px;}
					#navi .restrictedNav li.active li.active a#selected { text-decoration: underline; border-color:#fff; }

		#banners {
			padding: 15px 0 0 10px; }
		.banner { margin-bottom: 1em;}
			.banner a img { border: none;}
			
	#middleCol { position: relative; width: 70%; margin-left: 25%; margin-top: 1em;}		
	#rightCol {
		float:left;
		width: 643px;
	}		
		#pickArea {
			position: relative;
			min-height: 300px;
		}
		#pick {
				position: relative;
				background: #73b23d;
				width: 637px;
			}
			.pickText {
				width: 286px;
				padding-top: 1em;
				padding-left: 1em; 
				padding-bottom:1em;
				color:#fff;
			}
				#pick h1 { color: #fff;}
				#pick h2 { color: #fff;}
				#pick h3 { color: #fff;}
				#pick h4 { color: #fff;}
				#pick p { color: #fff;}
				#pick a { color: #fff;}
		#pickImage { position: absolute;right: 10px;top: -20px;}
			#pickImage img { border: 2px solid #e7eaeb;}
		#lift { position: relative; color:#252525; top: 2em;width: 210px; height: 70px; padding-left: 60px; background: url(/pics/valkeakoski/citation.gif?27.05.2010) 0px 0px no-repeat; }
			#lift p { font-style: italic;color:#252525;}
			#citationArea { position: relative; width: 210px;overflow: hidden; height: 60px; }
				.citation { position: absolute; width: 210px;height: 50px;}
		#fpLeftCol {
			float:left;
			width: 300px;
			/* margin-top: 1em; */
			z-index: 100;
		}		
			#bulletinArea {
				
			}
				.newsArea { margin-top: 1.5em;}
					.newsArea h2 { font-size: 1.333em; font-weight: bold;border-bottom: 1px solid #d1d1d1; padding-bottom: 0.1em;margin-bottom: 0.5em;}
						.newsArea h2 a { color: #d34035; text-decoration: none;}
							.newsArea h2 a:hover { text-decoration: underline;}
					.newsArea ul {
						list-style-type: none;
					}
					.newsArea li {
						color: #929292;
						font-size:0.917em;
						padding-bottom: 0.3em;
						margin-bottom: 0.5em;
					}
					.newsArea li a { font-size: 1.083em; font-weight: bold; color: #555; text-decoration: none;}
						.newsArea a:hover { text-decoration: underline;}
					.newsArea a {}
					
					.rss_icon {
						display: block;
						float: right;
						text-indent: -999em;
						height: 16px;
						width: 16px;
						line-height: 16px;
						font-size: 1em;
						font-weight: normal;
						overflow: hidden;
						background: url(/pics/valkeakoski/icon_rss.gif?27.05.2010) no-repeat; }
		
		#fpRightCol {
			float: left;
			width: 313px;
			margin-left:10px;
			height: 450px;
		}
			#calendarArea { margin-top: 1em; position: relative;}
				#calendarArea h2 {
					width: 303px;
					height: 37px;
					background: url(/pics/valkeakoski/h2-eventCalendarHeader.gif?27.05.2010) no-repeat;
					color: #fff;
					font-size: 1.333em;
					padding-top: 5px;
					padding-left: 10px;
				}
				#calendarArea a.showAllEventsLink { position: absolute; right:1em; color:#fff; top:0.7em; text-decoration: none; }
					#calendarArea a.showAllEventsLink:hover { text-decoration: underline;}
				
				/* Calendar-section chooser */
				#eventCategorySelector { position: relative;}
				#eventSelector {
					height: 26px;
					list-style-type: none; 
					margin-top: -20px;
					margin-bottom: 20px;
					border-right: 1px solid #d1d1d1;
					border-bottom: 1px solid #d1d1d1;
				}
					
						#eventSelector li { display: inline; }
							#eventSelector li a { float:left;height: 26px;line-height: 30px;text-decoration: none; vertical-align: bottom;border-left: 1px solid #d1d1d1;width: 19%; text-align: center;color:#373737; font-size: 0.917em;}
							#eventSelector li#Tärpit a { padding-left: 0em; }
						#eventSelector li a.wactive, #eventSelector li a.activeSlide { background: url(/pics/valkeakoski/icon-eventSelector.gif?27.05.2010) center top no-repeat; font-weight: bold; text-decoration: none;}
						/*
						#eventSelector #eventAllLink { position: absolute; left:10px;}
						#eventSelector #eventSportsLink { position:absolute; left: 70px; }
						#eventSelector #eventYouthLink { position:absolute; left: 130px; padding-left: 1em;} 
						#eventSelector #eventCultureLink { position:absolute; margin-left: 190px; padding-left: 1em;}
						#eventSelector #eventExhibitionsLink { position:absolute; margin-left: 200px; padding-left: 1em;}
						*/
				#currentEventsWrapper{
					width: 314px;
					overflow: hidden;
				}		
					#currentEventShow { }
					#currentEvents a:hover  { text-decoration: underline;}
					#eventCategory { width: 100%;}
				#currentEvents ul { list-style-type: none;}
				#currentEvents li { font-size: 0.917em; margin-bottom: 1em;border-bottom: 1px solid #f5f5f5; padding-bottom:.2em;}
				#currentEvents li a { font-weight: bold;font-size: 1.083em; text-decoration: none; color:#555;}
				#currentEvents p { width: 100%; text-align: right;}
				#currentEvents p a { color: #d34035;}	
	
	
				
	
	
	
	#fanElement, #fanElementFp { position: absolute; left:0px; bottom: 0px; width: 224px; height: 226px; z-index: 10;background: url(/pics/fanElement.gif) left bottom no-repeat;}
		/* Random Image Displayer */
		#rid { position: absolute;width: 224px; height: 226px; overflow: hidden;}
			#rid img { margin-left:-10px;}
	#fanElementBig { position: absolute;top:0px; left: 881px;width:209px;height: 472px;background: url(/pics/fanElementBig.gif) no-repeat;} /* fan element on right side of the page */			
		#helpLinks {
			background: url(/pics/valkeakoski/ul-navi.gif?27.05.2010) top repeat-x;
			padding-top: 15px; }
		#helpLinks ul { list-style-type: none;margin-left: 1em;}
			#helpLinks li { margin-bottom: 0.5em;}
			#helpLinks a { font-size: 1.167em; font-weight: bold; color: #d34035; text-decoration: none;}
				#helpLinks a:hover { text-decoration: underline;}
	/*
	 * Subpages
	 */
	#contentArea { position: relative; width: 627px; background: url(/pics/valkeakoski/mainSection.gif?27.05.2010) repeat-x; padding-left: 11px;}
		#contentArea h1.pageName { color:#fff; font-size: 1.5em; font-weight: normal; padding-top: 36px; margin-bottom: 45px;}
		
		#path { font-size: 0.75em; position: absolute;top: 63px; color:#0b4224;line-height: 9px;}
			#path a { color:#0b4224; font-weight: normal; text-decoration: none;}
	#content {}
		.narrow {width: 290px;;}
		.normal { width: 559px;}
		.wide { width: 99%;}
		
		/* headings */
		#content h1 {}
		#content h5 { font-weight: bold; font-size: 1.167em; margin-bottom: .5em;}
		#content h6 { font-weight: bold; font-size: 1em; margin-bottom: .5em;}

		/* list-styles */
		#content ul { margin-left: 2em; margin-bottom: 0.5em;}
		/*
			#content ol {} 
			#content ol { list-style-position:inside;}
		*/
			#content ul ul, #content ol ol { margin-left: 1em; margin-bottom: 0em;}
		/* links */
		#content a { color: #d34035;}	
		/* images */
		#content img.at-merkki { margin-top:-.2em;}
		/* tables */
		#content td.vaaleatausta { background:#ECECEC; }
		
		.modifiedBy { padding-left: 10px; margin-top: 20px; }
			.modifiedBy p { font-size: 0.833em; color:#69797c;}
		
		
#footer {
	position: relative;
	clear:both;
	width: 100%;
	background: url(/pics/valkeakoski/footer.gif?27.05.2010) repeat-x;
	min-height: 100px;
}
	#footerContent h3 { width: 213px; height: 42px; background: url(/pics/valkeakoski/logo-valkeakoski.gif?27.05.2010) no-repeat; text-indent: -99999px;color:#00628c; font-size:1.5em; font-weight: normal;}
	#footerContent {
		padding-left: 12px;
		padding-top: 12px; }
		#footerContent h2 { color:#73b23d; font-weight:normal;font-size: 1.5em; margin-bottom: 1em;}
		
		#footerContact { position: absolute; width: 160px; left: 15px; top:56px;}
			#footerContact p { font-size: 0.917em; color:#373737; line-height: 1.5em; margin-bottom: 1em;}
			#footerContact a { color:#d34035; font-weight: bold;text-decoration: none;}
				#footerContact a:hover { text-decoration: underline;}
				#footerSiteMap a:hover{ text-decoration: underline;}
		#footerSiteMap { position: relative; margin-left: 160px; }
			#footerSiteMap div { float:left; width: 209px; margin-left: 10px;}
				#footerSiteMap div.lvl3div { /* width: 400px;*/}
			#footerSiteMap ul { list-style-type: none;}
				#footerSiteMap li { display: block; width: 177px; background: url(/pics/li-footerContact.gif) 0 0 no-repeat; height: 20px; padding-left:32px; padding-top: 5px;}
				#footerSiteMap li.active { background: url(/pics/li-footerContact.gif) 0 -25px no-repeat; }
				#footerSiteMap li a { text-decoration: none; color: #373737; font-size: 0.917em;}
				#footerSiteMap li.navierotin { display: none;}
				#footerSiteMap div.lvl3div li { background: url(/pics/valkeakoski/li-lvl3.gif?27.05.2010) 0 0 no-repeat; padding-top: 5px;padding-bottom:5px; height: 10px; margin-bottom: 5px; line-height: 11px;} 
				#footerSiteMap div.lvl3div li.active { background: url(/pics/valkeakoski/li-lvl3.gif?27.05.2010) 0 0 no-repeat; }
					#footerSiteMap div.lvl3div li.active a { text-decoration: underline;}
/*
 * Other templates
 * ************************
 */

/*
 	* Main Section
 	* /pagetemplates/vlk-main_section.jsp
 	* ************************************
 */
	#mainSectionLeftCol { float: left; width: 286px;}
		
	#mainSectionRightCol { float:left; width: 314px; margin-left: 13px;}
		#mainSectionRightCol img.kuvapaikka { border: 2px solid #e7eaeb;}
		#mainSection-bulletins { margin-top: 30px;}
			#mainSection-bulletins h2 { font-size: 1.333em; border-bottom:1px solid #d1d1d1;padding-bottom: 0.2em; width: 100%; font-weight: normal; margin-bottom: 1em; }
				#mainSection-bulletins h2 a { color:#d34035; text-decoration: none;}
				#mainSection-bulletins ul { list-style-type: none;}
				#mainSection-bulletins li { font-size: 0.917em; color: #929292; margin-bottom: 1em;}
				#mainSection-bulletins li a { font-size: 1.083em;color: #555; font-weight:bold; text-decoration: none;}
					#mainSection-bulletins li a:hover { text-decoration:underline;}
		
		#mainSection-events { height: 400px;}
			
		
/*
 	* Form Designer form
 	* /pagetemplates/formdesignerform.jsp
 	* ***********************************
*/
	#fd { position:relative; width: 95%; color:#000;}	
		#fd fieldset { border: none;}
		#fd legend { margin-left: -.6em;}
		#fd input, #fd select { margin: 0.2em 0 .8em 0; display: block;}
		#fd textarea {clear:both; display: block; margin-bottom: 0.5em;}

/*
	* Bulletin Manager 2
	* /pagetemplates/bulletinmanager2.jsp
	* ************************************
*/

	#content #bm2 .news_bulletins ul { list-style-type: none; margin-left: 0;}
	#content #bm2 .news_bulletins li { font-size: 0.917em; color:#929292; border-bottom: 1px solid #D1D1D1; padding-bottom: 1em; padding-top:0.5em;}
	#content #bm2 .news_bulletins li a { text-decoration: none; color:#555; font-size: 1.25em;font-weight: bold;}
		#content #bm2 .news_bulletins li a:hover { text-decoration: underline;}
		#content #bm2 li img.at-merkki { margin-left:0; margin-top:0;}
/*
	* Sitemap
	* /pagetemaplates/sitemap.jsp
	* *****************************
*/	
	.col { }
	#content .col ul { margin-left: 0;}
		/* new styles, but reverted to old ones, so these are not in use anymore
		.col ul li { list-style-type: none;padding: 0.5em; border: 1px dashed #c2c2c2; margin-bottom: 1em;}
		.col ul li ul  {}
		.col ul li ul li {  margin-left: 1em; border:0;padding:0.2em 0; margin-bottom: 0;}
		#content .col ul li a { text-decoration: none; color:#555; font-size: 1.5em;}
		#content .col ul li ul li  a { text-decoration: none; color:#000; font-size: 1.333em;}
		#content .col ul li ul li ul li a { text-decoration: none; color:#555; font-size: 1.167em;}
		#content .col ul li ul li ul li ul li a { text-decoration: none; color:#000; font-size: 1em;}
		
		#content .col li a:hover { text-decoration: underline;}
		*/
		#content .col .navierotin { display: none;}
		
		#content .col  a:hover { text-decoration: underline; }
		#content .col ul { margin:0px 0px 0px 0px; padding: 0px 0px 5px 0px; }
		#content .col  ul ul { margin: 0px; padding: 0px; }
		#content .col  ul li { margin: 0px 0px 0px 15px; padding: 0px; list-style-type: none;}
		#content .col  li {  width: 95%;}
		#content .col li a { font-size: 1.167em; font-weight: bold;}
		#content .col  li li { background: #FBFBFA; width: 95%; }
		#content .col li li a { font-size: 1em; font-weight: bold;}
		#content .col  li li li {  background: #F4F4F4; width: 95%; }
		#content .col  li li li  {  width: 95%; }
		#content .col li li li a { font-weight: normal;}
		#content .col li li li li li { width: 95%; }
		#content .col  li li li li li li { width: 95%; }
		#content .col  li li li li li li li { width: 95%; }
		#content .col  li li li li li li li li {  width: 95%; }
		
		
		#content .col  li li { border-top:1px solid #E3E4E8; }
		#content .col  li a:hover { background:#ddd; width: 100%;}
		
		
		
		
		
		
		
/*
 	* Error pages
 	* /errorpages/www.valkeakoski.fi/404.jsp
 	* **************************************
 */

 .errorMessage { margin-bottom: 1em;}
 .errorSiteMap { float: left;margin-right: 1%; margin-bottom: 1em; width: 49%;}
 	.wideCol { }
 	#content .errorSiteMap ul { list-style-type: none;  margin-left: 0px;}
	.errorSiteMap li { margin-bottom: 1em;}
	#content .errorSiteMap li a { font-size: 1.167em; color:#000;text-decoration: none;font-weight: bold;}
		#content .errorSiteMap li a:hover { text-decoration:underline;}	
	
	.errorSiteMap input { }
	.errorSiteMap .textField {  margin-bottom:1em;width: 95%; border: 1px solid #b3bcbd;background: url(/pics/valkeakoski/searchBox.gif?27.05.2010) repeat-x;height: 16px;padding-top: 2px;padding-left: 0.2em;font-size: 1em;font-weight: bold;}
	.errorSiteMap .submitButton {} 
	
/*
	* Event Calendar
	* /pagetemplates/org_event_calendar.jsp
	* **************************************
*/
	.changeWeek { }
	#content .changeWeek ul { list-style-type: none; margin-left:0;}
	.changeWeek li { display: inline; font-weight:bold; margin-right: 1em;color:#d34035;}
	.changeWeek li a { text-decoration: none; color:#d34035;}
	#content .changeWeek li h1 { display: inline; font-size: 1.333em;} 
	
	#content ul#listEvents { list-style-type: none; margin-left: 0; margin-top: 1em;}
		#content ul#listEvents li {/* margin-bottom: 1em;  border-bottom: 1px dashed #ddd; padding-bottom: 0.5em;*/ font-size:0.917em; color:#000;}
		#content ul#listEvents li a { text-decoration: none; font-weight: bold;font-size: 1.083em; color:#555;}
			#content ul#listEvents li a:hover { text-decoration: underline;}
			#content ul#listEvents li tr { vertical-align: top;}
	#orgEventCalendar a {color:#d34035;}
		#eventDetails { float: left; width: 420px;}
		#showCalendar { float: left; width: 190px; margin-left: 10px;}
			#showCalendar div { margin-bottom: 1em;}
			.minicalendarChangeMonth a { text-decoration: none; font-size: 1.167em; }
			.minicalendarChangeMonth a span { /* color:#000;*/ text-decoration:none; font-weight: bold;}
					
			#content .minicalendar table { border: 1px solid #ddd; padding: 2px;}
			#content .minicalendar table th { background: #6fccaa; font-weight: normal;color: #fff;}
			#content .minicalendar table td { border:1px dashed  #eee;}
				#content .minicalendar table td:hover { background:#f1f9f5;} 
			#content .minicalendar table td a { color:#000; text-decoration: none;}
			#content .notCurrentMonth { background:#eee;}
			#content .eventday { background: #c8e9db;}
				#content .minicalendar table td.eventday a { color:#00a764;font-weight:bold;}
			#content .selday { }
				#content .minicalendar table td.selday a { }
				#content .minicalendar table td.notCurrentMonth a { color:#8d9090;}
			
			#content ul.eventsOrganizer { list-style-type: none; margin-left: 0;}	
			.oneEvent div { margin-bottom: 1em;}
			.eventImage { width: 100%; text-align: center;}
			
			
			#organizationSwitcher { position: relative; width: 397px; background: url(/pics/valkeakoski/calendarHeader-slim.gif?27.05.2010) 0 0 no-repeat;padding-top: 11px; }
			#organizationSwitcher ul { list-style-type: none; margin-left:0;}
			#organizationSwitcher li { display: inline; }
			#organizationSwitcher li a { float:left;height: 26px;line-height: 30px;text-decoration: none; vertical-align: bottom;border-left: 1px solid #d1d1d1;width: 16%; text-align: center;color:#373737; font-size: 0.917em;}
			#organizationSwitcher a.activeCalendar { background: url(/pics/valkeakoski/icon-eventSelector.gif?27.05.2010) center top no-repeat; font-weight: bold; text-decoration: none;}
			#organizationSwitcher .firstElement a { border:none;}



/*			
 	* Kaupunginteatteri
 	* /pagetemplates/vlk-theatre.jsp
 	* **************************************
 */
#contentArea h1.theatreLogo { width: 291px; height: 84px; margin-bottom: 25px;background: url(/pics/valkeakoski/logo-kaupunginteatteri.gif?27.05.2010) 0px 23px no-repeat; text-indent: -999999px;}
		
/*
 	* FVL videos
 	* /pagetemplates/vlk-videos.jsp
 	* **************************************
 */
	#videoPlayer { float:left; width: 360px;margin-left:10px; margin-top: 10px; }
	#bigVideoPlayer { display: block; width: 512px; margin: 0 auto;}
	#listVideos { padding: 10px 5px 10px 5px; background:#eee;}
		.normalListing { float:left; width: 230px; }
		.narrowListing { float:left;  width: 230px;}
		.columnListing { clear:both; border: 1px solid #ddd; }
		.normalListing  .videoInfo { padding: 5px; border: 1px solid #c9cdcd; width: 210px; margin-bottom: 1em;background:#fff;}
		.narrowListing  .videoInfo { padding: 5px; border: 1px solid #c9cdcd; width: 210px; margin-bottom: 1em;background:#fff;}
		.columnListing .videoInfo { float: left; margin-right: 5px; padding: 5px; border: 1px solid #c9cdcd; height: 70px; width: 180px; margin-bottom: 1em;background:#fff;}
		.columnListing .firstVideo { clear: left;}
			.videoThumb { float:left; width: 70px;}
				.videoThumb a img { border: none;}
			.videoDescription { float:left;width: 130px;margin-left: 10px;}
			.columnListing .videoDescription { float:left;width: 100px;margin-left: 10px;}
				.videoDescription p { color:#000; font-size: 0.917em;}
		#content .videoInfo ul { margin-left:0; list-style-type: none;}
			#content .videoInfo li { padding-bottom: 0.2em; border-bottom: 1px dashed #ddd; margin-bottom: 0.2em;}
		
/*
 	* send a card
 	* /pagetemplates/friend_selection.jsp
 	* /pagetemplates/formdesigner_friend.jsp
 	* **************************************
 */			
		 .thumbCard { position:relative;width:100%;text-align:left;margin-bottom:1em;}
		#content .thumbCard a img, #content .thumbCard img { padding:2px;border:1px solid #ddd;}
		
		
/*
 	* Tiedonjyva
 	* /pagetemplates/vlk-tiedonjyva-frontpage.vm
 	* **************************************
 */		
 
	#headerTiedonjyva {
    		height: 85px;
		position: relative;
		width: 100%;
	}

	#contentArea h1.pageNameTiedonJyva {
	    background:url("/pics/valkeakoski/tilauskoulutusTitle.gif") bottom left no-repeat;
	    font-size: 1.5em;
	    font-weight: normal;
	    margin-bottom: 35px;
	    padding-top: 72px;
	}

	#logoTiedonjyva {
	    background: url("/pics/valkeakoski/logoTiedonjyva.gif") no-repeat scroll 0 0 transparent;
	    height: 75px;
	    left: 10px;
	    position: absolute;
	    text-indent: -999999px;
	    top: 15px;
	    width: 80px;
	}

	#headerTitle {
		position: absolute;
		left: 110px;
		top: 6px;
		color: #fff;
		background:url("/pics/valkeakoski/headerTitleTiedonjyva.gif") top left no-repeat;
		width:210px;
		height:22px;
		}

	img.tiedonjyva_lisakuvapaikka { border: 2px solid #e7eaeb; margin-top:20px;} 
 
 	.row {
 		position:relative;
 		float:left;
 		width:627px;
 	 }
 	 
	#tiedonjyva-blog {
		float:left;
		width:312px;
		background:#f1f7eb;
		margin-top:3px;
		margin-right:3px;
		width:298px;
	}
	
	#tiedonjyva-facebook {
		float:left;
		margin-top:1px;
		margin-right:3px;
		width:298px;
	}			
	
	#tiedonjyva-bulletins {
		float:left;
		width:318px;
		background:#f1f7eb;
		margin-top:3px;
	}	
	
	#tiedonjyva-koulutustarjonta {
		float:left;
		width:318px;
		margin-top:1px;
	}	

	#tiedonjyva-koulutustarjonta .content {
		width:280px;
		margin-left:12px;
		
	}
	
		#tiedonjyva-bulletins h2, #tiedonjyva-blog h2, #tiedonjyva-koulutustarjonta h2 { font-size: 1.333em; border-bottom:1px solid #d1d1d1;padding-bottom: 0.2em; width: 89%; font-weight: bold; margin-bottom: 1em; margin-top:1em; margin-left:12px;}
		#tiedonjyva-facebook h2 { font-size: 1.333em; border-bottom:1px solid #d1d1d1;padding-bottom: 0.2em; width: 100%; font-weight: bold; margin-bottom: 1em; margin-top:1em; margin-left:2px;}
		#tiedonjyva-bulletins h2 a, #tiedonjyva-blog h2 a, #tiedonjyva-koulutustarjonta h2 a, #tiedonjyva-facebook h2 a { color:#d34035; text-decoration: none;}
		#tiedonjyva-bulletins ul, #tiedonjyva-blog ul, #tiedonjyva-facebook ul { list-style-type: none;}
		#tiedonjyva-blog li, #tiedonjyva-facebook li { font-size: 0.917em; color: #929292; margin-bottom: 1em; margin-left:0.5em;}
		#tiedonjyva-bulletins li, #tiedonjyva-blog li { font-size: 0.917em; color: #929292; margin-bottom: 1em; margin-left:1em;}
		#tiedonjyva-bulletins li a, #tiedonjyva-blog li a, #tiedonjyva-facebook li a { font-size: 1.083em;color: #555; font-weight:bold; text-decoration: none;}
		#tiedonjyva-bulletins a:hover, #tiedonjyva-blog li a:hover, #tiedonjyva-facebook a:hover { text-decoration:underline;}	
		
/*
   Voipaala
*/ 	 

		h1.pageName span.voipaalaLogo {
			position:absolute;
			right:12px;
			top:28px;
			background:url("/pics/valkeakoski/voipaalaLogo.png") no-repeat top left;
			width:60px;
			height:50px;
		}