@charset "UTF-8";
/* CSS Document */

html {background:#fff9e5 url('../img/bg-curtain-right.png') 100% 0% no-repeat;} /* top left corner background*/
body {margin:0 auto;min-height:900px; background:transparent url('../img/bg-curtain-left.png') 0 0 no-repeat;} /* top right corner background*/

#header{margin:0 0 5px 0;height:155px;background:transparent url('../img/.') 50% 0% no-repeat;text-align:center;overflow:hidden;}
#header img{margin-top:-15px;}
#content{border:1px solid #9A0024;border-top:0;background: white url('../img/bg-curtain-rightpng') right 70px no-repeat;}

/* NAVIGATION SYSTEMS */ 
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_left_right_line.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu{
height:70px;
background: url('../img/menu-bg-red.jpg');
position:relative; 
font-family:arial, verdana, sans-serif; 
font-size:12px;
z-index:100;
margin:0 0 10px 0;
}

#menu .menu {
text-align:center;margin:0; 
padding:0; 
list-style:none; 
white-space:nowrap;
}

#menu li {
float:left;
background:url('../img/menu-bg-red-begin.jpg');
}

#menu li.lrt {
float:right;
background:url('lrimages/blue_1.gif');
}


#menu .menu a {
display:block; 
height:35px; 
float:left; 
background: url('lrimages/black_0.gif'); 
padding:0 0 0 10px; 
text-decoration:none; 
line-height:33px; 
white-space:nowrap; 
color:black;
}


#menu .menu li.lrt a {color:#0ff;}


#menu .menu a b {
display:block;
padding:0 30px 0 10px; 
background:url('lrimages/black_0.gif') right top;
}

#menu .menu li.level2 a b {F
background:url('../img/menu-bg-red-end.jpg') right top;
}

#menu .menu a:hover, 
#menu .menu li:hover a {
background: url('../img/menu-bg-red-.jpg'); 
padding:0 0 0 10px;
cursor:pointer; 
color:black;
}

#menu .menu li.lrt a:hover, 
#menu .menu li.lrt:hover a {
background: url('lrimages/blue_1.gif'); 
}

#menu .menu a:hover b, 
#menu .menu li:hover a b {
display:block; 
float:left;
padding:0 30px 0 10px; 
background:url('../img/menu-bg-red-.jpg') right top; 
cursor:pointer;
}

#menu .menu li.level2 a:hover b, 
#menu .menu li.level2:hover a b {
background:url('../img/menu-bg-red-arrow.jpg') right top; 
}

#menu .menu li.lrt a:hover b, 
#menu .menu li.lrt:hover a b {
background:url('lrimages/blue_1.gif') right top; 
}

#menu .menu li.lrt a:hover b.arrow, 
#menu .menu li.lrt:hover a b.arrow {
background:url('lrimages/blue_1a.gif') right top; 
}

#menu .peek{
position:absolute; left:-9999px; width:0;
}

#menu .etusivu, #menu .toiminta, #menu .esittely, #menu .tutor, #menu .yhteys, #menu .opiskelijakortti
{
list-style:none;position:absolute;left:0;top:35px;width:940px;height:35px;left:0; 
text-align:center;
background:#fff5ba url('lrimages/fade.gif');
color:black;
}

/* IE6 only */
#menu table {
border-collapse:collapse; 
margin:-1px -10px -1px -1px; 
font-size:1em; 
width:0; 
height:0;
}

#menu .peek {
margin:0; 
padding:0;
list-style:none;
}

#menu .peek li {background:transparent;}

#menu .menu :hover .peek {
z-index:101;height:35px;
position:absolute;
width:940px;
top:35px;
left:0; 
text-align:center;
background:#fff09e url('lrimages/fade.gif');
border-bottom:1px solid #aaa;
}


#menu .menu :hover .rt li {float:right;}

#menu .menu :hover .peek li a 
{display:block; height:35px; line-height:35px; float:left; background:#fff09e url('lrimages/fade.gif'); padding:0 0 0 10px; margin:0; white-space:nowrap; color:#333;}

#menu .menu :hover .peek li.peekline a {color:#c00;}

#menu .menu :hover .peek li a:hover,
#menu .menu :hover .peek li:hover{z-index:200;text-decoration:underline;color:#9A0024; line-height:35px; position:relative; background: # url('lrimages/fade.gif') left bottom;} /* For styling 2nd line hover out of selection */


img.rgt {float:right;}

#menu li.menulink{background:transparent;}
#menu a#current, #menu a#current:hover{background:url('../img/menu-bg-chosen.jpg') ;color:red;border:0;line-height:35px; padding-left:20px;}
#menu a#current b, #menu a#current:hover b{background: url('../img/menu-bg-chosen.jpg') right top; padding-top:1px;}

#menu a#chosen{font-weight:bold;}
#menu a#chosen:hover, #menu li.menulink a:hover{color:red;}


/* footer menu */
#bottommenu ul {width:940px;margin:0 0 0 5px;}
#bottommenu ul li{float:left;margin:3px;width:130px;list-style:none;font-size:10px;text-transform:uppercase;padding:0;margin:0 0 0 0;}
#bottommenu ul li a{text-decoration:none;font-size:11px;font-weight:bold;color:black;width:130px;}
#bottommenu ul li a:hover{color:#9A0024;}
#bottommenu ul ul {float:left;margin:3px;width:130px;}
#bottommenu ul ul li{float:none;border:0;text-align:left;list-style:none;font-size:10px;width:130px; text-transform:none;}
#bottommenu ul ul li.menulink a{font-weight:normal;}
#bottommenu ul ul li.menulink a:hover{font-weight:normal;color:#9A0024;text-decoration:underline;}

/* 2nd level navigation 
#pagenav{position:relative;top:-50px;}

#pagenav ul {
	padding:0;
	margin: 0;
	font: bold 12px Verdana, sans-serif;
	list-style-type: none;
	text-align: center;
	width:100%;
	}
	
#pagenav li a{
line-height:32px;
text-decoration: none;
color: #FFF;margin:0;
padding: 9px 1em;
	}
	
	#pagenav {height:20px;margin:0 0 15px 0;background:#fff5ba;}

#pagenav li { display: inline;margin:0;padding:0;}

#pagenav li a{line-height:20px;padding:3px 1em;}

#pagenav li a:link {	background-color:#669fb2;}
#pagenav li a:visited {background-color:#669fb2;}
#pagenav li a:hover {color:#09f;	background-color:#bf0003;}
#pagenav li a:active {background-color:#669fb2;}
#pagenav li a#current
{
background: white;color:black;
border-bottom: 5px solid black;
}
 2 tason navigaation loppu*/

/* NEWS TAB */

#news {	}
.news_box {margin-bottom:10px;}
.news_box h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	color:#888;
	letter-spacing:-1px;
	margin-bottom:10px;
	background:transparent;
}
.news_box h4 small {
	color:#bf0003;
	font-weight:normal;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	position:relative;
	top:-4px;
	left:6px;
	letter-spacing:0px;
}
.news_area {
	border:1px solid #494e52;
	background:#ccc url('../img/bg-news-red_grey.jpg') top left repeat-y;
	padding:8px;	
}

#slide ul.tabs  {
	margin:0px; padding:0px;
	margin-top:5px;
	margin-bottom:6px;
  text-align:center;
}

#slide ul.tabs li {
	list-style:none;
	display:inline;
	margin:0;
}
#slide ul.tabs li a {
	background-color:#464c54;
	color:#ffebb5;
	padding:8px 14px 8px 14px;
	text-decoration:none;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	border:1px solid #464c54;
	background-image:url('../img/tab_off.jpg');
	background-repeat:repeat-x;	 
	background-position:bottom;
	display:inline;
}
#slide ul.tabs li a:hover {
	background-color:#2f343a;
	border-color:#2f343a;
}
#slide ul.tabs li a.active {
	background-color:#ffffff;
	color:#282e32;
	border:1px solid #464c54; 
	border-bottom: 1px solid #ffffff;
	background-image:url('../img/news-tab_on-yellow.jpg');
	background-repeat:repeat-x;
	background-position:top;	
}
#slide .slidecontent {
	background-color:#ffffff;
	padding:10px;
	border:1px solid #464c54; 	
	font-family:Arial, Helvetica, sans-serif;
	background-image:url('images/content_bottom.jpg');
	background-repeat:repeat-x;	 
	background-position:bottom;	
}

#newscontent_2, #newscontent_3, #kulturally, #kopo, #hyvinvointi, #kv, #tuutori, #member, #mbenefits, #contact, #feedback { display:none; }

#slide .slidecontent ul {
	margin:0px;
	padding:0px;
}
#slide .slidecontent ul li {
	list-style:none;
	border-bottom:1px solid #9A0024;
	padding-top:15px;
	padding-bottom:15px;
	font-size:10px;	font-weight:normal;
	color:black;
	background:white;
	display:block;
	text-align:left;
}
#slide .slidecontent ul li:last-child {border-bottom:none;}

#slide .slidecontent ul li a, #slide .slidecontent ul span, #slide span {
	margin:0px;
	padding:0px;
	text-decoration:none;
	color:#3e4346;background:transparent;
}
#slide .slidecontent ul li a small, #slide .slidecontent ul li small  {
	color:#8b959c;
	font-size:9px;
	text-transform:uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	left:4px;
	top:0px;
	float:right;
}
#slide .slidecontent ul li a:hover, #slide .slidecontent ul span:hover {color:#a59c83;}
#slide .slidecontent ul li a:hover small, #slide .slidecontent ul  span:hover small {color:#baae8e;}





/* OTHER CONTENT DIVS */
#content{margin:10px 0 0 0;}
#frontright, #frontleft{padding:5px 5px 5px 15px; margin-bottom:10px;}
#frontleft {padding-right:20px;}
#frontright {padding:5px 15px; width:213px;margin:0 0 0 23px;}

.leftcolumn, .rightcolumn{margin-bottom:10px;}
.rightcolumn {border-left:1px solid black;padding-left:25px;}

#sponsor{background:#transparent; margin:0 10px 10px 0;}
#sponsor br{margin:0 0 5px 0;}
#bottommenu {width:100%;height:300px;min-height:300px;margin:10px 0 0 0;padding:30px 0 0 65px;background:transparent url('../img/bg-footer-sitemap.gif') 0 0 no-repeat;}
#footer {border-top:1px solid #9A0024 ;margin:10px 0 0 0;padding:10px 0 0 0;}
#footer .hook {}
#info{border:5px solid #9A0024;padding:100px 300px 10px 100px;}


.right {float:right;}
.textright {text-align:right;}

/* News popup style */

.more {text-decoration:none;cursor:pointer;}
#info {background:#fff; padding:10px; text-align:left; width:50%; margin:0 auto; display:none; font-family:verdana, sans-serif;}
#info p {font-size:11px; line-height:1.6em;}
#info img {display:block; float:left; margin:0 10px 10px 0;}
#info a {color:#00c;}
.clear {clear:both; text-align:right;}
.close {color:#c00; font-weight:bold; cursor:pointer;}
/* popupstyle end*/

/* TYPOGRAPHY STYLES */

p {text-align:justify;}

h1, h2, h3, h4{
	font:2em/1.3em Georgia, Arial, 'Liberation Sans', FreeSans, sans-serif;  
	letter-spacing:2px;
	margin:15px 0 0 0;
	color:#9A0024;
}
h1{margin-bottom:15px;}

h2{
	font-size:1.4em;
	letter-spacing:1px;
	margin:25px 0 5px;
	}

h3{
	font-size:0.9em;color:black;font-weight:bold;border-bottom:1px solid black;	letter-spacing:0;

	}

#news h4{background:white;}

h4{font-size:1em;
	line-height:1.1em;
	background:#9A0024;
	color:white;font-weight:bold;
	margin:0;padding:2px 5px;
	text-align:center;
	}

.huom{border:1px solid #9a0024;padding:5px;text-align:left;}

blockquote, q{font: 1.1em/1.3em Georgia;font-style:italic;margin:0 2em 0 3em;text-align:justify;}	


	
#frontright h3{font-size:15px;line-height:15px;margin:0;background:black;color:white;}
#frontright p {font-size:10px;line-height:12px;margin:0;border:0;}	

.card{margin:0;padding:0;height:258px;width:380px;}
.card h4{display:none;}
.card h5{padding-top:65px;margin:0 15px 0 145px;line-height:1em;font-size:1.0em;color:#9a0024;}
.card p{margin:5px 15px 0 155px;text-align:left;line-height:1em;font-size:1em;}
.card strong{color:#9a0024;}

/* .konsta {background:transparent url('../img/id-konsta.png') 0 0 no-repeat;}
.maija {background:transparent url('../img/id-maija.png') 0 0 no-repeat;}
.niko {background:transparent url('../img/id-niko.png') 0 0 no-repeat;}
*/

.jonna {background:transparent url('../img/id-jonna.png') 0 0 no-repeat;}
.am {background:transparent url('../img/id-am.png') 0 0 no-repeat;}
.timo {background:transparent url('../img/id-timo.png') 0 0 no-repeat;}
.riikka {background:transparent url('../img/id-riikka.png') 0 0 no-repeat;}
.laura {background:transparent url('../img/id-laura.png') 0 0 no-repeat;}

.suvi {background:transparent url('../img/id-suvi.png') 0 0 no-repeat;}
.jyrki {background:transparent url('../img/id-jyrki.png') 0 0 no-repeat;}

.elina {background:transparent url('../img/id-elina.png') 0 0 no-repeat;}
.jp {background:transparent url('../img/id-jp.png') 0 0 no-repeat;}
.erja {background:transparent url('../img/id-erja.png') 0 0 no-repeat;}
.kaisa {background:transparent url('../img/id-kaisa.png') 0 0 no-repeat;}
.tapio {background:transparent url('../img/id-tapio.png') 0 0 no-repeat;}
.mika {background:transparent url('../img/id-mika.png') 0 0 no-repeat;}

.leftcolumn ul {margin:-15px 0 15px 0;list-style:disc outside;}
.leftcolumn ul li{margin:0 0 0 50px;padding:0;border:0;font-size:10px;text-align:left;color:black;}

#frontleft ul,  {margin-left:15px;font-weight:normal;text-align:left;list-style:disc;color:black;}
#frontleft ol  {margin-left:5px;font-weight:normal;text-align:left;color:black;}