/* ------------------------------ */
/*INDEX*/
/* ----------------------------- */
body { margin:0px; font-family:arial,sans-serif  }
#Top { position:absolute; top:0; left:0; height:105; width:100%; background-color:#6660B0; visibility:visible;}
#divTitle { position:absolute; color:#000000; top:80; left:155; height:16; width:80%; font-size:14px; background-color:#AAA; border-top:1px solid #ffffff;border-left:1px solid #ffffff; border-bottom:1px solid #000000; padding:2; visibility:visible; z-index:3 }
#divIndex { position:absolute; top:0; left:0; width:100%; height:200; font-size: 12px; color:black; padding-left:2; z-index:3; }

#calTitle { color:#FF6600; font-size:18px; font-weight:bold; font-family:arial; background-color:#000;border:1px solid yellow; width:360; height:25px; }
.calTable { border:solid black 1px; }
.calTable th { border:1px solid black; font-size:14px; background-color:#FFCC66; }
#Julian,#JClock,#Kliki,#Apu,#Mom { cursor:pointer; font-family:arial; font-size:10px; padding-left:1px; }
#w1,#w2,#w3,#w4,#w5,#w6 { width:20px; height:62px; }
#x1,#x2,#x3,#x4,#x5,#x6,#x7,#x8,#x9,#x10,#x11,#x12,#x13,#x14,#x15,#x16,#x17,#x18,#x19,#x20,#x21,#x22,#x23,#x24,#x25,#x26,#x27,#x28,#x29,#x30,#x31,#x32,#x33,#x34,#x35,#x36,#x37 {  cursor:help; width:97px; height:64px; font-size:11px; font-family:arial; padding-left:2px; border:solid 1px #444444 }

#divMain { position:absolute; top:105; left:0; height:500; width:100%; visibility:visible; background-color:#0099cc; z-index:1; padding-left:10; }
#Keski { position:absolute; top:12; left:155; width:80%; visibility:visible; z-index:2; padding:5px;background-color:#00ffff; }
#Pohja { background-color: #ccc; width:100%; height:100%; }
#divMenuColor { position:absolute; top:25; left:6; width:140; height:420; clip:rect(0,140,420,0);  visibility:visible; background-image:url(../bgs/etu2.gif)}
DIV.clTop { position:absolute; visibility:inherit; top:0; left:0; width:120; height:19; background-color:#0099DD; z-index:5}
DIV.clSub { position:absolute; top:0; left:120; width:500; height:370; visibility:hidden; padding:6px; background-color:#0099FF; layer-background-color:#FF9900;  border: 1pt solid yellow;}
DIV.clLaw { position:absolute; top:0; left:120; width:333; visibility:hidden; padding:3px; background-color:#0099FF; layer-background-color:#0099FF; border: 1pt solid blue}
DIV.clLink { visibility:visible;  height:16px}
DIV.Varjo { width: 100%; height:30; filter: progid:DXImageTransform.Microsoft.dropShadow (OffX='5', OffY='3',color=#000000,positive=true,direction=185); } 
.TextBox { margin: 10; background-color:#0CCCCC ; padding: 10pt; border: 2pt; border-style: solid; }
#divRivi0{top:35; left:17 }
#divRivi1{top:55; left:17 }
#divRivi2{top:75; left:17 }
#divRivi3{top:95; left:17 }
#divRivi4{top:115; left:17 }
#divRivi5{top:135; left:17 }
#divRivi6{top:155; left:17 }
#divRivi7{top:175; left:17 }
#divRivi8{top:195; left:17 }
#divRivi9{top:215; left:17 }
#divRivi10{top:235; left:17 }
#divRivi11{top:255; left:17 }
#divRivi12{top:275; left:17 }
#divRivi13{top:295; left:17 }
#divRivi14{top:315; left:17 }
#divRivi15{top:335; left:17 }
#divRivi16{top:355; left:17 }
a { font-size:14px }
a:link { text-decoration: none; color:"#000000"; }
a:visited { text-decoration: none; color:"#000000" }
a.clLink:link { display:block; width: 100%; height:18; color:"#000000" }
a.clLink:active { display:block; width: 100%; height:18; color:"#0000FF" }
a.clLink:visited { display:block; width: 100%; height:18; color:"#000099" }
a:hover { background: #cccccc; color: black; text-decoration: none; }
//a { color:black; padding-left:3px; font-size: 12px; font-face:arial,verdana;}
.On {background-color:#aaaaaa; height:18px; padding-left:0 }
.Taulu { font-size: 14px;font-family:Arial, verdana; background-color:#000066; border-left:2px solid #ffffff; border-right:3px solid #000000; border-top:2px solid #ffffff; border-bottom:3px solid #000000;}
#Ei {background-color:#AAAAAA; padding-left:5;}
H1 { text-align: center; font-size: 40px; color:#000000; font-family:"Arial black", verdana;}
H2 { text-align: center; font-size: 28px; margin-left:5%;margin-right:5%; padding:5px; color: #000066; font-family:"Arial black", verdana;}
H3 { text-align: center; font-size:20px; padding:3; background-color:#DDDDDD; color: #000000; font-family:Arial;}
H4 { font-size:20px; background-color:#000099; padding:3px; color: #FFFFFF; font-family:Arial }
H5 { text-align: center; font-size:18px; padding:4; background-color:#FFFFB0; color: #000000; font-family:Arial; border:1px solid black; }
H6 { font-size:14px; background-color:#6699FF; padding:3px; color: #FFFFFF; font-family:Arial }
P { font-size: 14px; color: black; font-family: Arial, verdana;}
DL { font-size: 14px; color: #000099; font-family: "Arial", verdana }
UL { font-size: 14px; color: #000099; font-family: "Arial", verdana }
#Navi {
	font-weight: bold; font-size: 16px; width:131px; height:25px; padding-left:0px; background: #ccc; }
#Navi a { 
text-decoration: none;
position: relative;
display: block;
padding-left: 5px;
height:25px;
top: 0px; left: 0px;
width: 130px;
color: black;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #333;
border-right: 1px solid #555;
}

#Navi a:hover { background:0099FF;
    color: #0000FF;  padding-left: 4px;
    border-top: 1px solid #333;
    border-left: 1px solid #222;
    border-right: 1px solid #6660b0;
    border-bottom: 1px solid #fff; }