/* body fbfbfb, textcolumn ffffff, rightcolum ffffff, border f8f8f8, otsikko 666666, textblock 999999 */ 


body
{
margin: 0px 0px 0px 0px;
background-color: #f0f0f0;
background-image:url('whitebg.jpg');

background-repeat:repeat-y;
background-attachment:fixed;
background-position: center}
	
a:link {
  color: 444444; 
  text-decoration : none;}
a:visited {
  color: #666666; 
  text-decoration : none;}
a:hover { 
  color: #444444; 
  text-decoration : underline;}



	





div.content
{
position: absolute;
width: 650px;
left: 50%;
margin-left: -325px;
}		
	
div.header
{
position: absolute;
margin-top: 0;
margin-left: auto, margin-right: auto;
height: 140;
width: 650;}				
				
div.tunnels
{
position: absolute;
margin-top: 60;
margin-left: 325;
width: 150;
background-color: #ffffff;

float: right;
}

div.disco
{
position: absolute;
margin-left: 360;
margin-top: 260;
width: 100;
background-color: #ffffff;
float: right;
}



img.menupic {
    border: 0px;
    margin-top: 3;
    margin-bottom: 3;

    }
    
img.visage {
    border: 0px;
    }

img.tunnels {
	float: right;
    border: 0px;
    margin-top: 0;
    }
        
img.praxispic {
	display: block;
    margin-left: auto;
    margin-right: auto;
    border: 0px;
    }
    
img.chronospic {
    margin-top: 2em;
    margin-bottom: 2em;
    margin-right: 20;
    border: 0px;}
    
img.newspic {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    margin-right: 20;
    border: 0px;}
    

img.praxispic {
    margin-top: 2em;
    margin-bottom: 2em;
	margin-left: 70px;
    }

img.longlive {
    margin-top: 0em;
    margin-bottom: 1em;
    border: 0px;
    }


div.visage
{
background-color: #ffffff;
position: absolute;
margin-top: 0;
margin-left: 40;
margin-right: 420;
width: 420;
float: right;
}

div.textcolumn
{
position: absolute;
margin-left: 0;
margin-top: 140;
width: 500;
}

div.rightcolumn
{
position: absolute;
margin-left: 500; margin-top: 140;
padding-left: 4;
width: 150;
height: 300;}



p
{
font-family: georgia;
font-size: 9pt;
text-align: left;
line-height: 1.6;
color: #999999;
width: 33em;
margin-top: 0;
margin-bottom: 0;
margin-left: 25;
}

		
p.otsikko
{
font-family: georgia, garamond;
font-size: 13pt;
line-height: 1.6;
font-variant: small-caps;
letter-spacing: 0.1em;
color: #666666;
margin-left: 40;
margin-top: 60;
margin-bottom: 2em;
width: 430;
}



p.disco-otsikko
{
font-family: verdana, georgia, garamond;
font-size: 8pt;
text-align: justify;
line-height: 1.6;
color: #444444;
width: 33em;
margin-top: 3em;
margin-bottom: 0;
margin-left: 40;
}

p.scap
{
font-family: georgia, garamond;
font-size: 11pt;
font-variant: small-caps;
letter-spacing: 0.1em;
line-height: 1.6;
color: #666666;
margin-left: 25;
margin-top: 0;
margin-bottom: 1em;
}


	
p.textblock
{
font-family: verdana, georgia, garamond;
font-size: 8pt;
text-align: justify;
line-height: 1.6;
color: #666666;
width: 37em;
margin-top: 0;
margin-bottom: 0em;
margin-left: 40;
}

p.textblockb
{
font-family: verdana, georgia, garamond;
font-size: 8pt;
font-weight: bold;
text-align: justify;
line-height: 1.6;
color: #666666;
width: 37em;
margin-top: 2em;
margin-bottom: 1em;
margin-left: 40;
}


p.praxisblock
{
font-family: verdana, georgia, garamond;
font-size: 8pt;
text-align: left;
line-height: 1.6;
color: #666666;
width: 37em;
margin-top: 0;
margin-bottom: 1em;
margin-left: 40;
}

p.newstitle
{
font-family: verdana, georgia, garamond;
font-size: 8pt;
text-align: justify;
font-style: italic;
line-height: 1.6;
color: #444444;
width: 33em;
margin-top: 3em;
margin-bottom: 1em;
margin-left: 40;
}

p.programmetext
{
font-family: verdana, georgia, garamond;
font-size: 8pt;
text-align: justify;
line-height: 1.6;
color: #666666;
width: 37em;
margin-top: 2em;
margin-bottom: 3em;
margin-left: 60;
}

p.textimg
{
font-family: verdana, georgia, garamond;
font-size: 8pt;
text-align: justify;
line-height: 1.6;
color: #666666;
width: 430;
margin-top: 0;
margin-bottom: 0;
margin-left: 40;
}

p.updt
{
font-family: verdana, georgia, garamond;
font-size: 8pt;
text-align: ;
line-height: 1.6;
color: #666666;
width: 37em;
margin-top: 1em;
margin-bottom: 40;
margin-left: 40;
}

p.textblock + p.textblock
{
text-indent: 1.5em;
margin-top: 0;
}	



p.chronosblock
{
font-family: verdana, georgia, garamond;
font-size: 8pt;
text-align: justify;
line-height: 1.6;
color: #666666;
width: 38em;
margin-top: 0;
margin-bottom: 0;
margin-left: 40;
}

p.chronosblock + p.chronosblock
{
text-indent: 1.5em;
margin-top: 0;
}

p.liveotsikko
{
font-family: verdana, georgia, garamond;
font-size: 8pt;
text-align: center;
line-height: 1.6;
color: #666666;
width: 33em;
margin-top: 4em;
margin-bottom: 1em;
margin-left: 65;
}

p.vuosi
{
font-family: verdana, georgia, garamond;
font-size: 8pt;
font-style: italic;
text-align: center;
line-height: 1.6;
color: #666666;
width: 33em;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 65;
}

p.chronospictext
{
font-family: georgia, garamond;
font-size: 8pt;
font-style: italic;
text-align: center;
line-height: 1.6;
color: #999999;
width: 394;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 40;
}



p.rightbig
{
font-family: georgia, garamond;
font-size: 9pt;
text-align: left;
line-height: 1.50;
font-variant: small-caps;
width: 11em;
margin-left: 13;
margin-top: 60;
color: #999999;
}

p.rightbig2
{
font-family: georgia, garamond;
font-size: 9pt;
text-align: left;
line-height: 1.50;
margin-left: 13;
margin-top: 2em;
margin-bottom: 0;
color: #aaaaaa;
}
		
p.rightsmall
{
font-family: verdana, georgia, garamond;
font-style: italic;
font-size: 7pt;
width: 150;
text-align: center;
line-height: 1.7;
margin-top: 0;
margin-bottom: 20;
margin-left: 0;
color: #666666;
}

p.rightsmall2
{
font-family: georgia, garamond;
font-style: italic;
font-size: 8pt;
width: 13em;
text-align: center;
line-height: 1.7;
margin-top: 0;
margin-left: 6;
color: #999999;
}


		
ABBR
{
	font-size: 7.5pt;
	letter-spacing:0.1em;
}


blockquote 	{
			margin-left: 60; margin-top: 2em; margin-bottom: 2em;
			font-family: verdana, georgia, garamond;
			font-size: 8pt;
			font-style: italic;
			text-align: justify;
			text-indent: -0.5em;
			line-height: 1.6;
			color: #666666;
			width: 34em;
			}
			


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 12px Georgia, Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-style: italic;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }