body {
	background-color: #f7f7f7;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#7F7F7F;
		line-height: 18px;

}





/* NAVIGAATIO ALKAA */

#menulist_rootnav{
width: 949px;
height:15px;


background-image:url(images/navigaatio.gif);
background-repeat:no-repeat;

margin:0px auto;
padding:0px;
position:relative;
top: 3px;
left: 5px;
padding-right: 30px;

}
#menulist_rootnav li{
margin:0px;
padding:0px;
list-style:none;
position:absolute;
top:0px;
}


/* Määritellään linkkien korkeus, ja näyttömoodi */
#menulist_rootnav li, #menulist_rootnav a { height:15px; display:block; text-indent: -540em;}


/*  etusivu - opetus - tanssilajit - henkilökunta - tietoa opistosta - ilmoittautuminen/ajankohtaista - kuvagalleria - yhteystiedot.
*/
/* Määritellään mistä kohdasta kukin linkki alkaa */
/* Perustila*/
#menuitem_1nav { background-image:url(images/l_etusivu.jpg); left: 35px;  width: 55px;   }
#menuitem_2nav{ background-image:url(images/l_opetus.gif); left:115px; background-repeat:no-repeat; background-color:#FFFFFF; width: 50px;  }
#menuitem_3nav { background-image:url(images/l_tanssilajit.gif); left: 195px;  width: 75px;  }
#menuitem_4nav{ background-image:url(images/l_hlokunta.gif); left: 295px;  width: 95px;  }
#menuitem_5nav{ background-image:url(images/l_tietoa.gif); left: 418px;  width: 115px; }
#menuitem_6nav{background-image:url(images/l_ilmoittautuminen.gif);  left: 560px;  width: 120px; }
#menuitem_7nav{background-image:url(images/l_kuvagalleria.gif);  left: 708px;  width: 95px; }
#menuitem_8nav{ background-image:url(images/l_yhteystiedot.gif); left: 833px;  width: 90px; }
/*
#menuitem_1nav { background-image:url(images/l_etusivu.jpg); left: 21px;  width: 55px;   }
#menuitem_2nav{ background-image:url(images/l_hlokunta.gif); left:100px; background-repeat:no-repeat; background-color:#FFFFFF; width: 105px;  }
#menuitem_3nav { background-image:url(images/l_tanssilajit.gif); left: 225px;  width: 75px;  }
#menuitem_4nav{ background-image:url(images/l_opetus.gif); left: 325px;  width: 50px;  }
#menuitem_5nav{ background-image:url(images/l_tietoa.gif); left: 400px;  width: 115px; }
#menuitem_6nav{background-image:url(images/l_ilmoittautuminen.gif);  left: 545px;  width: 120px; }
#menuitem_7nav{background-image:url(images/l_kuvagalleria.gif);  left: 695px;  width: 95px; }
#menuitem_8nav{ background-image:url(images/l_yhteystiedot.gif); left: 820px;  width: 90px; }
*/
#menuitem_2nav a:link, #menuitem_2nav a:visited{
color:#FFFF66;
 }

/* Hover ja Aktiivinen linkki */
#menuitem_1nav a:hover,  #menuitem_1nav a.mainlevel_currentnav, #menuitem_1nav a.mainlevel_activenav{
	 background-image:url(images/l_etusivu.jpg); background-repeat:no-repeat; background-position: 1px -18px;
}
#menuitem_2nav a:hover,  #menuitem_2nav a.mainlevel_currentnav, #menuitem_2nav a.mainlevel_activenav{
	background-image:url(images/l_opetus.gif);  background-repeat:no-repeat; background-color:#FFFFFF; background-position: 0px -18px;
}
#menuitem_3nav a:hover,  #menuitem_3nav a.mainlevel_currentnav, #menuitem_3nav a.mainlevel_activenav{
	background-image:url(images/l_tanssilajit.gif); background-repeat:no-repeat; background-position: -2px -18px;
}
#menuitem_4nav a:hover,  #menuitem_4nav a.mainlevel_currentnav, #menuitem_4nav a.mainlevel_activenav{
	background-image:url(images/l_hlokunta.gif); background-repeat:no-repeat; background-position: 1px -18px;
}
#menuitem_5nav a:hover,  #menuitem_5nav a.mainlevel_currentnav, #menuitem_5nav a.mainlevel_activenav{
	background-image:url(images/l_tietoa.gif); background-repeat:no-repeat; background-position: 1px -18px;
}
#menuitem_6nav a:hover,  #menuitem_6nav a.mainlevel_currentnav, #menuitem_6nav a.mainlevel_activenav{
	background-image:url(images/l_ilmoittautuminen.gif);  background-repeat:no-repeat; background-position: 1px -18px;
}
#menuitem_7nav a:hover,  #menuitem_7nav a.mainlevel_currentnav, #menuitem_7nav a.mainlevel_activenav{
	background-image:url(images/l_kuvagalleria.gif); background-repeat:no-repeat; background-position: 0px -18px;
}
#menuitem_8nav a:hover,  #menuitem_8nav a.mainlevel_currentnav, #menuitem_8nav a.mainlevel_activenav{
	background-image:url(images/l_yhteystiedot.gif);  background-repeat:no-repeat; background-position: -1px -18px;
}
/*
#menuitem_1nav a:hover,  #menuitem_1nav a.mainlevel_currentnav, #menuitem_1nav a.mainlevel_activenav{
	 background-image:url(images/l_etusivu.jpg); background-repeat:no-repeat; background-position: 1px -18px;
}
#menuitem_2nav a:hover,  #menuitem_2nav a.mainlevel_currentnav, #menuitem_2nav a.mainlevel_activenav{
	background-image:url(images/l_hlokunta.gif); background-repeat:no-repeat; background-color:#FFFFFF; background-position: 1px -18px;
}
#menuitem_3nav a:hover,  #menuitem_3nav a.mainlevel_currentnav, #menuitem_3nav a.mainlevel_activenav{
	background-image:url(images/l_tanssilajit.gif); background-repeat:no-repeat; background-position: -1px -18px;
}
#menuitem_4nav a:hover,  #menuitem_4nav a.mainlevel_currentnav, #menuitem_4nav a.mainlevel_activenav{
	background-image:url(images/l_opetus.gif); background-repeat:no-repeat; background-position: 0px -18px;
}
#menuitem_5nav a:hover,  #menuitem_5nav a.mainlevel_currentnav, #menuitem_5nav a.mainlevel_activenav{
	background-image:url(images/l_tietoa.gif); background-repeat:no-repeat; background-position: 1px -18px;
}
#menuitem_6nav a:hover,  #menuitem_6nav a.mainlevel_currentnav, #menuitem_6nav a.mainlevel_activenav{
	background-image:url(images/l_ilmoittautuminen.gif);  background-repeat:no-repeat; background-position: 1px -18px;
}
#menuitem_7nav a:hover,  #menuitem_7nav a.mainlevel_currentnav, #menuitem_7nav a.mainlevel_activenav{
	background-image:url(images/l_kuvagalleria.gif); background-repeat:no-repeat; background-position: 1px -18px;
}
#menuitem_8nav a:hover,  #menuitem_8nav a.mainlevel_currentnav, #menuitem_8nav a.mainlevel_activenav{
	background-image:url(images/l_yhteystiedot.gif);  background-repeat:no-repeat; background-position: -1px -18px;
}
*/
/* NAVIGAATIO PÄÄTTYY */

#header {
	position: relative;
	margin: 0 auto;
	width: 969px;
	height: 167px;
	background-color: #ffffff;
	padding-bottom: 0px;
	margin-bottom:0px;
}


#nav {
	position: relative;
	margin: 0 auto;
	width: 969px;
	height: 27px;
	background-color: #ffffff;
	
	background-image:url(images/nav_bg.jpg);
	
	background-repeat:repeat-x;
}

#header_image {
	position: relative;
	margin: 0 auto;
	width: 969px;
	background-color: #ffffff;
	background-image:url(images/header_image_bg.jpg);
	background-repeat:repeat-y;
	height: 203px;
}

#horizontal_line {
	position: relative;
	margin: 0 auto;
	width: 968px;
	height: 7px;
	background-color: #ffffff;
	background-image:url(images/header_hor.gif);
	background-repeat:no-repeat;
	clear:both;
	margin-bottom:0px;
	padding-bottom:0px;
}


#mainwrapper {
position: relative;
margin: 0 auto;
width: 969px;
display:block;
clear:both;
top:0px;


}

/* Kaksipalstaisen templaten pohjakuva - käytössä VAIN etusivulla*/
#wrapper00 {
	position: relative;
	text-align:left;
	width: 969px;
	top:0px;
	padding-top:0px;
	margin-top: 0px;
/* tässä kaksi palstaa erottamssa vertical viiva */
	background-image:url(images/content_bg_00.jpg);
	background-repeat:repeat-y;
	float:left;
	
	
}

/* Kaksipalstaisen templaten pohjakuva*/
#wrapper01 {
	position: relative;
	text-align:left;
	width: 969px;
	top:0px;
	padding-top:0px;
	margin-top: 0px;
/* tässä kaksi palstaa erottamssa vertical viiva */
	background-image:url(images/content_bg_02.jpg);
	background-repeat:repeat-y;
	float:left;
	
	
}
/* YKSIPALSTAISEN TEMPLATEN POHJAKUVA*/
#wrapper02 {
	position: relative;
	text-align:left;
	width: 969px;
	top:0px;
	padding-top:0px;
	margin-top: 0px;
/* tässä kuvassa yksi palsta */
	background-image:url(images/content_bg_01.jpg);
	background-repeat:repeat-y;
	float:left;
	
	
}

#footer {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 45px;
	text-align:right;
	float:left;
	background-image:url(images/footer_bg.jpg);
	background-repeat:no-repeat;
	font-size:11px;
	padding-bottom: 30px;
	background-color:#F7F7F7;

}
#footer_txt{
padding-right:90px;
padding-top: 18px;
}




#copy {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 30px;
	text-align:center;
	float:left;
}

#otsikko{
position:relative;
right: 3px;
top: 0px;
border-bottom-color:#eaeaea;
border-bottom-style:solid;
border-bottom-width:1px;
display:block;

width:725px;
text-align:left;
float:right;
background-color:ffffff;
background-image:url(images/otsikko_bg.jpg);
background-repeat:repeat-y;
background-position:right;
height: 55px;
vertical-align:bottom;
padding-top: 20px;
}

#otsikko00{
position:relative;
right: 3px;
top: 0px;
border-bottom-color:#eaeaea;
border-bottom-style:solid;
border-bottom-width:1px;
display:block;
width:900px;
text-align:left;
float:right;
background-image:url(images/otsikko_bg.jpg);
background-repeat:repeat-y;
background-position:right;
height: 55px;
vertical-align:bottom;
padding-top: 20px;

}

/* ETUSIVUN TYYLI, KAKSI PALSTAA, josta molemmat lähes yhtä leveitä */
#content00 {
	position:relative;
	left:66px;
	top:5px;
	padding-top: 4px;
	padding-bottom: 20px;
	margin-bottom: 10px;
	width:425px;
	float:left;
}

/* KAKSI PALSTAA, josta vas. puoleinen leveä, oik. kapea */
#content01 {
	position:relative;
	left:20px;
	top:20px;
	padding-top: 4px;
	padding-right: 24px;
	padding-bottom: 20px;
	margin-bottom: 10px;
	padding-left: 24px;


	width:420px;
	
	float:left;
	


}

/* YKSI, LEVEÄ PALSTA */
#content02{
	position:relative;
	left:20px;
	top:20px;
	padding-top: 4px;
	padding-right: 24px;
	padding-bottom: 20px;
	margin-bottom: 10px;
	padding-left: 24px;


	width:688px;
	
	float:left;


}

/* AJANKOHTAISTA SIVULLE  */
#content03{
	position:relative;
	left:20px;
	top:10px;
	/*
	top:-20px; */
	padding-top: 4px;
	padding-right: 24px;
	padding-bottom: 15px;
	margin-bottom: 10px;
	padding-left: 24px;


	width:688px;
	
	float:left;


}
/* YKSI, LEVEÄ PALSTA, käytössä henkilökuntasivulla */
#content04{
	position:relative;
	left:20px;
	top:20px;
	padding-top: 4px;
	padding-right: 7px;
	padding-bottom: 20px;
	margin-bottom: 10px;
	padding-left: 24px;


	width:710px;
	
	float:left;


}


#right_col{
position:relative;
float:right;
top: 10px;
right: 10px;
width: 267px;
text-align:center;
display:block;
}

#right_col00{

position:relative;
float:right;
top: 15px;
right: 17px;
width: 420px;
text-align:center;
clear:right;
padding-bottom:25px;
}

#space{
position:relative;
float:left;
height: 80px;
padding-bottom: 100px;
display:block;
}
#content img {
	display: inline;
	padding:0px;
	margin:0px;
	text-align:right;
	border: none;

	
}

/* ALANAVIGAATIO*/
#left_menu{
	width: 198px;
	/*height: 250px;*/
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 45px;
	margin-left: 0px;
	padding:0px;
	padding-bottom: 5px;

	left: 0px;
	top: 25px;
	text-align:left;
	position:relative;
	float:left;
	display:block;
	
	
	}

#menulist_rootala_nav ul
{
margin-left: 0px;
margin-top:0px;
list-style-type: none;
padding-left: 0px;
margin-top: 0px;
top: -5px;
}

#menulist_rootala_nav li
{

margin-left: -24px;
list-style-type: none;
margin-top:0px;
padding-top: 0px;

}

#menulist_rootala_nav a
{
display: block;
padding: 3px;
width: 158px;
}
#menulist_rootala_nav a.mainlevel_currentala_nav:link {
color:#cf9c1f;

}

#menulist_rootala_nav a.mainlevel_currentala_nav:hover{
color:#cf9c1f;

}

#menulist_rootala_nav a.mainlevel_currentala_nav:visited:hover{
color:#cf9c1f;

}
#menulist_rootala_nav a.mainlevel_currentala_nav:visited{
color:#cf9c1f;

}
#menulist_rootala_nav a:link, #menulist_rootala_nav a:visited
{

font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	display:block;
	margin:0px;
	color:#828282;
	text-decoration:none;
	padding-top: 2px;
	padding-right: 18px;
	padding-bottom: 3px;
	padding-left: 2px;
	text-align:right;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	background-image:url(images/ala_nav_bg.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	margin-right: 4px;
	line-height: 18px;
border-bottom-color:#E8E8E8;
	border-bottom-style:solid;
	border-bottom-width:1px;

}

#menulist_rootala_nav a:hover
{
color: #fff;
}

/* VALIKOT */

.menu_topic {
	height: 9px;
	width: 182px;
	background-image: url(images/ala_nav_top.gif);
	background-repeat: no-repeat;
	
	left: 13px;
	top: 9px;
	position:relative;
	float:left;
	clear:both;
	padding:0px;
	margin:0px;
}
.menu_bottom {
	left: 13px;
	height: 58px;
	width:182px;
	text-align: center;
	background-image:url(images/alanav_bottom.jpg);
	background-repeat: no-repeat;
	position:relative;
	float:left;
	
}





#left_menu a.mainlevelala_nav:hover{
	color:#cf9c1f;
}

#left_menu a.mainlevelala_nav:visited:hover {
	color:#cf9c1f;
}

#left_menu a.mainlevelala_nav:visited {
	 /*	height:20px;*/
	color:#828282;
}

/* HENKILÖKUNTA SIVUN MOSIMAGE*/
.hlokuva{
border-color:#E1E1DD;
border-width:1px;
border-style:solid;
height:auto;
width:auto;
float:right;
margin: 10px;}

/* AJANKOHTAISTA -sivuun liittyvät tyylit */
/*
.contentheadingajankohtaista{
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px;
	color:#E6A700;
	font-size: 24px;
	height: 24px;
}

.createdate, .modifydate{
font-size:11px;
color:#A8A8A8;
height:11px;
}


table.blogajankohtaista div{
background-color:#ffffff;
background-image:url(images/ajankohtaista_bg.jpg);
background-repeat:repeat-y;
background-position:right;

display:block;
padding-top: 10px;
padding-bottom:5px;
margin-bottom: 10px;
border-color:#EEEEEE;
border-style:solid;
border-width:1px;
width: 485px;
margin-left: 20px;
margin-top: 0px;


}
*/

/* ETUSIVUN UUTISNOSTOIHIN LIITTYVÄT TYYLI*/

#ajankohtaista_ot{
background-image:url(images/o_ajankohtaista.gif);
width: 433px;
height:21px;
display:block;
float:right;
right: 2px;
top: 5px;
position:relative;

}

.moduletableajankohtaista_etusivu td.contentheading a{
margin: 0px;
	padding-bottom: 10px;
	color:#E6A700;
	font-size: 24px;
	font-weight:normal;
	text-decoration:none;

}

.moduletableajankohtaista_etusivu table.contentpaneopen{
background-image:url(images/ajankohtaista_small_bg.jpg);
background-position:left;
background-repeat:repeat-y;
width:100%;
text-align:left;
}

.moduletableajankohtaista_etusivu table.contentpaneopen td{
padding-top:0px;
padding-left: 20px;
padding-right: 10px;
padding-bottom: 5px;
}

.moduletableajankohtaista_etusivu table.contentpaneopen td.contentheading{
padding-top:20px;
padding-bottom: 5px;
}
.moduletableajankohtaista_etusivu span.article_seperator{
height: 8px;
display:block;
border-top-color:#DFDFDF;
border-top-width:1px;
border-top-style:solid;
width: 416px;
margin-right: 0px;
margin-left: 4px;

}
.moduletableajankohtaista_etusivu table.contentpaneopen td{

background-position:left;
background-repeat:repeat-y;
width:100%;
text-align:left;
}


.contentheading{
margin: 0px;
	padding-bottom: 10px;
	color:#E6A700;
	font-size: 24px;
	font-weight:bold;

}
/* TEKSTIN TYYLIT */
h1 {
	margin: 0px;
	padding-bottom: 10px;
	color:#E6A700;
	font-size: 24px;
	font-weight:bold;
}

h2 {
	margin: 0px;
	padding-bottom:0px;
	color: #787878;
	font-size: 12px;
	text-transform:uppercase;
}

h3 {
	margin: 0px;
	padding-top: 15px;
	padding-bottom:0px;
	color: #787878;
	font-size: 12px;

}


h4 {
 background-image:url(images/h4_bullet.gif);
 background-repeat:no-repeat;
 background-position:left;
 padding-left: 15px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#87806C;
 }

.contentimages {
	clear: left;
	float: right;
	width: 200px;

}
.listcontent {
	text-align: left;
}
#content h4 {
	margin: 5px 0px;
	padding: 0px;
	color:#775100;
	border-bottom-width: 1px;
	font-size: 11px;


}
a:link {
	color: #D98A00;
}
a:visited {
	color: #D98A00;
}
a:hover {
	color: #636363;
}
a:visited:hover {
	color: #636363;
}