/**
	**
	** Common style definitions
	** for www.fai.fi
	** Copyright Ambientia Ltd. 2008
**/

* { margin:0;padding:0;}
br.clear { clear:both;}
blockquote { margin-left:20px;}
a {  outline: none; }
body {
	background:#006db0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:100%;
	}

	#wrapper {
		position:relative;
		background:#ffffff;
		margin:0;
		padding:0;
		width:100%;
	}

		#backgroundElement {
			position:relative;
			width:1000px;
			background:url(/pics/subpage.gif) repeat-y;
			margin:0 auto;
		}
			
			#header {
				position:relative;
				margin:0 auto;
				z-index:100;			
			}
			.headerFrontpage { height:134px;width:984px;}
			.headerSubpage { height:150px;width:970px;}
				
				#header h1 {
					position:absolute;
					padding-top:0.3em;
					width:317px;
					height:52px;
					
				}
				
				#header h1 a {
					display:block;
					width:317px;
					height:52px;
					background:transparent url(/pics/logo.gif) no-repeat;
					text-indent:-999999px;
				}
				
				
				#searchBox {
					position:absolute;
					left:520px;
					top:10px;
					width:255px;
				}
					#searchBox form { } 
					#searchBox input.inputField {
						width:180px;
						height:30px;
						background:transparent url(/pics/searchBoxInput.gif) no-repeat;
						border:none;
						padding-left:0.5em;
						padding-right:40px;
						color:#777777;
						font-weight:bold;
						font-size:12px;
					
					}
					#searchBox input.submitButton {
						background:none;
						width:26px;
						height:27px;
						position:absolute;
						left:198px;
						border:none;
						z-index:1000000;
						cursor:pointer;
					}
					
					
					#quickLinks {
						position:absolute;
						left:520px;
						top:45px;
						color:#777777;
						width:255px;
					}
						#quickLinks a { font-weight:bold;color:#777;text-decoration:none; padding-left: 2px;}
						#quickLinks a:hover { text-decoration:underline;}
	
					#mainMenu {
						position:absolute;
						width:864px;
						top:67px;
					}	
						/** menu background */
						.default {background:transparent url(/pics/mainMenu.gif) no-repeat;}				
						.kulttuuriala { background:transparent url(/pics/mainMenu-cult.gif) no-repeat;}
						.ravitsemis-_ja_talousala {  background:transparent url(/pics/mainMenu-trav.gif) no-repeat;}
						.tekniikka_ja_liikenne {  background:transparent url(/pics/mainMenu-tech.gif) no-repeat;}
						.liiketalous { background:transparent url(/pics/mainMenu-busi.gif) no-repeat;}
						.luonnonvara-_ja_ymparistoala { background:transparent url(/pics/mainMenu-envi.gif) no-repeat;}
						.sosiaali-_ja_terveysala { background:transparent url(/pics/mainMenu-soci.gif) no-repeat;}
						.oppisopimus {background:url(/pics/mainMenu-learn.gif) no-repeat;}
						.mainMenuFrontpage { height:63px;}
						.mainMenuSubpage { height:77px;}
							.mainMenuSubpage li a {height:77px; }
						
						#mainMenu ul { list-style-type:none; margin-top:1.7em;margin-left:1.5em;padding-bottom:39px;}
						#mainMenu li { display:inline;height:55px;font-size:15px;padding-left:0.3em;float:left;padding-right:0.3em;}
							/** menu item dividers **/
							.default li { background:url(/pics/menuLeftDivider.gif) no-repeat;}
							.kulttuuriala li {background:url(/pics/cultMenuDivider.gif) no-repeat;}
							.ravitsemis-_ja_talousala li {background:url(/pics/travMenuDivider.gif) left top no-repeat;}
							.tekniikka_ja_liikenne li {background:url(/pics/techMenuDivider.gif) left top no-repeat;}
							.liiketalous li {background:url(/pics/busiMenuDivider.gif) left top no-repeat;}
							.luonnonvara-_ja_ymparistoala li { background:url(/pics/enviMenuDivider.gif) left top no-repeat;} 
							.sosiaali-_ja_terveysala li {background:url(/pics/sociMenuDivider.gif) left top no-repeat;}
							.oppisopimus li {background:url(/pics/learnMenuDivider.gif) no-repeat;}
							/** hide first element background **/
							.default li:first-child,
							.kulttuuriala li:first-child,
							.ravitsemis-_ja_talousala li:first-child,
							 .tekniikka_ja_liikenne li:first-child,
							 .liiketalous li:first-child,
							 .luonnonvara-_ja_ymparistoala li:first-child,
							 .sosiaali-_ja_terveysala li:first-child { background:none;}
							
						#mainMenu li a { color:#fff;text-decoration:none;text-transform:uppercase;font-weight:bold;}
						#mainMenu li.selected { }
						
						/** active page **/
						.default li a#chosen  { padding-bottom:39px;background:url(/pics/mainMenuActive.gif) center bottom no-repeat;}
						.kulttuuriala li a#chosen { padding-bottom:39px;background:url(/pics/mainMenuActive-cult.gif) center bottom no-repeat;}
						.ravitsemis-_ja_talousala li a#chosen { padding-bottom:39px;background:url(/pics/mainMenuActive-trav.gif) center bottom no-repeat;}
						.tekniikka_ja_liikenne li a#chosen { padding-bottom:39px;background:url(/pics/mainMenuActive-tech.gif) center bottom no-repeat;}
						.liiketalous li a#chosen { padding-bottom:39px;background:url(/pics/mainMenuActive-busi.gif) center bottom no-repeat;}
						.luonnonvara-_ja_ymparistoala li a#chosen { padding-bottom:39px;background:url(/pics/mainMenuActive-envi.gif) center bottom no-repeat;}
						.sosiaali-_ja_terveysala li a#chosen {padding-bottom:39px;background:url(/pics/mainMenuActive-soci.gif) center bottom no-repeat;}
						.oppisopimus a#chosen { padding-bottom:39px;background:url(/pics/mainMenuActive-learn.gif) center bottom no-repeat;}
					#imagePlace {
						position:absolute;
						top:0px;
						height:353px;
						z-index:9999999;
						left:764px;
						width:278px;	
					}
					
			
			#page {
				position:relative;
				margin:0 auto;
				z-index:10;
			}

			.frontpage { width:100%;}
			.subpage { width:970px;}

			.frontpageContent {
				position:relative;
				width:975px;
				margin:0 auto;
			}
				
			#row1 {
				position:relative;
				width:100%;
				height:219px;
				overflow:hidden;
				background:url(/pics/row1.gif) repeat-x;
				
			}
				/** palveluiden esittely nosto **/
				#services {
					float:left;
					width:608px;
					height:219px;
					padding-left:14px;
					overflow:hidden;
				}
					#services div {
						width:337px;
						padding-top:0.5em;
					}
					#services h3 {
						font-size:24px;
						color:#006db0;
						font-weight:normal;
						margin-bottom:0.2em;
					}
				/** ruokalista nosto **/
				#menu { 
					float:left;
					background:url(/pics/menu.jpg) no-repeat;
					width:140px;
					height:219px;
					padding-top:1em;
					overflow:hidden;
					font-size:11px;
					}
					#menu h3 {
						font-size:14px;
						color:#358943;
						font-weight:bold;
						margin-bottom:0.5em;
						
					}
						
					#menu p.otherMenus { color:#d9330d;}
					#menu p.otherMenus a { color:#006db0;text-decoration:none;font-size:11px;}
					#menu p.otherMenus a:hover { text-decoration:underline;}
			
			#row2 {
				position:relative;
				width:100%;
				background:#007eb0 url(/pics/row2.gif) repeat-x;
				
			}
			
				#chooseField {
					float:left;
					width:348px;
					padding-left:14px;
				}
					#chooseField h3 { 
						font-size:24px;
						color:#fff;
						font-weight:normal;
						margin-bottom:0.5em;
						}
					#chooseField ul {
						list-style-type:none;
					}
						#chooseField li { padding:0.7em 0 1em 0;padding-left:38px;}
						#chooseField a { color:#fff;text-decoration:none;text-transform:uppercase;font-weight:bold;}
						#chooseField a:hover { text-decoration:underline;}
						#chooseField li#fieldCulture { background:url(/pics/fieldCulture.gif) no-repeat;}
						#chooseField li#fieldTravel {  background:url(/pics/fieldTravel.gif) no-repeat;}
						#chooseField li#fieldTechnical { background:url(/pics/fieldTechnical.gif) no-repeat;}
						#chooseField li#fieldSociety { padding-top:0em;padding-bottom:0.7em;background:url(/pics/fieldSociety.gif) no-repeat;}
						#chooseField li#fieldSocial { background:url(/pics/fieldSocial.gif) no-repeat;}
						#chooseField li#fieldEnvironment { background:url(/pics/fieldEnvironment.gif) no-repeat;}
						#chooseField li#fieldLearn { background:url(/pics/fieldLearn.gif) no-repeat;}
			#bulletin {
				float:left;
				width:340px;
				background:url(/pics/bulletin.gif) repeat-x;
				padding-left:1em;
				min-height:220px;
			}
				#bulletin h3 { 
					font-size:24px;
					color:#fff;
					font-weight:normal;
					margin-bottom:0.5em;
				}
					
				#bulletin ul { list-style-type:none;}
				#bulletin li { margin-bottom:1em;color:#9f9f9f;border-bottom:1px solid #3090b8;padding-bottom:0.5em;}
				#bulletin li a { font-size:14px;font-weight:bold;color:#fff;text-decoration:none;}
				#bulletin li a:hover { text-decoration:underline;}	
				#bulletin a#bulletinArchive {
					float:right;
					width:82px;
					height:28px;
					background:url(/pics/a-bulletinArchive.gif) no-repeat;
					text-indent:-999999px;
				}
			#banners {
				float:left;
				width:261px;
				background:url(/pics/bulletin.gif) repeat-x;
				min-height:220px;
			}
				#banners div { position:relative;width:95%;margin:0 auto;padding-top:1em;}
				
				
			/**
				**
				** Definitions for subpages 
				**
			**/
			#content {
				float:left;
				width:660px;
				margin-left:39px;
				margin-right:2em;
			}	
				
				#content h2#pageName {  margin-top:1em;font-size:26px;font-weight:normal;color:#125e78;background:url(/pics/h2-pageName.gif) 0 7px no-repeat;text-indent:1em;border-bottom:1px solid #d3ebea;padding-bottom:0.3em;margin-bottom:1em;}
				#content h1,#content h2 { font-size:16px;color:#006baf;margin-top:0.5em;margin-bottom:0.2em;}
				
				#content ul,#content ol { margin:0.5em 0;margin-left:2em;}
				
				#helpers { float:right;margin-top:-1.5em;color:#777777;font-size:11px;}
				#helpers a { color:#777777;text-decoration:none;}
				#helpers a:hover { text-decoration:underline;}
				#helpers span { color:#9d0310;font-weight:bold;}
			#rightCol {
				float:left;
				width:230px;
				margin-top:120px;
				
			}	
				#rightCol h3 { 
					font-size:18px;
					font-weight:normal;
					display:block;
					width:250px;
					height:50px;
					background:url(/pics/h3-rightCol.gif) no-repeat;
					color:#fff;
					padding-top:0.7em;
					padding-left:1em;
					text-transform:uppercase;
				}
					#rightCol h3.oppisopimus { background: url(/pics/h3-rightCol-learn.gif) no-repeat;}
					#rightCol h3.tekniikka_ja_liikenne { background: url(/pics/h3-rightCol-tech.gif) no-repeat;}
					#rightCol h3.ravitsemis-_ja_talousala { background: url(/pics/h3-rightCol-trav.gif) no-repeat;}
					#rightCol h3.sosiaali-_ja_terveysala { background: url(/pics/h3-rightCol-soci.gif) no-repeat;}
					#rightCol h3.luonnonvara-_ja_ymparistoala { background: url(/pics/h3-rightCol-envi.gif) no-repeat;}
					#rightCol h3.liiketalous { background: url(/pics/h3-rightCol-busi.gif) no-repeat;}
					#rightCol h3.kulttuuriala { background: url(/pics/h3-rightCol-cult.gif) no-repeat;}
				#rightCol ul { list-style-type:none;margin-left:1em;} 
				#rightCol ul li { background:url(/pics/li-rightCol.gif) 0 3px no-repeat;border-bottom:1px solid #dadada;margin:0.5em 0;padding-left:1.3em;padding-bottom:0.5em;}
				#rightCol li.active  a{font-weight:bold;}	
					#rightCol ul li ul li { border:none;padding-bottom:0;}
					#rightCol ul ul ul  { margin:0;}
				#rightCol h3 a { color:#fff;text-decoration:none;}
				#rightCol ul li a { color:#6a6a6a;text-decoration:none;} 
				#rightCol a:hover { text-decoration:underline;}
				
				
	#footer {
		border-top:6px solid #1a8bb8;
		position:relative;
		width:100%;
		clear:both;
		background:url(/pics/footer.gif) repeat-x;
		min-height:180px;
		padding-top:2em;
		
	}
		#footerContent {
			width:1000px;
			position:relative;
			margin:0 auto;
			color:#fff;
		}
			#footerContent div { margin-left:1em;min-height:180px;}
			#footerContent h4 { color:#fff;padding-top:0.3em;font-size:14px;}
			#footerContent h3 { 
					color:#fff;
					font-size:18px;
					font-weight:normal;
					margin-bottom:0.5em;
					} 
			#footerContent p { color:#fff;}
			#footerContent a { color:#fff;}	
			
			#contactInfo {
				float:left;
				width:350px;
				margin-left:1em;
				border-right:1px solid #1a71aa;
				padding-left:14px;
			}
				
			#loginIntranet,#loginMoodle {
				float:left;
				
			}
			#loginIntranet { width:222px;border-right:1px solid #1a71aa;}
				#loginIntranet form {}
				#loginIntranet label { font-weight:bold;}
				#loginIntranet label,#loginIntranet input { margin-bottom:0.5em;clear:both;display:block;}
				#loginIntranet input.inputField { 
					background:url(/pics/loginInput.gif) top right no-repeat;
					width:180px;
					height:24px;
		 			border:none;
					padding:0.2em 0 0 0.5em;
					}
				#loginIntranet input.intranetSubmit { display:block;width:84px;height:34px;background:url(/pics/submitIntranet.gif) no-repeat;border:none;float:right;margin-right:2em;}
			#loginMoodle { width:350px;}
				#loginMoodle a#moodleLogin { display:block;width:72px;height:30px;background:url(/pics/moodleLogin.gif);text-indent:-999999px;}
			
			#loginIntranet .badCredentials {
				color: #fff;
				font-weight: bold;
				font-size: 10px;
				padding-top: 7px;
			}
		/** 
			**
			** sitemap on the footer 
			**
		**/
		#footerSitemap {}
			#footerSitemap h3 { color:#fff;}
			#footerSitemap ul { list-style-type:none;}
				#footerSitemap li { display:inline;margin:0.3em 0;float:left;margin-right:0.5em;}
				#footerSitemap li a { text-decoration:none;font-size:14px;font-weight:bold;text-transform:uppercase;}
				#footerSitemap li a:hover { text-decoration:underline;}
					#footerSitemap ul ul { display:block;width:150px; }
					#footerSitemap li ul li { 
						position:relative;
						display:block;
						float:none;
						margin-right:0;
						padding-bottom:0.2em;
						border-bottom:1px solid #197dad;
						}
					#footerSitemap li ul li a {font-size:11px;font-weight:normal;text-transform:none;}
		/**
		 	**
		 	** Event calendar public view
		 	**
		 **/