BODY, html
{
background-color: white;
height: 100%;
text-align: center;
background-color: white;
}


body, td, p, th,  h1,h2,h3,h4,h5,h6, li, ul, ol, div, span, font
{
	font-family: Arial, helvetica; 
	font-size: 12px;
	
}

#tree_backki {
margin-left: 15px;
margin-top: 10px;
}

div {}
/* SIVUSTON RAKENNE */
div#sivustonkehys {
background-color: white;
width: 975px; /* sivuston leveys */
text-align: left;
margin: 0 auto; 
}

div#headerbar {
height: 28px;
border-bottom: 1px solid #ECECEC;
padding-left: 10px;
padding-right: 10px;
}

/* Ylägrafiikan alue */ 
div#top_graf { 
position: relative;
margin-top: 0px;
margin-bottom: 0px;
height: 180px;
padding: 0px;
background-image: url(../images_opinto-opas/opinto-opas-top.jpg);
background-repeat: no-repeat;
background-color: white;
border-bottom: 10px solid #caba87;
}

/* kuvarotaattori */




div.scroller {
 width: 975px; 
 height: 234px;
}


div#nuoli_vasen {
 width:47px;
 height:45px;
 position: absolute; 
left: 20px;
bottom: 90px;
}

div#nuoli_oikea {
 width:47px;
 height:45px;
 position: absolute; 
 right: 20px;
 bottom: 90px;
}



div#kuvat { /* Älä muuta tätä */
 position: absolute; 
 z-index: 1;
 width:975px;
}

/* /kuvarotaattori */

div#sisaltokehys {
}

table#sisaltotaulukko {
width: 100%;
border-right: 15px solid #e5dfc7;
}

td#vasen_solu {
width: 200px;
padding-left: 0px;
padding-bottom: 15px;
background-color: #e5dfc7;
}

/* Tänne tulee kaikki sisältö */
td#keski_solu {
margin:0px;
padding-right: 0px;
padding: 0px;

}



div#centermargin {
margin-top: 5px;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 15px;
width: 700px;  

}

div#centermargin_frontpage {
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
width: 950px;
}



/* HAKU */
div#wise_search {
position: absolute;
z-index: 100;
right: 4px; 
bottom: 2px;
border: 0px;
padding: 0px;
margin: 0px;

}

div#wise_search input.dropdown { /* hakukenttä */
width: 100px;
font-size: 14px;
border: 1px solid #CCCCCC;
}

div#wise_search input.submitbutton { /* hakupainike */
display: block;
font-size: 12px;
border: 1px solid #CCCCCC;
background-color: white;
height: 20px;
}
/* /HAKU */


/* Etusivun otsikot ja elementit */

table#fr_maintable {}

#fr_maintable td#palsta1 {
background-color: #E5DFC7
}

#fr_maintable td#palsta2 {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
}

/* Etusivun elementin otsikko */
.titlebar {background-image: none width:100%; font-size: 16px;  font-weight: bold; line-height: 24px; height: 24px; padding-left: 5px;}
.type2 .titlebar {display: none;} /* Piilotetaan tekstityyppisen elementin otsikko*/
/* Tiedotteiden listaussolu  */
.type-3 .boxtd, .type1 .boxtd {border-bottom: 1px solid #EFEFEF}
/* /Eutisivun otsikot */

/* LOGOT */

#logo {
margin-top: 100px;
margin-left: 40px;
border: 0px;
}

div#ylalogot {
float: right;
padding-top: 15px;
padding-right: 15px;
}


/* /LOGOT */

/* Kielivalinnat */
div#kielilinkit a {
padding-left: 10px;
line-height: 28px;
}
/* /Kielivalinnat */



/* APUVALIKKO */
ul#apuvalikko {
float: right;
display: block;
padding: 0px;
margin: 0px;
}
ul#apuvalikko li {
display: block;
list-style-type: none;
padding: 0px;
margin: 0px;
float: left;
line-height: 28px;
}
ul#apuvalikko li a{
font-size: 12px;
padding-left: 10px;
display: block;
}

ul#apuvalikko li a:hover {}
a.top_menuitem {}

/* /APUVALIKKO */

/* 1 TASON VALIKKO */
div#yhdentasonvalikko
{

}

h2#valikonotsikko {
display: none;
margin: 0px; padding: 0px;
margin-top: 5px;
font-size: 15px;
font-weight: bold;
}

div#yhdentasonvalikko ul {
margin: 0px; padding: 0px;
display: block;
}

div#yhdentasonvalikko li {
border: 1px solid white;
margin: 0px;  padding: 0px;
display: block;
list-style-type: none;
}

div#yhdentasonvalikko li a {
white-space: nowrap; 
color: black;
display: block;
background-image: url(../default/images/tbody_bg.gif);
background-repeat: repeat-x;
background-position: bottom;
padding-left: 8px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 13px;
border-bottom: 1px solid #CCCCCC;
}


div#yhdentasonvalikko li a:hover {
color: #0099cc;
}

div#yhdentasonvalikko li a:active {
color: #0099cc;
}

div#yhdentasonvalikko li#backki a {
white-space: nowrap; 
color: black;
display: block;
background-image: none;
background-repeat: repeat-x;
background-position: bottom;
padding-left: 8px;
padding-top: 2px;
padding-bottom: 2px;
font-size: 13px;
border-bottom: 0px;
}

/* 1 TASON VALIKKO */

/* Puuvalikko */
table#puuvalikko {
width: 100%;
}

table#puuvalikko li.selected a {
color: #0099cc;
}

table#puuvalikko a:hover {
color: #0099cc;
}
table#puuvalikko a:active {
color: #0099cc;
}


tr.level1 td a{
font-weight:normal;
color: #111111;
display: block;
padding-left: 14px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 12px;
background-image: url(../images_opinto-opas/menutitlebg.jpg);
background-repeat: no-repeat;
background-position: 0px 7px;
}

tr.level2 td a{
background-image: none;
font-weight:normal;
color: black;
font-size: 11px;
display: block;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 6px;
/*background-image: url(../images_opinto-opas/menutitlebg.jpg); */
background-repeat: no-repeat;
background-position: 0px 7px;
}


/* / Puuvalikko */


/* YLÄVALIKKO */
	div#vaakamenu {
	padding-left: 20px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	border-bottom: 1px solid #EFEFEF;
	}

	/* --[[ Main Expand Icons ]]-- */
	#imenus0 .imeam span,#imenus0 .imeamj span {display: none;}
	#imenus0 li:hover .imeam span,#imenus0 li a.iactive .imeamj span {display: none;}
	/* --[[ Sub Expand Icons ]]-- */
	#imenus0 ul .imeas span,#imenus0 ul .imeasj span {background-image:url(../imenu_images/sample1_sub_arrow.gif); width:14px; height:14px; left:0px; padding-top:2px; background-repeat:no-repeat;background-position:top left;}
	#imenus0 ul li:hover .imeas span,#imenus0 ul li a.iactive .imeasj span {background-image:url(../imenu_images/sample1_sub_arrow.gif);  width:14px; height:14px; left:0px; padding-top:2px;  background-repeat:no-repeat;background-position:top left;}
	/* --[[ Main Container ]]-- */
	#imouter0 {}
	/* --[[ Sub Container ]]-- */
	#imenus0 li ul {
	position: absolute;
	z-index: 102220;
	background-color:#FFFFFF; border-style:solid; border-color:lightgrey; border-width:1px; padding:0px; }
	/* --[[ Main Items ]]-- */

	#imenus0 li a {
	background-image: url(../default/images/tbody_bg.gif);
	background-color: white;
	background-repeat: repeat-x;
	background-position: bottom; 
	line-height: 28px;
	height: 28px;  
	color:black; 
	text-align:center; 
	font-size:12px; 
	font-weight:normal; 
	text-decoration:none; 
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC; 
	border-right: 1px solid #CCCCCC; 
	}

		/* [hover] - These settings must be duplicated for IE compatibility.*/
		#imenus0 li:hover>a {color:#0099cc; text-decoration:none;}
		#imenus0 li a.ihover, .imde imenus0 a:hover {color:#111111; text-decoration:none;}

		/* [active] */
		#imenus0 li a.iactive {}


	/* --[[ Sub Items ]]-- */
	#imenus0 ul a {
	width: 180px;
	background-image: none;
	line-height: 22px; 
	height: 22px;  
	white-space: nowrap; 
	padding-left: 10px; 
	padding-top: 2px; 
	padding-bottom: 2px; 
	color:#111111; 
	text-align:left; 
	font-size:11px; 
	font-weight:normal; 
	text-decoration:none; 
	border: 0px;
	border-bottom: 1px solid  #CCCCCC;
	}

		/* [hover] - These settings must be duplicated for IE comptatibility.*/
		#imenus0 ul li:hover>a {color:#0099cc; text-decoration:none; background-color: #f6f6f6;}
		#imenus0 ul li a.ihover {color:#0099cc; text-decoration:none; background-color: #f6f6f6;}

		/* [active] */
		#imenus0 ul li a.iactive {text-decoration:underline; }

		#imenus0 ul li a#selected {}

/* /YLÄVALIKKO */




/* MURUPOLKU */
div#murupolku { 
padding-top: 4px;
height: 28px;
white-space: nowrap; 
color: black;
font-size: 11px;
}
div#murupolku a {  
display: inline;
font-size: 11px;
color: #0099cc;
}
/* Etusivu-linkki */
div#murupolku span.muru_etusivu a { 
color: #0099cc;
}
/* /MURUPOLKU */


/* */
div#footer{
height: 28px;
border-top: 10px solid #caba88;
margin-top: 0pX;
}

div#footer_text{
padding-left: 20px;
line-height: 28px;
}


#pagetitle {width: 100%; font-weight: normal; margin-top: 10px; padding-left: 2px; margin-bottom: 10px; font-size: 16px; Font-family: Verdana; font-weight: normal;}

.minileipis, .minicursive, .button, .submitbutton, .resetbutton
{
	font-family: Verdana, Arial, helvetica; 
}
	
.bigtitle, h2, h1
{
	font-size: 17px;
	text-decoration: none;
	color: #caba87;
	font-weight: bold;
}

.mediumtitle, H3
{
	font-size:14px;
	text-decoration: none;
	color: black;
	font-weight: bold;
}

.minititle, .cursive, h4
{
	font-size: 11px;  
	text-decoration: none;
	color: #0099cc;
	font-weight: bold;
}

.leipis, P, .bigcursive,td, .editor p,li
{
	font-size: 13px;
	text-decoration: none;
	color: Black;
}


.minileipis, h5, .minicursive, .imagecaption
{
	font-size: 11px;
	text-decoration: none;
	color: black;
	font-weight: normal;

}

.minicursive
{
	font-weight: bold;
}

a
{
	text-decoration: none;
	color: #black;
}

a:hover
{
	color: #0099cc;
}

a:active
{
              color: #0099cc;
}



	
	


.imagecaption {color: darkgrey; text-decoration: italic;}
.redtext {color: red;}
.highlight {background-color: #FFF4C1}
.BoldGreen {color: green; font-weight: bold;}