body, html
{
    display:block;
	margin:0;
	padding:0;
	/*height:100%;*/
}

body 
{
	margin:0;
	padding:0;
	font-size:12px;
	font-family:arial, helvetica, sans-serif;
	color:#363636;
	border:0;
	text-align:left; 
}

.IndexBody {background:url(../img/index_bg.gif) left bottom no-repeat;}
.TopJobb {background:url(../img/topjobb_bg.gif) left bottom no-repeat;}
.NuoretBody {background:url(../img/nuoret_bg.gif) left bottom repeat-x;}
.AikuisetBody {background:url(../img/aikuiset_bg.gif) left bottom repeat-x;}

img {border:0;}

p {
	padding: 0 0 15px 0;
	margin:0;
}

a {
	text-decoration:underline;
	color:#707070;
}

a:hover {
	text-decoration:none;	
}

#TeaserHolder 
{
    display:block;
    position:absolute;
    margin:0;
    padding:0;
    width:400px;
    height:300px;
    z-index:20;
    top:0;
    left:81px;
}

#TopJobbTeaserHolder 
{
    display:block;
    position:absolute;
    margin:0;
    padding:0;
    width:312px;
    height:341px;
    z-index:20;
    top:0;
    left:66px;
}

.Container 
{
	display:block;
	position:relative;
	margin:0;
	padding:0;
	width: 816px;
	/*height:auto;	*/
	
}

.NuoretContainer {background:url(../img/content_bg.gif) 51px 0 repeat-y;}
.AikuisetContainer2 {background:url(../img/content_bg2.gif) 51px 0 repeat-y;}

.InnerContainer 
{
	display:block;
	position:relative;
	margin:0;
	padding:0;
	width: 816px;
	/*height:auto;	
	background:silver;*/
}

.NuoretInnerContainer {background:url(../img/content_bottom.gif) left bottom no-repeat;}
.AikuisetInnerContainer2 {background:url(../img/content_bottom2.gif) left bottom no-repeat;}

.BlockElement {
	display:block;
	position:relative;
	margin:0;
	padding:0;
}

.BlockElement:after
{
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

.Column {
	display:inline;
	position:relative;
	margin:0;
	padding:0;
	float:left;
}

.Width30 {width:30px;}
.Width40 {width:40px;}
.Width51 {width:51px;}
.Width75 {width:75px;}
.Width100 {width:100px;}
.Width120 {width:120px;}
.Width200 {width:200px;}
.Width218 {width:218px;}
.Width400 {width:400px;}
.Width430 {width:430px;}
.Width465 {width:465px;}
.Width531 {width:531px;}

#Header 
{
	display:block;
	position:relative;
	margin:0;
	padding:0;
	width: 816px;
	height:104px;
	background:#fff;
}

#Palaute {
	display:block;
	position:absolute;
	margin:0;
	padding:0;
	width:45px;
	height:15px;
	top:6px;
	left:170px;
	font-size:10px;
	color:#F79422;
	text-decoration:none;
	background:url(../img/feedback_border.gif) 0 3px no-repeat;
	text-align:right;
}

#IndexPalaute {
	display:block;
	position:absolute;
	margin:0;
	padding:0;
	width:45px;
	height:15px;
	top:65px;
	left:15px;
	font-size:10px;
	color:#F79422;
	text-decoration:none;
}

#Sivukartta {
	display:block;
	position:absolute;
	margin:0;
	padding:0;
	width:55px;
	height:15px;
	top:6px;
	left:220px;
	font-size:10px;
	color:#A9B923;
	text-decoration:none;
	background:url(../img/feedback_border.gif) 0 3px no-repeat;
	text-align:right;
}

#IndexSivukartta {
	display:block;
	position:absolute;
	margin:0;
	padding:0;
	width:55px;
	height:15px;
	top:80px;
	left:15px;
	font-size:10px;
	color:#A9B923;
	text-decoration:none;
}

#Logo 
{
	display:block;
	position:absolute;
	margin:0;
	padding:0;
	width: 216px;
	height:100px;
	top:0;
	right:0;	
}

#Columns
{
	display:block;
	position:relative;
	margin:0;
	padding:0 0 34px 0;
	width:816px;

}

#Columns:after
{
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

/* C1 - styles */

#C1,#C2, #C3
{
	display:block;
	position:relative;
	margin:0;
	padding:0;	
}

#C1,#C2{z-index:1;}

#ArrowLeft {
	display:block;
	position:absolute;
	margin:0;
	padding:0;
	width:15px;
	height:16px;
	background:url(../img/arrow_left.gif) no-repeat;
	top:26px;
	left:15px;
}

#ArrowRight {
	display:block;
	position:absolute;
	margin:0;
	padding:0;
	width:15px;
	height:16px;
	background:url(../img/arrow_right.gif) no-repeat;
	top:26px;
	right:2px;
}

#Plus {
	display:block;
	position:absolute;
	margin:0;
	padding:0;
	width:22px;
	height:21px;
	background:url(../img/plus.gif) no-repeat;
	top:50px;
	left:21px;
}

#Minus {
	display:block;
	position:absolute;
	margin:0;
	padding:0;
	width:22px;
	height:21px;
	background:url(../img/minus.gif) no-repeat;
	top:77px;
	left:21px;
}

#FontSize {
	display:block;
	position:absolute;
	margin:0;
	padding:0;
	width:22px;
	height:10px;
	top:100px;
	left:21px;
	color:#F79422;
	font-size:9px;
	text-align:center
}

#FontSize {
	display:block;
	position:absolute;
	margin:0;
	padding:0;
	width:36px;
	height:25px;
	top:110px;
	left:15px;
	color:#F79422;
	font-size:9px;
	text-align:center;
	text-decoration:none;
}

#Print {
	display:block;
	position:absolute;
	margin:0;
	padding:0;
	width:36px;
	height:10px;
	top:140px;
	left:15px;
	color:#A9B923;
	font-size:9px;
	text-align:center;
	text-decoration:none;
}

#PDF {
	display:block;
	position:absolute;
	margin:0;
	padding:0;
	width:36px;
	height:10px;
	top:160px;
	left:15px;
	color:#F79422;
	font-size:9px;
	text-align:center;
	text-decoration:none;
}

.NuoretContainer #ContentTop
{	
	display:block;
	position:relative;
	margin:0;
	padding:0;
	background: url(../img/content_header.gif) left top no-repeat;
	width:531px;
	height:110px;
}

.AikuisetContainer2 #ContentTop
{	
	display:block;
	position:relative;
	margin:0;
	padding:0;
	background:url(../img/content_header2.gif) left top no-repeat;
	width:531px;
	height:30px;
}

#Content 
{
    display:block;
	position:relative;
	margin:0 0 0 55px;
	padding:0;
	width:470px;
}

/* HIDE Menu styles from aikuiset */

.NuoretContainer #Menu3Top, .AikuisetContainer2 #Menu3Top
{	
	display:block;
	position:relative;
	margin:0;
	padding:0;
	background: url(../img/menu3_top.gif) left top no-repeat;
	width:218px;
	height:46px;
}

.AikuisetContainer #Menu3Top 
{
    display:block;
	position:relative;
    visibility:hidden;
	width:218px;
	height:46px;
}

.NuoretContainer #Menu3Bottom, .AikuisetContainer2 #Menu3Bottom
{	
	display:block;
	position:relative;
	margin:0;
	padding:0;
	background: url(../img/menu3_bottom.gif) left top no-repeat;
	width:218px;
	height:26px;
}

.AikuisetContainer #Menu3Bottom 
{
    display:block;
	position:relative;
    visibility:hidden;
	width:218px;
	height:46px;
}

#C4
{
	display:block;
	position:relative;
	margin:0;
	padding:0;
	width:1px;
	height:400px;
}

#Signs {
	display:block;
	position:absolute;
	margin:0;
	padding:0;
	width:251px;
	height:247px;
	bottom:185px;
	right:0;
	background:url(../img/viitat.gif) no-repeat;
}

#OikopolkuTexts {
	display:block;
	position:absolute;
	margin:0;
	padding:0;
	width:136px;
	bottom:88px!important;
	right:0;
	z-index:20;
}

#OikopolkuTop {
	display:block;
	position:relative;
	margin:0;
	padding:0;
	width:136px;
	height:7px;
	overflow:hidden;
	background:url(../img/oikopolku_top.gif);
}

.OikopolkuItem {
	display:block;
	position:relative;
	margin:0;
	padding:0 0 5px 0;
	width:136px;
	background:url(../img/oikopolku_bg.gif) repeat-y;
}

.OikopolkuItem a 
{
	margin:0 0 0 20px;
	padding:2px 0 2px 0;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	font-size:11px;
}

.OikopolkuItem a:hover {
	text-decoration:underline;
}

#OikopolkuBottom {
	display:block;
	position:relative;
	margin:0;
	padding:0;
	width:136px;
	height:7px;
	overflow:hidden;
	background:url(../img/oikopolku_bottom.gif);
}

#Oikopolku
{	
	display:block;
	position:absolute;
	margin:0;
	padding:0;
	width:138px;
	height:22px;
	bottom:65px;
	right:0;
	z-index:20;
}

#Search
{	
	display:block;
	position:absolute;
	margin:0;
	padding:0;
	width:200px;
	height:22px;
	bottom:36px;
	right:0;
	z-index:20;
}

#SiteSearch
{	
	display:inline;
	position:relative;
	margin:0;
	padding:0;
	width:150px;
	height:16px!important;
	border:0;
}

#SiteSearchButton, .SiteSearchButton
{	
	display:inline;
	position:relative;
	margin:0 0 0 2px;
	padding:0;
	width:37px;
	height:16px;
	background: url(../img/search_button.gif) no-repeat;
	border:0;
	color:#fff;
	font-size:10px;
}


/* SACONTENTS AND CLASSES */

#SAContent1,#SAContent2,#SAContent3,#SAContent4 {
	display:block;
	position:relative;
	margin:0;
	padding:0;
}

.NuoretBody #SAContent1 img,.NuoretBody #SAContent2 img,.NuoretBody #SAContent3 img,.NuoretBody #SAContent4 img{
	border-color:White!important;
}

.NuoretBody #SAContent1 hr,.NuoretBody #SAContent2 hr,.NuoretBody #SAContent3 hr,.NuoretBody #SAContent4 hr{
	background-color: #000;
	border:solid 1px Black;
}

#Signs #SAContent1 {
	display:block;
	position:absolute;
	margin:0;
	padding:0;
	top:3px;
	left:30px;
	height:33px;
	line-height:33px;
	width:200px;
	font-size:22px;
	color:#fff;
}

#Signs #SAContent2 {
	display:block;
	position:absolute;
	margin:0;
	padding:0;
	top:53px;
	left:20px;
	height:33px;
	line-height:33px;
	width:200px;
	font-size:22px;
	color:#fff;
}

#Signs #SAContent3 {
	display:block;
	position:absolute;
	margin:0;
	padding:0;
	top:98px;
	left:35px;
	height:23px;
	line-height:23px;
	width:170px;
	font-size:20px;
	color:#fff;
}

#Signs #SAContent1 a, #Signs #SAContent2 a, #Signs #SAContent3 a 
{
    color:#fff;
    text-decoration:none;
}

#Signs #SAContent1 p,#Signs #SAContent2 p,#Signs #SAContent3 p {margin:0;}

/* FORM STYLES */

.FormHolder 
{
    display:block;
	position:relative;
	margin:0;
	padding:0;
	width:465px;
}

.FormHolder:after
{
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

.FormColumnLeft 
{
    display:inline;
    position:relative;
    margin:0;
    padding:0;
    width:120px;
    float:left;
}

.FormColumnRight 
{
    display:inline;
    position:relative;
    margin:0;
    padding:0;
    width:210px;
    float:left;
}

.FormColumnFormColumnValidate
{
    display:inline;
    position:relative;
    margin:0;
    padding:0;
    width:135px;
    float:left;
}
.FormColumnWide
{
    display:inline;
    position:relative;
    margin:0;
    padding:0;
    width:300px;
    float:left;
}
/* Frontpage news */

#EtusivunBoxi 
{
    display:block;
    position:relative;
    margin:0 0 0 0;
    padding:0;
    width:816px;
    height:100%;
}

#FrontPageNews 
{
    display:block;
    position:absolute;
    margin:0;
    padding:0;
    width:275px;
    height:306px;
    left:140px;
    bottom:0;
    z-index:20;
    color:#fff;
    font-size:12px;
z-index:20;
}

#FrontPageNews a
{
    color:#fff;
    text-decoration:none;
}

.NewsHeader
{
    display:block;
    position:relative;
    margin:0;
    padding:0;
    width:270px;
    height:25px;
    font-family:Georgia, Serif;
    font-size:18px;
    color:#fff;
    text-align:right;
}

#News 
{
    display:block;
    position:relative;
    margin:0;
    padding:15px 0 0 0;
    width:100%;
}

.SelectArchiveYear 
{
    display:block;
    position:absolute;
    margin:0;
    padding:0;
    top:10px;
    right:10px;
}

/* PHOTOGALLERY */

.PhotoGalleryTopLevel 
{
    display:block;
    position:relative;
    width:100%; 
    padding:0 0 3px 0;
    margin:0;
} 

.Level1
{
    font-family:Arial, Sans-Serif;
    font-size:12px;
    color:#fff;
    text-transform:uppercase;
    font-weight:bold;
    text-decoration:none;
    background:url(../img/photogallery_bg.gif) 0 5px no-repeat;
    padding: 0 0 0 10px;
}

.Level1Selected
{
    font-family:Arial, Sans-Serif;
    font-size:12px;
    color:#000;
    text-transform:uppercase;
    font-weight:bold;
    text-decoration:none;
    background:url(../img/photogallery_bg_selected.gif) 0 5px no-repeat;
    padding: 0 0 0 10px;
}

.PhotoGallerySublevel {display:none;}

.PhotoGallerySubLevelHolder 
{   
    display:block;
    position:relative;
    width:300px; 
    padding:0 0 3px 0;
    margin:0 0 0 25px;
}

.Level2 
{
    font-family:Arial, Sans-Serif;
    font-size:12px;
    color:#363636;
    text-transform:none;
    font-weight:bold;
    text-decoration:none;
}

.ImageHolder 
{
    display:block;
    position:relative;
    margin:0;
    padding:20px 0 0 0;
    width:465px;
}

.HeaderText 
{
    display:block;
    position:absolute;
    margin:0;
    padding:0;
    width:300px;
    top:0;
    left:0;
    font-weight:bold;
    text-decoration:none;
    color:#fff;
}

.BackLink 
{
    display:block;
    position:absolute;
    margin:0;
    padding:0;
    width:100px;
    top:0;
    right:0;
    font-weight:bold;
    text-decoration:none;
    color:#fff;
    text-align:right;
}

/* COURSES */

.CourseNumber 
{
    color:#fff;
    font-weight:bold;
}

.CourseHeader 
{
    color:#fff;
    font-weight:bold;
    display:block;
}

.CourseDescription 
{
    display:block;
}

/* TOPJOBB*/

#TopJobbContent 
{
    display:block;
    position:absolute;
    margin:0;
    padding:0;
    width:338px;
    top:0;
    right:0;
}

#TopJobbContent #TopJobbHeader
{
    display:block;
    position:relative;
    margin:0;
    height:2px;
    width:338px;
    background:url(../img/topjob_content_top.gif) no-repeat;
    overflow:hidden;
}

#TopJobbContent #TopJobbHolder
{
    display:block;
    position:relative;
    margin:0;
    padding:0 0 4px 0;
    width:338px;
    background:url(../img/topjob_content_bg2.gif) left bottom;
}

#TopJobbContent #SAContent1 
{
    display:block;
    position:relative;
    margin:0 0 0 4px;
    width:325px;
}

#TopJobbContent #TopJobbBottom 
{
    display:none;
    position:relative;
    margin:0;
    height:14px;
    width:338px;
    background:url(../img/topjob_content_bottom.gif) no-repeat;
}

#TopJobbPuhekuplat 
{
    display:block;
    position:absolute;
    margin:0;
    padding:0;
    width:100%;
    height:500px;
    bottom:0;
    left:0;
}

#TopJobbPuhekupla1 
{
    display:block;
    position:absolute;
    margin:0;
    padding:0;
    width:188px;
    top:130px;
    right:22px;
}

#TopJobbPuhekupla1Content
{
    display:block;
    position:relative;
    margin:0;
    padding:0;
    width:188px;
    background: url(../img/puhekupla1_bg.gif) 0 0 repeat-y;
}

#TopJobbPuhekupla1Content p
{
    padding:10px 0 10px 35px;
    font-size:13px;
    font-weight:bold;
    color:#fff;

}

#TopJobbPuhekupla1Bottom
{
    display:block;
    position:relative;
    margin:0;
    padding:0;
    width:188px;
    height:9px;
    background:url(../img/puhekupla1_bottom.gif) 23px 0 no-repeat;
}

#TopJobbPuhekupla2 
{
    display:block;
    position:absolute;
    margin:0;
    padding:0;
    width:188px;
    top:230px;
    left:312px;
    z-index:100;
}

#TopJobbPuhekupla2Content
{
    display:block;
    position:relative;
    margin:0;
    padding:0;
    width:188px;
    background:url(../img/puhekupla2_bg.gif) repeat-y;
}

#TopJobbPuhekupla2Content p
{
    padding:10px 0 10px 15px;
    font-size:13px;
    font-weight:bold;
    color:#fff;

}

#TopJobbPuhekupla2Bottom
{
    display:block;
    position:relative;
    margin:0;
    padding:0;
    width:188px;
    height:9px;
    background:url(../img/puhekupla2_bottom.gif)  no-repeat;
}