body { 
font-family: Trebuchet MS; Gill Sans; Verdana; Helvetica;
}


/* TEKSTIN VÄREJÄ */
  :link { font-weight:bold; color: Gray }  /* for unvisited links */
  :visited { font-weight:bold; color: Gray } /* for visited links */
  a:active { font-weight:bold; color: Gray } /* when link is clicked */
  a:hover { font-weight:bold; color: Red } /* when mouse is over link */
  strong { color:Navy }
A { text-decoration:none }

h1 { font-size: 16pt; color: Gray; position:relative; left:0px; right:0px;}
h2 { font-size: 14pt; color: Gray; position:relative; left:0px; right:0px}
h3 { font-size: 12pt; color: Gray; position:relative; left:0px; right:0px} /* ingressi ja väliotsikko*/
h4 { font-size: 10pt; color: Navy; position:relative; left:0px; right:0px}
p { font-size: 9pt; color: Navy; position:relative; left:+50px, right:0px}
li { font-size: 9pt; color: Navy; position:absolute; left:+50px, right:0px}



#liturgia{
position:absolute;
left:505px; 
top:0px;
width:150px;
height:100%;
background:#eeeeee;
margin: 0px auto;
text-align:left;
padding-left:5px; padding-right:5px; padding-top:9px; padding-bottom:0px;
border-left:2px #eeeeee solid;
border-right:0px #eeeeee solid ;

}

#uutinen{
position:absolute;
left:0px; 
top:150px;
width:500px;
height:*;
background:#FFFFFF;
margin: 0px auto;
margin-top: 2px ;
text-align:left;
padding-left:5px; padding-right:0px; padding-top:0px; padding-bottom:0px;
border-left:0px #FFFFFF solid;
border-right:0px #eeeeee solid ;
border-top:0px #eeeeee solid ;
}

#ajankohta{
position:absolute;
left:0px; 
top:0px;
width:500px;
height:140px;
background:#FFFFFF;
margin: 0px auto;
text-align:left;
padding-left:0px; padding-right:0px; padding-top:5px; padding-bottom:0px;
border-left:0px #FFFFFF solid;
border-right:0px #eeeeee solid ;
border-bottom:3px #eeeeee solid ;
}
#uutisteksti{
position:absolute;
left:0px; 
top:0px;
width:450px;
height:*;
background:#FFFFFF;
margin: 0px auto;
margin-top: 0x ;
text-align:left;
padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
border-left:0px #FFFFFF solid;
border-right:0px #eeeeee solid ;
}

#happenings{
position:absolute;
left:5px; 
top:5px;
width:500px;
height:*;
background:#FFFFFF;
margin: 0px auto;
margin-top: 2px ;
text-align:left;
padding-left:5px; padding-right:0px; padding-top:0px; padding-bottom:0px;
border-left:0px #FFFFFF solid;
border-right:0px #eeeeee solid ;
border-top:0px #eeeeee solid ;
}