/* --- STYLE RESET --- */

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,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	line-height: 1;
	font-family: "Lucida Grande", Arial;
	background: #FFFFFF url(/pics/otaniemi/body-bg.gif) repeat-x bottom left ;
	font-size: 1em;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 1px dotted #669;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	border: none;
	clear: both;
	height: 0%;
	visibility: hidden;
	}



/* --- OTANIEMI STYLES START --- */

a { color: #122F6A; }
sub, sup { font-size: 10px; }
blockquote { margin-left: 50px; }

/* --- VISUAL ELEMENTS --- */

#plant { 
	position: absolute; 
	top: 0px; 
	right: 0px; 
	width: 443px; 
	height: 437px; 
	background: transparent url(/pics/otaniemi/body-plant.gif) center no-repeat; 
	z-index: 0; 
	}

#topContainer {
	position: absolute;
	top: 128px;
	left: 0px;
	width: 100%;
	height: 486px;
	background: transparent url(/pics/otaniemi/topcontainer-bg.png) top repeat-x;
	z-index: 1;
	}

/* -------  HEADER -------- */

#header {
	background: transparent url(/pics/otaniemi/header-bg.png) top repeat-x;
	position: relative;
	margin: 0;
	height: 78px;
	z-index: 2;
	width: 970px;
	}

	#header a#logo { 
		position: absolute;
		top: 12px;
		left: 17px;
		width: 308px;
		height: 56px;
		overflow: hidden;
		}
		
		#header a#logo span {display: none;}

#searchArea {
	position: absolute;
	right: 36px;
	top: 28px;	
	width: 225px;
	}
	
	#searchArea legend { display: none; }
	#searchArea fieldset input#inputSearch {
		padding: 2px;
		width: 225px;
		font-size: 0.8em;
		border-style: solid;
		border-width: 2px 1px 1px 1px;
		border-color: #bbb #bbb #ddd #bbb;
		color: #aaa;
		background: #f3f3f3;
		}
		
	#searchArea fieldset button#submitButton {
		display: none;
		}

/* ----------- NAV ----------- */

#nav {
	position: relative;
	margin: 20px 0 17px 0;
	padding: 0 10px;
	overflow: hidden;
	z-index: 2;
	}

	#nav ul { margin: 0 0 0 5px; list-style-type: none; }

	#nav li { float: left; }
	#nav li:first-child a { padding-left: 0px; border-left: none; }

	#nav a {
		display: block;
		color: #1C3870;
		text-decoration: none;
		padding: 0 15px;
		border-left: solid 1px #1C3870;
		font-size: 12px;
		line-height: 14px;
		font-weight: bold;
		}
		

/* ------- CONTAINER --------- */
.gradient {
	background: transparent url(/pics/otaniemi/gradient-bg.gif) top left repeat-x;
	width: 100%;
	position: absolute;
	top: 0px;
	left:0px;
	height: 441px;
	}

#all {width: 970px; position: relative; margin: 0px auto;}

#container {
	min-height: 750px;
	x//height: 500px;
	margin: 0 0;
	padding: 17px;
	background: transparent url(/pics/otaniemi/container-bg.gif) bottom center repeat-x;
	z-index: 2;
	
	}

	#container h2#mainTitle {
		font-size: 23px; 
		margin: 0;
		text-transform: uppercase; 
		font-weight: normal;
		color: #122f6a;
		padding: 5px 10px 5px 8px;
		font-family: myriad pro;
		}
		
	#all #subPlant {
		position: absolute;
		bottom: 0px;
		right: 31px;
		height: 254px;
		width: 296px;
		z-index: 2;
		background: transparent url(/pics/otaniemi/container-plant.gif) bottom right no-repeat;
		}
		
	#container a.orderRss {
		position: absolute;
		top: 9px;
		right: 0px;
		width: 14px;
		height: 14px;
		background: transparent url(/pics/otaniemi/icon-rss.png) top right no-repeat;
		overflow: hidden;
		text-indent: -10000px;
		outline: none;
		}
		
	#container a.latest_news {
		position: absolute;
		top: 3px;
		left: 0px;
		color: #000000;
		font-size: 13px;
		font-weight: bold;
		text-decoration: none;
		height: 25px;
		display: block;
		padding: 7px 0 0px 0px;
		text-transform: uppercase;
		}
		
	#container h3.latest_rss {
		color: #000000;
		font-size: 13px;
		font-weight: bold;
		text-decoration: none;
		height: 25px;
		display: block;
		padding: 7px 0 0px 0px;
		text-transform: uppercase;
		}
		
	#container h3.latest_blog {
		top: -2px;
		left: 0px;
		color: #000000;
		font-size: 13px;
		font-weight: bold;
		text-decoration: none;
		height: 25px;
		display: block;
		padding: 7px 0 0px 0px;
		text-transform: uppercase;
		}

	#container a.events {
		display: block;
		color: #000000;
		font-size: 13px;
		font-weight: bold;
		text-decoration: none;
		text-transform: uppercase;
		padding: 7px 0 0px 0px;
		}

/* --------- SUBNAV --------- */

#subnav, #subnavGhost {
	position: relative;
	float: right;
	width: 310px;
	margin: 15px 0 250px 0;
	padding: 0 10px 15px 10px;
	background: transparent url(/pics/otaniemi/what-infobox-bg.png) bottom center no-repeat;
	z-index: 2;
	}
	
	#subnavGhost { background: none; }
	
	#subnav a:hover, #subnav a.selected { text-decoration: underline; }
	
	#subnav ul { position: relative; list-style-type: none; margin: 0; padding: 0; border-bottom: 1px solid #e3e3e3; font-size: 9pt; line-height: 1em; }
	#subnav ul li { padding: 8px 10px; border-top: 1px solid #E3E3E3; }
	#subnav ul li a { font-weight: bold; text-decoration: none; }
	
	#subnav ul ul { padding: 10px 0; border-bottom: none; margin: 0 0 0 4px; font-size: 8pt; }
	#subnav ul ul li { position: relative; padding: 5px 0 0 12px; border-top: none; background: transparent url(/pics/otaniemi/subnav-ul-ul-li.gif) 0px 10px no-repeat; }
	#subnav ul ul li a { font-weight: normal; }
	
	#subnav ul ul ul { padding: 0; }
	
	#subnav #infoBoxTop { 
		position: absolute;
		top: -15px;
		left: 0px;
		padding: 0;
		margin: 0;
		height: 15px;
		width: 330px;
		background: transparent url(/pics/otaniemi/what-h2-bg.png) top center no-repeat;
		}


/* --------- CONTENT -------- */

#content {
	position: relative;
	margin: 0 370px 0 0;
	z-index: 2;
	}
	
	#content #imagePlace {
		position: relative;
		height: 270px;
		margin: 0 auto 2em auto;
		background-position: center;
		background-repeat: no-repeat;
		overflow: hidden;
		max-width: 700px;
		}
		
		#imagePlace #roundLeft, #imagePlace #roundRight { 
			position: absolute;
			height: 270px;
			width: 5px;
			background-image: url(/pics/otaniemi/imageplace-rounds.gif);
			background-color: transparent;
			background-repeat: no-repeat;
			overflow: hidden;
			}
		
			#imagePlace #roundLeft { left: 0px; background-position: top left; }
			#imagePlace #roundRight { right: 0px; background-position: top right; }
	
	#content h2#mainTitle { padding: 0; }

/* ---- WHAT IS OTANIEMI ---- */

#whatIsOtaniemi {
	position: relative;
	float: right;
	width: 290px;
	margin-left: 20px;
	z-index: 2;
	margin-top: -15px;
	}

	#whatIsOtaniemi h2, #whatIsOtaniemi h1 { 
		color: #414141;
		font-size: 1.1em;
		font-weight: bold;
		border: none;
		margin: 0px 0 15px 0;
		padding: 5px 5px 5px 0;
		}
		
		#whatIsOtaniemi h2 { 
			font-size: 1.3em;
			line-height: 1.3em;
			height: 45px;
			margin-bottom: 0;
			background: transparent url(/pics/otaniemi/what-h2-bg.png) top left no-repeat;
			text-indent: -10000px;
			overflow: hidden;
			}

		#whatIsOtaniemi h3 { font-size: 0.9em; color: #414141; margin: 0 0 15px 0; }

	#whatIsOtaniemi p { font-size: 0.8em; color: #414141; }

	#whatIsOtaniemi ul { padding: 0 0 15px 0; margin: 0 0 15px 0; background: transparent url(/pics/otaniemi/what-infobox-bg.png) bottom center no-repeat; list-style-type: none; }
	#whatIsOtaniemi li {
		position: relative;
		display: block;
		padding: 8px 13px;
		margin: 0 21px 7px 21px;
		background-color: #fff;
		background-image: url(/pics/otaniemi/what-li-bg.gif);
		background-repeat: no-repeat;
		border: 1px solid #ccc;
		overflow: hidden;
		line-height: 22px;
		}
		
		#whatIsOtaniemi #studying { background-position: 0px 0px; }
		#whatIsOtaniemi #world_class_research { background-position: -288px 0px; }
		#whatIsOtaniemi #business_opportunities { background-position: -576px 0px; }
		#whatIsOtaniemi #fdi_opportunities { background-position: -864px 0px; }
	
	#whatIsOtaniemi a.mainLinks { 
		display: block;
		height: 22px;
		color: #414141;
		text-indent: -10000px;
		text-decoration: none;
		background: transparent url(/pics/otaniemi/what-li-a-bg.png) 240px 2px no-repeat;
		outline: none;
		}
		#whatIsOtaniemi a:hover {  }

/* ------ INFOBOX ------- */

#infoBoxTop { 
	margin: 15px 0 0 0;
	background: transparent url(/pics/otaniemi/right-box-top.png) top center no-repeat;
	height: 15px;
	padding: 0px;
	}
	
#infoBoxBottom { 
	margin: 0px;
	background: transparent url(/pics/otaniemi/right-box-bottom.png) top center no-repeat;
	height: 15px;
	}

#infoBox {
	margin: 0px 0 0 0;
	padding: 0px 0 10px 0;
	xbackground: transparent url(/pics/otaniemi/what-infobox-bg.png) bottom center no-repeat;
	background: #fff;
	overflow: hidden;
	width: 290px;
	}
	
	#infoBox p { margin: 0 0 5px 0; }
	
	#successStories, #meetUs, #visitUs {
		float: none;
		position: relative;
		width: 245px;
		overflow: hidden;
		margin: 0 13px 20px 13px;
		padding: 0 10px 10px 10px;
		border: 1px solid #ccc;
		background: #fff url(/pics/otaniemi/infobox-div-bg.gif) top left repeat-x;
		}
		
		#successStories { margin-top: 0; }
		
		#successStories p { font-size: 0.7em; line-height: 1.4em; }
		#successStories a { font-weight: bold; text-decoration: none;  }
		#successStories img { float: left; border: 1px solid #ccc; background: #fff; padding: 3px 4px; margin: 0 5px 5px 0; }
	
	#successStories h3.topic, #meetUs h3.topic, #visitUs h3.topic {
		margin: 0 0 10px 0;
		height: 45px;
		border-bottom: 1px solid #ccc;
		}
		
		#successStories a h3.topic { cursor: pointer; }
		
		#successStories h3.topic { background-position: 0px 0px; }
		#meetUs h3.topic { background-position: -288px 0px; }
		#visitUs h3.topic { background-position: -574px 0px; }

	#meetUs p, #visitUs p { line-height: 1.4em; }
	#meetUs ul, #visitUs ul { list-style-type: disc; margin: 0 0 0.5em 0.5em; padding: 0; line-height: 1.4em; }
	#meetUs li, #visitUs li { margin: 0 0 0 15px; padding: 0; background: transparent; border: none; }

	#newsContainer { margin-right: 310px; z-index: 5;}
		#newsContainer #mainImage { 
			background: transparent;
			position: relative;
			height: 270px;
			max-width: 680px;
			min-width: 346px;
			margin: 0 auto 30px auto;
			overflow: hidden;
			}
			
	#meetUs h3, #visitUs h3, #successStories h3 {
		background: #fff url(/pics/otaniemi/infobox-div-bg.gif) top left repeat-x;
		margin: 0 0 13px 0;
		height: 40px;
		text-transform: uppercase;
		padding: 0px 0 0 0;
		color: #555;
		font-size: 13px;
		font-weight: bold;
		
		}
		
		 #successStories h3 {padding-top: 15px;}
		
		#meetUs h3 a, #visitUs h3 a, #successStories h3 a  {
			color: #555555;
			font-size: 13px;
			font-weight: bold;
			text-decoration: none;
			border: 0px solid #f00;
			height: 25px;
			width: 250px;
			display: block;
			padding: 17px 0 0px 0px;
			}

/* ---- NEWS & EVENTS ---- */

#news {
	position: relative;
	float: none; 
	width: auto;
	padding: 0 0 10px 0;
	z-index: 2;
	}

	#news small, #blog small, #events small { color: #666; }

	#news small#mainDate { display: block; margin: 8px 10px; font-size: 0.7em; line-height: 1.2em; }
	#news p#mainArticle { color: #333; font-size: 0.8em; line-height: 1.4em; }

	a.readMore {
		display: block;
		color: #233d74;
		font-weight: bold; 
		margin: 20px 10px; 
		padding: 0 0 0 7px; 
		font-size: 0.75em;
		background: transparent url(/pics/otaniemi/a-arrow.gif) 0px 4px no-repeat;
		text-decoration: none;
		}
		
		#successStories a.readMore { margin: 5px 0; font-size: 0.95em; }
		
		#news #moreNews { position: absolute; bottom: 0px; right: 10px; margin: 0; font-size: 0.7em; background-position: 0 3px; }
		#news #suggest { position: absolute; bottom: 0px; right: 122px; margin: 0; font-size: 0.7em; background-position: 0 3px; }

#news ul { 
	position: relative;
	margin: 20px 10px 20px 20px; 
	font-size: 0.8em; 
	list-style-type: none;
	margin: 0 10px;
	padding: 0;
	}

	#news li { position: relative; margin-bottom: 7px; padding: 5px 0 8px 0; border-bottom: 1px dotted #cacaca;color: #000000;	}
		#news li a { font-size: 1em; text-decoration: none;}
		#news li small { font-size: 0.85em; }

	#news p { font-size: 0.9em; padding: 0 10px; margin-top: 15px }

#blog, #events {
	position: relative;
	float: left;	
	margin: 1em 0 2em 0;
	width: 50%;
	}

#events h2, #blog h2, #blog h3, #news h3, #calContent h2#calTitle {
	position: relative;
	font-weight: bold;
	margin: 0px 10px 5px 10px;
	overflow: hidden;
	border-bottom: 3px solid #333;
	z-index: 10;
	}
	
	#events h2, #calContent h2#calTitle {padding: 0 0 10px 0; }
	#calContent h2#calTitle { margin: 0 0 15px 0; }
	#blog h2 { padding: 0 0 10px 0; }
	#news h3 { height: 30px; margin-bottom: 15px; }
	

		
	#blog ul li { font-size: 0.85em; }
	#blog ul li a.readMore { display: block; margin: 5px 0 0 0; font-size: 1.05em; }
	#blog ul li img { float: left; background: #fff; padding: 4px; margin: 0 5px 5px 0; border: 1px solid #ccc;  }
	#events ul, #blog ul { font-size: 0.8em; padding: 0px 10px; list-style-type: none; margin: 0 0 30px 0; }
	#events li, #blog li { margin-bottom: 2px; border-bottom: 1px dotted #000; padding: 8px 0 5px 0; line-height: 1.4em; color: #333; }
	#events li a, #blog li a { text-decoration: none; }
	#events li small, #blog li small { font-size: 0.85em; margin: 3px 0 0 0;}
	#events li#allEvents { text-align: right; padding: 0; margin: 0; border: none; }
		#events li a.readMore { display: inline; margin: 0; font-size: 0.85em; }

/* -------- FOOTER --------- */

#footer {
	color: #fff;
	padding: 0;
	margin: 0 auto;
	height: 19px;
	text-align: right;
	background: #1C3870;
	position: relative;
	z-index: 3;
	width: 970px;
	}
	
	#footer p#slogan { 
		position: absolute;
		height: 16px;
		width: 355px;
		right: 9px;
		top: 3px;
		background: transparent url(/pics/otaniemi/footer-p-bg.gif) 0px 0px no-repeat;
		overflow: hidden;
		text-indent: 355px;
		}
		
/* ---- LOGINPAGES ---- */
#content h2#loginTitle { margin: 0 0 20px 0; }
#content h2#accessDenied { margin: 8px 0 4px 0; padding: 8px 12px; background: #FBFCFE; font-size: 16px; font-weight: bold; border-width: 1px 0; border-style: dotted; }
#content table#login { border-collapse: separate; border-spacing: 1px 8px; font-size: 0.85em; color: #333; margin: 15px 0; }
#content table#login td { padding: 0 5px; }
#content table#login td input.textField { border: solid 1px #cdd; background: #fff; }
#content table#login td input.textField:focus { border: solid 1px #8cc; background: #FBFCFE; }
#content table#login td input#submitButton { margin: 15px 0; width: 100px; }

/* ---- BULLETIN & EVENT SUGGESTION ---- */
#addBulletinPublic, #addEventPublic { margin: 0; padding: 10px 0 20px 0; font-size: 0.8em; }
	#addBulletinPublic form, #addEventPublic form { margin: 0; padding: 0; }

	#addBulletinPublic input, #addEventPublic input, #addBulletinPublic select, #addEventPublic select, #addBulletinPublic textarea, #addEventPublic textarea { display: block; border: solid 1px #cdd; background: #fff; margin: 3px 0 15px 0; width: 300px; }
	#addBulletinPublic input:focus, #addEventPublic input:focus, #addBulletinPublic select:focus, #addEventPublic select:focus, #addBulletinPublic textarea:focus, #addEventPublic textarea:focus { border: solid 1px #8cc; background: #FBFCFE; }
	
	#addBulletinPublic input.submitButton, #addEventPublic input.submitButton {
		width: 100px;
		border-style: outset;
		border-width: 2px;
		border-color: #ddd #999 #999 #ddd;
		background-color: #ccc; 
		}
	
	#addBulletinPublic label, #addEventPublic label { display: block; font-size: 12px; margin: 10px 0 3px 0; }
	
#content input.hidden { display: none; }

	#addEventPublic select { display: inline; width: auto; }
	#addEventPublic select.selectBox { width: 300px; }
	#addEventPublic input.timeInput { display: inline; width: 30px; margin: 0; padding: 0; }
	#addEventPublic input.organizer { display: inline; width: 14px; margin: 0 5px 0 0; line-height: 1.5em; border: none; background: none; }
	#addEventPublic label.organizerLabel { display: inline; line-height: 1.5em; }

/* ------ clearfix ------ */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.clearfix {
	display: inline-block;
	}

/* piilotetaan mac-ie:lta \*/
* html .clearfix { height: 1%; }
.clearfix {display: block;}
/* pois piilosta */
 */


/* -------- HIDE CONTENT
#header *, #nav *, #container *, #footer * { visibility: hidden; }
 -------- */