

body {
	
	background: url(../img/tausta.gif) no-repeat center top;
	background-color: #D5F1FC;

}


a {
	color: #00A9EB;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
	
}

/************************************************************************** DIV */

#Skeleton {background: url(../img/skeleton_bg.gif) repeat-y left top;}

/*#LeftBox {background: url(../img/leftbox_bg.jpg) no-repeat left top;}*/

#MenuBox {background: url(../img/menu_bg.gif) repeat-y left top;}

#MenuBottom {background: url(../img/menu_bottom.gif) no-repeat left top;}

#UpperMenuBox {background: url(../img/top_bg.jpg) repeat-x left top;}

#ToolBar li a {;	
    	font-family: Arial, Verdana, Helvetica;
	font-size: 10px;
        font-weight: normal;
        color: #959497;
       	text-decoration: none; 
}

#ToolBar li a:hover {text-decoration: underline;}

#Tulosta {background: url(../img/tulostin.gif) no-repeat 0px 4px;}

#Palaute {background: url(../img/feedback.gif) no-repeat 0px 4px;}

#Suurenna {background: url(../img/suurenna.gif) no-repeat 0px 4px;}

#Pienenna {background: url(../img/pienenna.gif) no-repeat 0px 4px;}

#ToolBar ul li a:hover {text-decoration: underline; }

.GrayLine {background: #DDE2E5;}

#FooterBox {background: url(../img/footer_bg.gif) repeat-y left top;}

#CopyRight a {
	color: #000;
	font-family: Arial, Verdana, Sans-serif, Helvetica; 
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

#CopyRight a:hover {text-decoration: underline;}

/*************************************************************************************** BLUEBOX */	

#BlueBoxTop {background: url("../img/bluebox_top.gif") no-repeat left top;}

#BlueBoxBottom {background: url("../img/bluebox_bottom.gif") no-repeat left top;}

#BlueBoxBody{background: #CCEEFB;}


/*************************************************************************************** SITEADMIN */

.Otsikko {
	color: #00A9EB;
	font-family:  Arial, Verdana, Sans-serif, Helvetica; 
	font-size: 24px;
	font-weight: bold;
}

.Alaotsikko {
	color: #00A9EB;
	font-family:  Arial, Verdana, Sans-serif, Helvetica;
	font-size: 12px;
	font-weight: bold;
}

.Teksti {
	font-family:  Arial, Verdana, Sans-serif, Helvetica;;
	line-height: 15px; 
	font-size: 12px; 
	color: #000;
}


/**************************************************************************************** MENUT */

#SAMenu1_-1_1 ul li a {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 24px;
	color: #959497;
	text-decoration: none;
	font-weight: normal;
	background: url(../img/bullet.gif) 0 10px no-repeat; 

}


#SAMenu1_-1_1 ul li a:hover {
	text-decoration: underline;
	background: url(../img/bullet.gif) 0px 9px no-repeat; 
}



/****************************************************************** */


#SAMenu2_1_0 {background: url(../img/left_top.gif) no-repeat left top;}




#SAMenu2_1_0 ul li a {	
	font-family: Arial, Verdana, Helvetica, Sans-serif; 
	font-size: 11px;
	color: #00A9EB;
	font-weight: bold;
	text-decoration: none;
}


#SAMenu2_1_0 ul li a.Selected {
	color: #FF5A00;
	background: url(../img/bullet.gif) no-repeat 0 5px;
}

#SAMenu2_1_0 ul li a.AtWay {
	background: transparent;
	color: #00A9EB;
}

#SAMenu2_1_0 ul li a:hover {	
	color: #FF5A00;
}


#SAMenu2_1_0 ul li ul li a {
	font-size: 11px;
	font-weight: normal;
	color: #00A9EB;
	
}

#SAMenu2_1_0 ul li ul li a:hover {
	color: #FF5A00;
}

#SAMenu2_1_0 ul li ul li a.Selected {	
	color: #FF5A00;
	/* background: url(../img/bullet.gif) no-repeat 2px 5px; */
}

#SAMenu2_1_0 ul li ul li a.AtWay {	
	color: #00A9EB;
	background: transparent;
}

#SAMenu2_1_0 ul li ul li ul li a {
	font-size: 11px;
	font-weight: normal;
	background: transparent; 
	color: #00A9EB;
}

#SAMenu2_1_0 ul li ul li ul li a.Selected {
	color: #FF5A00;
	/* background: url(../img/bullet.gif) no-repeat 0 5px; */
}






















