/*---- yleiss??d?t ----*/

html, body {
	background:url(/files/clearchannel/gfx/bg001.jpg) #539fd1 repeat-x;
	margin: 0px;
	padding: 0px;
	scrolling: auto;
}
img {
border:none;
}

.hover{

background: #D5EBFD;

}



h1{
font-size:20px;
font-family:"Times New Roman", Times, serif;
color: #0072BC;
text-indent: 26px;
font-weight:normal;
margin: 5px;
margin-top: 30px;
margin-bottom: 15px;
border-top: 1px dashed #CCCCCC;
border-bottom: 1px dashed #CCCCCC; 
}
h2{
font-size:16px;
font-family:"Times New Roman", Times, serif;
color: #0072BC;
font-weight:bold;

margin: 5px;
margin-bottom: 15px;
text-indent: 26px;
border-top: 1px dashed #CCCCCC;
border-bottom: 1px dashed #CCCCCC; 
}
p{
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
color: #000000;
margin-left: 30px;
margin-right: 30px;
margin-bottom: 12px;
}
.ingressi{
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color: #737373;
margin: 5px;
margin-left: 30px;
margin-right: 30px;
margin-bottom: 12px;
}

a:hover {
	text-decoration: underline;
}


/*----- introsivu -----*/
.introlinkit {
	font-family: Tahoma, Verdana, Arial;
	font-size: 13px;
	color: #1e5e89;
	font-weight:bold;
	text-decoration:none;
	position: relative;
	top: 4px;
}


#main{
top: 0 px;
width: 951px;
height: 561px;
margin: 0 auto;
background: url(/files/clearchannel/gfx/bg_etu.jpg) no-repeat;

}





#hiiht_val{
width: 147px;
position: absolute;
margin-top: 45px;
margin-left: 159px;
}
#hiiht_val_nap{
background: url(/files/clearchannel/gfx/hkv_bg.gif);
text-align:center;
width: 147px;
height: 27px;
position: absolute;
margin-top: 55px;
margin-left: 306px;
}
#mediakortti{
width: 331px;
position: absolute;
margin-top: 40px;
margin-left: 600px;

}
#mediakortti_nap{
background: url(/files/clearchannel/gfx/mk_bg.gif);
text-align:center;
width: 110px;
height: 27px;
position: absolute;
margin-top: 85px;
margin-left: 490px;

}

#argumentointi{
width: 86px;
position: absolute;
margin-top: 320px;
margin-left: 68px;
}
#argumentointi_nap{
background: url(/files/clearchannel/gfx/arg_bg.gif);
text-align:center;
width: 136px;
height: 64px;
position: absolute;
margin-top: 285px;
margin-left: 50px;
}
#kayt_p{
width: 95px;
position: absolute;
margin-top: 334px;
margin-left: 760px;
}
#kayt_p_nap{
background: url(/files/clearchannel/gfx/kayt_p_bg.gif);
text-align:center;
width: 115px;
height: 27px;
position: absolute;
margin-top: 307px;
margin-left: 800px;
}
#flash_video{
width: 397px;
position: absolute;
margin-top: 269px;
margin-left: 308px;
}



/* Nav
----------------------------------------------- */
#subnav {
font: normal 11px Tahoma, sans-serif;
color:#0072BC;
float:left;
top-margin: 168px;
left: 5px;
padding: 0;


        
}
#subnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	white-space: normal;
width: 153px;
border-right: 1px solid #0072BC;
border-left: 1px solid #0072BC;
}
#subnav li a {
	font: 11px Tahoma, sans-serif;
	color:#0072BC;
	text-decoration: none;
	/*display: block;*/
	padding: 0;
        margin: 0;
        font-weight: bold;
}
#subnav li.selected a, #subnav li.selected a:hover  {
	color: #fff;
	font-weight: bold;
        
}
#subnav li a:hover {
	color: #8CBFE3;
	font-weight: bold;
}

#subnav li.selected a:hover {
	color: #8CBFE3;
	font-weight: bold;
}

#subnav li {
	background: url(/files/clearchannel/gfx/lev1bg.jpg) 0 0 no-repeat;
	padding: 5px 0px 5px 10px;
width: 143px;


}
#subnav li.selected {
	background: #2989C7 0 0 no-repeat;
	padding:5px 0px 0px 10px;
    width: 143px;
    color: #FFFFFF;
}


#subnav li li a {

	font: 11px Tahoma, sans-serif;
	color:#0072BC;
	text-decoration: none;
	display: block;
	padding: 0;
        margin: 0;
padding-left: 8px;
border: 0 none;
}

#subnav li li {

	/*background: url(/files/clearchannel/gfx/lev1bg.jpg) 0 0 no-repeat;*/
	padding: 5px 0px 5px 10px;
        width: 143px;
background: #FFFFFF;
color: #000000;
border: 0 none;

}

#subnav li li.selected {

	background: #2989C7 0 0 no-repeat;
	padding:5px 0px 5px 10px;
    width: 143px;
    color: #FFFFFF;
border: 0 none;

}

#subnav li li.selected a{

	background: #2989C7 0 0 no-repeat;
	padding:5px 0px 5px 10px;
    width: 143px;
    color: #000000;
	border: 0 none;
}

#subnav li li.selected a, #subnav li li.selected a:hover {
	color: #8CBFE3;
	font-weight: bold;
	border: 0 none;

}

#subnav li li a:hover {

	color: #8CBFE3;
	font-weight: normal;
	border: 0 none;

}

#subnav ul ul {

	margin: 4px 0 0 -10px;
	padding: 0 0 0 0;
	border: 0 none;


}



/*----- navi -----*/



a.navi:link{	
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	color: #0072BC;
	font-weight:bold;
	text-decoration:none;}
a.navi:hover{
	background: #0b77bf;
	color: #FFFFFF;}
a.navi:visited{	
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	color: #0072BC;
	font-weight:bold;
	text-decoration:none;}
a.navi_akt:link{	
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	color: #FFFFFF;
	font-weight:bold;
	text-decoration:none;}
a.navi_akt:visited{	
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	color: #FFFFFF;
	font-weight:bold;
	text-decoration:none;}


a.navi_ala:link{	
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	color: #0072BC;
	font-weight:normal;
	text-decoration:none;
	margin: 0;
	text-indent: 35px;}
a.navi_ala:hover{
	background: #0b77bf;
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	color: #FFFFFF;
	font-weight:normal;
	text-decoration:none;
	margin: 0;
	text-indent: 35px;}
a.navi_ala:visited{
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	color: #0072BC;
	font-weight:normal;
	text-decoration:none;
	margin: 0;
	text-indent: 35px;}
	
a.navi_ala_akt:link{	
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	color: #FFFFFF;
	font-weight:normal;
	text-decoration:none;
	margin: 0;
	text-indent: 35px;}	
a.navi_ala_akt:visited{	
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	color: #FFFFFF;
	font-weight:normal;
	text-decoration:none;
	margin: 0;
	text-indent: 35px;}	
	
#navi {
	background: url(/files/clearchannel/gfx/navi_bg.jpg) #FEFEFF ;
	width: 155px;
	position:relative;
	left: 5px;
	top: 168px;
}
.navi2 {
	width: 154px;
	position:relative;
	left: 5px;
	top: 168px;
	padding: 0px;

}


.navi_yla{
position: relative;
top: 0px;
}
.navi_ala{
position: relative;
bottom: 0px;
}
#navi_kork{
height: 10px;
}


/*----- sis?lt?sivu -----*/
#main2{
height: 393px;
width: 946px;
margin: 0 auto;
padding-left: 5px;
padding-top: 168px;
left: -1px;
border-bottom: 1px solid #107BBF;
border-left: 1px solid #ee1d23;
border-right: 1px solid #ee1d23;
background: url(/files/clearchannel/gfx/bg_muut.jpg) #f6fafe  no-repeat;}

#sisalto {
	background: url(/files/clearchannel/gfx/sisalto_bg.jpg) #FEFEFF no-repeat;
	width: 421px;
	font: 11px Arial, sans-serif;
	color: #737373;
	border-top: 1px solid #0072bc;
	border-left: 1px solid #0072bc;
	border-right: 1px solid #0072bc;
	border-bottom: 1px solid #0072bc;
	position:relative;
z-index: 1;
	float: left;
	margin-left:  17px;

}

#sisaltoteksti{

padding: 20px;

}


#sisalto h1{
font-size:20px;
font-family:"Times New Roman", Times, serif;
color: #0072BC;
text-indent: 26px;
font-weight:normal;
margin-left: 0px;
margin-right: 0px;
margin-top: 30px;
margin-bottom: 15px;
border-top: 1px dashed #CCCCCC;
border-bottom: 1px dashed #CCCCCC; 
}
#sisalto h2{
font-size:16px;
font-family:"Times New Roman", Times, serif;
color: #0072BC;
font-weight:bold;
margin-top: 5px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 15px;
text-indent: 26px;
border-top: 1px dashed #CCCCCC;
border-bottom: 1px dashed #CCCCCC; 
}



#sis_kork{

}
#kuva_palkki {
	background: #FFFFFF;
	width: 313px;
	position: relative;
z-index: 1;
	border: 1px solid #0072bc;
	float:right;
	margin-right: 5px;
}

#link_navi{
	background: url(/files/clearchannel/gfx/link_bg.jpg) no-repeat;
	width: 432px;
	height: 21px;
        position: relative;
 	margin-left: -1px;
        margin-top: -28px;

}
.kuvateksti{
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color: #737373;


}
a.yla:link{	
	font-family: Tahoma, Verdana, Arial;
	font-size: 10px;
	color: #EE1C23;
	font-weight:normal;
	text-decoration:none;
	position: relative;
	top: 4px;
	left: 30px;}
a.yla:hover{	
	font-family: Tahoma, Verdana, Arial;
	font-size: 10px;
	font-weight:normal;
	text-decoration: underline;
	position: relative;
	top: 4px;
	left: 30px;
	color: #EE1C23;
}	
a.yla:visited{	
	font-family: Tahoma, Verdana, Arial;
	font-size: 10px;
	font-weight:normal;
	text-decoration:none;
	position: relative;
	top: 4px;
	left: 30px;
	color: #6f7376;
}
	
	

/*----- mediakortti -----*/

#sisalto2 {
	background: #FEFEFF no-repeat;
	width: 850px;
	border-top: 1px solid #0072bc;
	border-left: 1px solid #0072bc;
border-right: 1px solid #0072bc;
border-bottom: 1px solid #0072bc;
	position:relative;
top: 168px;
	left: 50px;
	
}
#link_navi2{
	background: url(/files/clearchannel/gfx/link_bg.jpg) no-repeat;
	width: 429px;
	height: 21px;
	position:relative;
	margin-left: 178px;
	top: -35px;
}

table{
	width: 771px;
	text-align:left;
	
}
th {
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #737373;
	border-bottom: 1px dashed #CCCCCC;
	border-top: 1px dashed #CCCCCC;
	text-align: left;

}
td{
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #000000;

}
.vas_tas_sis{
text-align:left;
text-indent: 25px;
}
.vas_tas{
text-align:left;
}
.oik_tas{
width: 35px;
}
.valikot{
width: 771px;
}
.tekstit{	
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #737373;
	text-indent: 25px;
}
.tekstit2{	
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #737373;
	text-indent: 25px;
}

/*----- footer -----*/

#footer{

width: 960px;
height: 80px;
position: relative;
margin: 0 auto;
background: url(/files/clearchannel/gfx/footer.jpg) no-repeat;}