body{
	margin: auto;
	text-align: center;
	font-family: arial;

	/* Lisätty -TT */
	background-color: white;
}

#container{
	margin: 0 auto;
	width: 972px;
	text-align: left;
}

#header{
	width: 972px;
	height: 93px;
	background-image: url('images/design/header_bg.jpg');
	background-repeat: no-repeat;
}

/*
#search{
	position: relative;
	top: 63px;
	left: 750px;
	font-size: 12px;
}

#search form{
	float: left;
}

#search form table input.text{
	float: left;
	border: 1px solid #C8C8C2;
}

#search form table{
	float: left;
	padding-top: 3px;
	padding-left: 5px;
}
*/
/* --------------------- */
/* ESite searchbar -tt */
#search {
	font-size: 12px;
	position: relative;
	top: 60px;
	left: 788px;
	width: 180px;
}
#search form input.text{
	border: 1px solid #C8C8C2;
	margin-left: 3px;
}
#search form input.submit {
	position: relative;
	top: 2px;
	margin-left: 3px;
}

/*Menus-----------------------*/

#menu1{
	width: 973px;
	height: 52px;
	margin-top: 20px;
	background-image: url('images/design/menu1_bg.jpg');
	background-repeat: no-repeat;
	background-position: bottom;
	font-size: 12px;
}

#menu1 ul{
	margin-left: 40px;
	padding-left: 70px;
}

#menu1 ul li{
	width: 170px;
	height: 50px;
	background-image: url('images/design/menu1_nosel.jpg');
	background-repeat: no-repeat;
	float: left;
	list-style-type: none;
	background-position: top left;
}

#menu1 ul li div{
	text-align: center;
/*	padding-right: 20px;
	padding-top: 15px;*/
}

#menu1 ul li a{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-right: 20px;

	/* -TT */
	text-transform: uppercase; 
}

#menu1 ul li a:hover{
	color: #808080;
}

#menu1 ul li.sel{
	height: 51px;
	background-image: url('images/design/menu1_sel.jpg');
}

#menu1 ul li.sel a{
	color: #000000;
	font-size: 1.2em;
}

#extra {
	position: relative;
	float: left;
	padding-left: 10px;
	font-size: 10px;
}

#extra div{
	float: left;
	padding-top: 5px;
}

#extra img{
	vertical-align: center;
	border: none;
}

#menu3{
	/*padding-left: 70px;*/
	padding-top: 15px;
	font-size: 12px;
	/*width: 815px;*/
}

#menu3 ul{
	margin: 0px;
	padding: 0px;
}

#menu3 ul li{
/*	height: 53px;*/
	background-repeat: no-repeat;
	float: left;
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: top left;
}

#menu3 ul li div{
/*	padding-top: 10px;
	padding-left: 12px; */
	line-height: 12px;
	width: 110px;
}

#menu3 ul li a, #page_content #cols .top .topic a{
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	display: block;
	padding-top: 10px;
	padding-left: 12px;
	width: 100%;
	height: 43px;
	padding-right: 25px;
}

#menu3 ul li.brown{
	width: 166px;
	background-image: url('images/design/menu3_brown.jpg');
}

#menu3 ul li.brown_sel{
	width: 166px;
	background-image: url('images/design/menu3_brown_sel.jpg');
}

#menu3 ul li.brown_sel a{
	color: #000000;
}

#menu3 ul li.orange{
	width: 163px;
	background-image: url('images/design/menu3_orange.jpg');
}

#menu3 ul li.orange_sel{
	width: 163px;
	background-image: url('images/design/menu3_orange_sel.jpg');
}

#menu3 ul li.orange_sel a{	
	color: #000000;
}

#menu3 ul li.green{
	width: 164px;
	background-image: url('images/design/menu3_green.jpg');
}

#menu3 ul li.green_sel{
	width: 164px;
	background-image: url('images/design/menu3_green_sel.jpg');
}

#menu3 ul li.green_sel a{
	color: #000000;
}

#menu3 ul li.purple{
	width: 163px;
	background-image: url('images/design/menu3_purple.jpg');
}

#menu3 ul li.purple_sel{
	width: 163px;
	background-image: url('images/design/menu3_purple_sel.jpg');
}

#menu3 ul li.purple_sel a{
	color: #000000;
}

#menu3 ul li.yellow{
	width: 161px;
	background-image: url('images/design/menu3_yellow.jpg');
}

#menu3 ul li.yellow_sel{
	width: 161px;
	background-image: url('images/design/menu3_yellow_sel.jpg');
}

#menu3 ul li.yellow_sel a{
	color: #000000;
}

#menu3 ul li a:hover, div#cols div div.top div.topic a:hover {
	color: #505050 !important;
}

#menu4{
	font-size: 11px;
/* Wrapping fix -tt */
	display: table;
	margin: 0 auto;
}

#menu4 ul{
	margin: 0px;
	padding: 0px;
	padding: 10px;
/* Centering */
	text-align: center;
}

#menu4 ul li{
	color: #000000;
/*	float: left;*/
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: left;
/* Centering */
	display: inline;
	white-space: nowrap;
}
#menu4 ul li a {
	color: #000000;
}

#page_content div.brown #info #menu4 ul li{
	color: #9F6C26;
}

#page_content div.brown #info #menu4 ul li a{
/*	color: #9F6C26;*/
	color: #000000;
}

#page_content div.orange #info #menu4 ul li{
/*	color: #DB9222;*/
}

#page_content div.orange #info #menu4 ul li a{
/*	color: #DB9222;*/
}

#page_content div.green #info #menu4 ul li{
/*	color: #9C9D1C;*/
}

#page_content div.green #info #menu4 ul li a{
/*	color: #9C9D1C;*/
}

#page_content div.purple #info #menu4 ul li{
/*	color: #876CA8;*/
}

#page_content div.purple #info #menu4 ul li a{
/*	color: #876CA8;*/
}

#page_content div.yellow #info #menu4 ul li{
/*	color: #CBA100;*/
}

#page_content div.yellow #info #menu4 ul li a{
/*	color: #CBA100;*/
}

#page_content div.blue #info #menu4 ul li{
/*	color: #639EAD;*/
}

#page_content div.blue #info #menu4 ul li a{
/*	color: #639EAD;*/
}

#page_content div #info #menu4 ul li a.sel{
	color: #000000;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: underline;
}

/*--------------------------*/

#muu_koul{
	width: 125px;
	height: 119px;
	margin-top: 0px;
	margin-left: 2px;
	background-image: url('images/design/muu_koul_bg.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	font-size: 12px;
	padding-top: 4px;
/*	padding-top: 15px;
	padding-left: 15px;*/
	font-weight: bold;
	position: relative;
	top: -8px;
}

#muu_koul.sel{
	background-image: url('images/design/muu_koul_sel_bg.jpg');
}

#muu_koul a{
	color: #000000;
	text-decoration: none;
	display: block;
	padding-top: 11px;
	padding-left: 11px;
	padding-bottom: 18px;
	margin-left: 4px;
	margin-right: 4px;
}

#content{
	clear: both;
	width: 973px;
	/*height: 500px;*/
	background-image: url('images/design/content_bg.jpg');
	background-repeat: no-repeat;
	background-position: top;
	background-color: #BDBDBD;
	/*padding-top:*/
}

#page_content{
	float: left;
	width: 817px;
	font-size: 10px;
}

#page_content div{
	background-repeat: no-repeat;
	background-position: bottom;
}

#page_content #main{
	margin-top: 15px;
}

/* -tt */
#page_content #main #info{
	position: relative;
	top: 0px;
	width: 800px;
	min-height: 400px;
	height: auto !important;
  height: 600px;
	margin: 0px 0px 8px 0px;
	text-align: left;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	background-position: top;
/*	padding-bottom: 50px;	*/
	padding: 10px 10px 50px 10px;
}

#page_content #main #info_grey{
	position: relative;
	top: 0px;
	width: 800px;
	min-height: 400px;
	height: auto !important;
  height: 600px;
	margin: 0px 0px 8px 0px;
	text-align: left;
/*	background-color: #FFFFFF;*/
	background-repeat: repeat-x;
	background-position: top;
/*	padding-bottom: 50px;	*/
	padding: 10px 10px 50px 10px;
}


#page_content #main #menu3{
	padding-left: 30px;
	padding-top: 10px;
}

#page_content #main #menu3 ul li{
	font-size: 10px;
	color: #7D7B7B;
	height: auto;
	width: auto;
}

#page_content #main #menu3 ul li a{
	font-size: 10px;
	color: #7D7B7B;
}

#page_content #main #menu3 ul li a.sel{
	color: #000000;
	text-decoration: underline;
}

#page_content #text{
	background-color: #FFFFFF;
}

#page_content #main p{
	font-size: 12px;
	line-height: 1.5;
}

#page_content #main p.bold{
	font-weight: bold;
}

div.left_col{
	float: left;
	width: 520px;
}

div.right_col{
	float: left;
	width: 280px;
	padding-left: 0px;
}

#page_content #main div.right_col p{
	font-size: 11px;
	line-height: 1.5;
}

div.clear{
	clear: both;
}

#page_content li {
	font-size: 10pt
}

#page_content #cols{
	float: left;
	width: 825px;
	margin-top: 15px;
}

#page_content #cols div{
	float: left;
	width: 165px;
}

#page_content #cols div div{	
	font-size: 10px;
	float: left;
	width: 161px;
	margin-right: 4px;
	background-repeat: no-repeat;
}

#page_content #cols div div .topic{	
	font-size: 12px;
	line-height: 12px;
/*	height: 42px;
	padding-top: 10px;
	padding-left: 12px;*/
	width: 110px;
	font-weight: bold;
}

#page_content #cols div div .link{	
	width: 150px;
	overflow: hidden;
	margin-top: 8px;
	margin-left: 10px;
}

#page_content #cols div div .ref_img{
	padding-top: 11px;
	padding-left: 4px;
}

#page_content #cols div div .link a{	
	color: #000000;
	text-decoration: none;
}

#page_content #cols div .top{
	clear: both;
	height: 260px;
	background-position: top left;
}

#page_content #cols div .bottom{
	clear: both;
	min-height: 150px;	
	padding: 5px 0px 20px 5px;
	_height: expression(document.body.clientHeight ? '150px' : 'auto');
	background-position: bottom left;
}


#page_content #cols div .bottom div{	
	padding-top: 10px;
	width: 140px;
}

#page_content #cols div .bottom div span{
	font-size: 12px;
	font-weight: bold;
}

#page_content #cols div .bottom div a{
	color: #000000;
	text-decoration: none;
}

/*Colors*/

#page_content #cols #brown .top{
	background-image: url('images/design/top_brown_bg.jpg');
	width: 166px;
}

#page_content #cols #brown .bottom{
	background-image: url('images/design/bottom_brown_bg.jpg');
	width: 166px;
}

#page_content #cols #orange .top{
	background-image: url('images/design/top_orange_bg.jpg');
	width: 163px;
}

#page_content #cols #orange .bottom{
	background-image: url('images/design/bottom_orange_bg.jpg');
	width: 163px;
}

#page_content #cols #green .top{
	background-image: url('images/design/top_green_bg.jpg');
	width: 164px;
}

#page_content #cols #green .bottom{
	background-image: url('images/design/bottom_green_bg.jpg');
	width: 164px;
}

#page_content #cols #purple .top{
	background-image: url('images/design/top_purple_bg.jpg');
	width: 163px;
}

#page_content #cols #purple .bottom{
	background-image: url('images/design/bottom_purple_bg.jpg');
	width: 163px;
}

#page_content #cols #yellow .top{
	background-image: url('images/design/top_yellow_bg.jpg');
	width: 161px;
}

#page_content #cols #yellow .bottom{
	background-image: url('images/design/bottom_yellow_bg.jpg');
	width: 161px;
}

/*-----------*/

#page_content div #info{
	position: relative;
	top: 8px;
	width: 800px;
	min-height: 600px;
	_height: expression(document.body.clientHeight ? '600px' : 'auto');
	margin: 0px 0px 8px 8px;
	text-align: left;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	background-position: top;
	padding-bottom: 50px;
}

#page_content div #info table.teak_table{
	margin-top: 20px;
	width: 802px;
	border-collapse: collapse;
}

#page_content div #info table.teak_table tr td{
	width: 160px;
	vertical-align: top;
	padding: 0px;
/*	border-width: 0px 2px 0px 0px;*/
	border-width: 0;
	border-style: solid;
	border-spacing: 0px;
	border-color: #000000;
}

#page_content div #info table.teak_table .topic{
	font-size: 12px;
	padding-left: 20px;
	margin-top: 0px;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: left 4px;
}

#page_content div #info table.teak_table .content{
	font-size: 11px;
/*	width: 145px;*/
	padding-top: 10px;
}

#page_content div #info table.teak_table .content p{
	font-size: 11px;
	padding: 0px 0px 2px 10px;
	line-height: 14px;
}

#page_content div #info table.teak_table .content ul{
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
	line-height: 14px;
}

#page_content div #info table.teak_table .content_linkbox {
	width: 154px;
	font-size: 0;
}

#page_content div #info table.teak_table .content_linkbox a {
	border: 1px solid;
/*	width: 150px;*/
	width: 145px;
/*	height: 32px;*/
/*	margin-left: 4px;*/
	margin: 5px 0px 5px 3px;
	padding: 3px;
/*	padding: 4px 0px 0px 4px;*/
	font-size: 10px;
/*	background-repeat: no-repeat;	*/
/*	background-position: left top;*/
	line-height: 12px;

	color: #000000;
	text-decoration: none;
	display: block;
}

#page_content div #info table.teak_table .content_linkbox a:hover{
	color: #808080;
}

/*BROWN*/
#page_content div.brown{
	height: 420px;
	background-color: #B06C18;
	background-image: url('images/design/page_content_bg_brown.jpg');
}

#page_content div.brown #info{
	background-image: url('images/design/p_content_inner_bg_brown.jpg');
}

#page_content div.brown #menu4 ul li a{
	/*color: #A67635;*/
	color: #000000;
	
	text-decoration: none;
}

#page_content div.brown #info .content{
	border-color: #CAAD87;
}

#page_content div.brown #info table .topic{
	background-image: url('images/design/col_h1_brown.jpg');
	border-color: #CAAD87;
}

#page_content div.brown #info table .content_linkbox a {
/*	background-image: url('images/design/col_linkbox_bg_brown.jpg');*/
	border-color: #CAAD87;
}
/*------------------*/

/*ORANGE*/
#page_content div.orange{
	height: 420px;
	background-color: #F19300;
	background-image: url('images/design/page_content_bg_orange.jpg');
}

#page_content div.orange #info{
	background-image: url('images/design/p_content_inner_bg_orange.jpg');
}

#page_content div.orange #menu4 ul li a{
/*	color: #ECC58B;*/
	text-decoration: none;
}

#page_content div.orange #info .content{
	border-color: #ECC58B;
}

#page_content div.orange #info table .topic{
	background-image: url('images/design/col_h1_orange.jpg');
	border-color: #ECC58B;
}

#page_content div.orange #info table .content_linkbox a{
/*	background-image: url('images/design/col_linkbox_bg_orange.jpg');*/
	border-color: #ECC58B;
}
/*------------------*/

/*GREEN*/
#page_content div.green{
	height: 420px;
	background-color: #CBCC30;
	background-image: url('images/design/page_content_bg_green.jpg');
}

#page_content div.green #info{
	background-image: url('images/design/p_content_inner_bg_green.jpg');
}

#page_content div.green #menu4 ul li a{
/*	color: #CBCC30;*/
	text-decoration: none;
}

#page_content div.green #info .content{
	border-color: #E3E38E;
}

#page_content div.green #info table .topic{
	background-image: url('images/design/col_h1_green.jpg');
	border-color: #E3E38E;
}

#page_content div.green #info table .content_linkbox a {
/*	background-image: url('images/design/col_linkbox_bg_green.jpg');*/
	border-color: #E3E38E;
}
/*------------------*/

/*PURPLE*/
#page_content div.purple{
	height: 420px;
	background-color: #876CA8;
	background-image: url('images/design/page_content_bg_purple.jpg');
}

#page_content div.purple #info{
	background-image: url('images/design/p_content_inner_bg_purple.jpg');
}

#page_content div.purple #menu4 ul li a{
/*	color: #876CA8;*/
	text-decoration: none;
}

#page_content div.purple #info .content{
	border-color: #B4A9CB;
}

#page_content div.purple #info table .topic{
	background-image: url('images/design/col_h1_purple.jpg');
	border-color: #B4A9CB;
}

#page_content div.purple #info table .content_linkbox a{
/*	background-image: url('images/design/col_linkbox_bg_purple.jpg');*/
	border-color: #B4A9CB;
}
/*------------------*/

/*YELLOW*/
#page_content div.yellow{
	height: 420px;
	background-color: #FCC800;
	background-image: url('images/design/page_content_bg_yellow.jpg');
}

#page_content div.yellow #info{
	background-image: url('images/design/p_content_inner_bg_yellow.jpg');
}

#page_content div.yellow #menu4 ul li a{
/*	color: #FCC800;*/
	text-decoration: none;
}

#page_content div.yellow #info .content{
	border-color: #F6E08E;
}

#page_content div.yellow #info table .topic{
	background-image: url('images/design/col_h1_yellow.jpg');
	border-color: #F6E08E;
}

#page_content div.yellow #info table .content_linkbox a{
/*	background-image: url('images/design/col_linkbox_bg_yellow.jpg');*/
	border-color: #F6E08E;
}
/*------------------*/

/*BLUE*/
#page_content div.blue{
	height: 420px;
	background-color: #639EAD;
	background-image: url('images/design/page_content_bg_blue.jpg');
}

#page_content div.blue #info{
	background-image: url('images/design/p_content_inner_bg_blue.jpg');
}

#page_content div.blue #menu4 ul li a{
/*	color: #639EAD;*/
	text-decoration: none;
}

#page_content div.blue #info .content{
	border-color: #9FC3CC;
}

#page_content div.blue #info table .topic{
	background-image: url('images/design/col_h1_blue.jpg');
	border-color: #9FC3CC;
}

#page_content div.blue #info table .content_linkbox a{
/*	background-image: url('images/design/col_linkbox_bg_blue.jpg');*/
	border-color: #9FC3CC;
}
/*------------------*/

#footer{
	/*position: relative;
	bottom: 80px;*/
	width: 973px;
	height: 43px;
	background-image: url('images/design/footer_bg.jpg');
	background-repeat: no-repeat;
}

/*Animation*/

.refe_content{
	width: 140px;
	visibility: hidden;
	height: 0px;
}

.slide_btn_open{
	cursor: pointer;
}

.slide_btn_close{
	visibility: hidden;
	cursor: pointer;
	padding-top: 5px;
}


/*lightbox effect*/
#koulutus{
	visibility: hidden;
	position: absolute;
	top: 0%;
    left: 0%;
	z-index: 100;
	background-color: #FFFFFF;
	margin: 0;
	width: 100%;
	height: 100%;
	text-align: center;
}
#koulutus_content{
	visibility: hidden;
	position: absolute;
	top: 0%;
    left: 30%;
	z-index: 200;
	margin: 0 auto;
	margin-top: 20%;
	width: 500px;
	background-color: #FFFFFF;
	border: 4px solid #C0C0C0;
	font-size: 12px;
}

#koulutus_text{
	text-align: left;
	padding: 20px;
}

#info table .koulutus_link, a.mb {
/*	cursor: pointer;*/
	font-size: 12px;
	vertical-align: top;
	/* -TT */
	text-decoration: none;
}

#info table .koulutus_link a.mb:hover {
	text-decoration: underline;	
}


#info table a.koulutus_link:visited, a.mb:visited, a.mb:link { color: #000000; }

#koulutus_close{
	cursor: pointer;
	float: right;
	background-color: #C0C0C0;
	/*width: 100%;*/
	padding: 0px 0px 3px 3px;
	font-weight: bold;
	font-size: 10px;
}

#koulutus_link{
	cursor: pointer;
	background-color: #C0C0C0;
	/*width: 100%;*/
	font-weight: bold;
	padding: 3px;
	font-size: 10px;
}

#koulutus_link a{
	color: #000000;
	text-decoration: none;
}

/*--------------------*/

span.raquo{
	font-size: 12px;
}


/* -- TT Korjattu multibox linkki */
/*a.mb {
	font-size: 10px;
	text-decoration: none;
	color: black;
	vertical-align: top;
} siirretty koulutus_link:n alle*/

/* -- TT White BG submenu */

#page_content #main #info #menu4 ul li, #page_content #main #info #menu4 ul li a {
	font-size: 10pt;
	color: #A7A9AC;
	text-decoration: none;
	font-weight: bold;
}

#page_content #main #info #menu4 ul li a:hover {
	color: #808080;

}

#page_content #main #info #menu4 ul li a.sel {
	color: #231F20;

}

#page_content #main #info table .topic{
	background-image: url('images/design/col_h1_grey.png');
}

#page_content div #info table .topic{ background-position: 0px 4px; }

div#header div#admin {
	float: right;
	text-align: right;
	color: #000000;
	font-size: 11px;
	margin-top: 5px;
	margin-right: 20px;
}
div#admin a {
	color: #000000;
	text-decoration: none;
	line-height: 18px;
}

div#admin a.MenuInc {
	padding: 2px 20px 2px 0px;
	background: url(/images/design/logout.png) no-repeat top right;
}

div#admin a.edit {
	padding: 2px 20px 2px 0px;
	background: url(/images/design/edit.png) no-repeat top right;
}



/* MENU 2 -TT */
#menu2 {
	float: left;
	width: 133px;
}

#menu2 ul {
	margin: 11px 0px 0px 0px;
	padding: 0px;
	width: 133px;
	display: block;
}

#menu2 ul li {
	display: table;
	height: 51px;
	width: 133px;
	list-style-type: none;
	background-image: url('images/design/menu2_bg.png');
	background-repeat: no-repeat;
	background-position: top left;
}

#menu2 ul li a {
	padding-left: 10px;
	vertical-align: middle;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	display: table-cell;
	line-height: 13px;
	height: 51px;
	width: 90px;

	text-transform: uppercase; 
}

#menu2 ul li a:hover {
	color: #808080;
}

#menu2 ul li.sel {
	background-image: url('images/design/menu2_sel.jpg');
	background-repeat: no-repeat;
}

#menu2 ul li.sel a {
	color: #000000;
}

#menu2 ul li.sel a:hover {
	color: #808080;
}

/* News */

a.uutisotsikko {
	text-decoration:none;
	color: #000000;
}

a.uutisotsikko:hover {
	color: #6A6A6A;
}

.NewsArticleBase {
	border-width: 0;
	background: White;
} 

.NewsListBase {
	border-width: 0;
	background: #F9F9F9;
} 

.NewsBase {
	border-width: 0;
	font-size: 10pt;
}

.NewsHeader {

}

TD.NewsContHeader {

}

TD.NewsContent {
	background: White;
}

.NewsContentSubject {
	font-weight: bold;
	background: #F9F9F9;
	padding: 2px;
	border-top: 1px solid #DFDFDF;
	border-left: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
}

.NewsContentDate {
	font-size: 8pt;
	background: #F9F9F9;
	border-bottom: 1px solid #DFDFDF;
	border-left: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
}

/* Linkki kuvasta koulutussivulle */
div.ref_img a img {
	border: 0px;
}