html { overflow: scroll; }

div.bg{position:fixed; left:0px; top:0px; width:100%; height:100%;}

body	{
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 15px;
text-align:left;
width: 628px;
margin: 0 auto 50px auto;
padding: 0;

}

div.content{
padding-top: 40px;
padding-bottom: 50px;
text-align: center;
width:800px;

}

img {
border: none;
}

div.header{
position:relative;
width:600px;
background-color:black;
padding-top:15px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;}

div.menu{
	position: relative;
	float: left;
	text-align:left;
	background-color:black;
	width:100px;
	padding-top:0px;
	padding-bottom:15px;
	padding-left:10px;
	padding-right:10px;
}

div.archive{
	position:relative;
	float: left;
	text-align:left;
	background-color:black;
	width:230px;
	padding-top:0px;
	padding-bottom:15px;
	padding-left:10px;
	padding-right:10px;
}

div.text{
	position:relative;
	float: left;
	text-align:left;
	background-color:black;
	width:230px;
	padding-top:0px;
	padding-bottom:15px;
	padding-left:10px;
	padding-right:10px;
}





/*image styles*/
#imageSmall{width:230px; margin:.3em 0 .5em 0;}
#imageTitle{height:27px; margin:.3em 0 .1em 0;}
#imageBig{width:415px; margin:.3em 0 .5em 0;}




p
{
font-weight:normal;
font-size:12px;
color:#FFFFFF;
text-align:left;
background:none;
margin:0 .8em 1em 0; 
}




/* participants colloring*/
p.graphicDesign{font-size:11px;margin:.3em 0 .2em 0;font-weight:normal;text-transform:uppercase;background:none;color:#000000;}
p.architecture{font-size:11px;margin:.3em 0 .2em 0;font-weight:normal;text-transform:uppercase;background:none;color:#000000;}
p.finaArt{font-size:11px;margin:.3em 0 .2em 0;font-weight:normal;text-transform:uppercase;background:none;color:#000000;}
p.illustration{font-size:11px;margin:.3em 0 .2em 0;font-weight:normal;text-transform:uppercase;background:none;color:#000000;}
p.animation{font-size:11px;margin:.3em 0 .2em 0;font-weight:normal;text-transform:uppercase;background:none;color:#000000;}
p.musician{font-size:11px;margin:.3em 0 .2em 0;font-weight:normal;text-transform:uppercase;background:none;color:#000000;}


#graphicDesign{text-transform:none;color:#000000;}
#graphicDesign:hover{text-transform:none;background:#000000;color:#FFFFFF;}

#architecture{text-transform:none;color:#000000;}
#architecture:hover{text-transform:none;background:#000000;color:#FFFFFF;}

#finaArt{text-transform:none;color:#000000;}
#finaArt:hover{text-transform:none;background:#000000;color: #FFFFFF;}

#illustration{text-transform:none;color:#000000;}
#illustration:hover{text-transform:none; background:#000000; color:#FFFFFF;}

#animation{text-transform:none;color:#000000;}
#animation:hover{text-transform:none; background:#000000; color:#FFFFFF;}

#musician{text-transform:none;color:#000000;}
#musician:hover{text-transform:none; background:#000000;color:#FFFFFF;}


span.movieList
{
font-size:10px;
font-weight:normal;
text-align:left;
text-transform:uppercase;
font-family:Monaco, Arial, Sans;	
color:#FFFF00;
}


span.dateAgenda
{
font-size:10px;
font-weight:normal;
text-align:left;
text-transform:uppercase;
font-family:'Monaco', 'Arial', 'Sans';	
color:#FFFFFF;
}

span.dateNews
{
font-size:10px;
text-align:left;
font-weight:normal;
text-transform:uppercase;
font-family:'Monaco', 'Arial', 'Sans';	
color:#FFFF00;

}

span.note
{
font-size:9px;
font-weight:normal;
text-align:left;
line-height:11px;
text-transform:uppercase;
font-family:'Monaco', 'Arial', 'Sans';	
color:#333333;
}

span.part
{
font-size:9px;
text-align:left;
text-transform:uppercase;
font-family:'Monaco', 'Mono', 'Sans';	
color:#FFFFFF;
}

span.info
{
font-size:12px;
text-align:left;
background-color:black;
text-transform:uppercase;
font-family:'Helvetica', 'Arial', 'Sans';	
color:#FFFF00;
}



#background{
position:absolute;
z-index:1;
width:100%;
height:100%;
}	

#front{
position:relative; 
z-index:2;
}	

h1
{
font-size:24px;
color:#FFFFFF;
font-weight:bold;
text-transform:uppercase;
text-align:left;
line-height:100%;
margin:0 0 .1em 0;
border-bottom:1px dotted #888800;
/* Special hack for IE/5 */
font-family:'Helvetica', 'Arial', 'Sans';	
voice-family:"\"}\"";
voice-family:inherit;
}

h2
{
font-size:18px;
font-weight:bold;
text-align:left;
color:#FFFF00;
background:none;
line-height:100%;
margin:0 0 .1em 0; 
/*border-top: 1px dashed #AAAAAA;*/
font-family:'Helvetica', 'Arial', 'Sans';	
voice-family:"\"}\"";
voice-family:inherit;
}

h5
{
font-size:18px;
font-weight:bold;
text-align:left;
color:#FFFF00;
background:none;
line-height:100%;
margin:0 0 .3em 0; 
/*border-top: 1px dashed #AAAAAA;*/
font-family:'Helvetica', 'Arial', 'Sans';	
voice-family:"\"}\"";
voice-family:inherit;
}



h3
{
font-size:18px;
font-weight:bold;
text-align:left;
color:#FFFFFF;
background:none;
line-height:100%;
margin:0 0 .1em 0; 
/*border-top: 1px dashed #AAAAAA;*/
font-family:'Helvetica', 'Arial', 'Sans';	
voice-family:"\"}\"";
voice-family:inherit;
}

h4
{
font-size:24px;
color:#FFFF00;
font-weight:bold;
text-transform:uppercase;
text-align:left;
line-height:100%;
margin:0 0 .1em 0;
/* Special hack for IE/5 */
font-family:'Helvetica', 'Arial', 'Sans';	
voice-family:"\"}\"";
voice-family:inherit;
}

span.text
{
color: #000000;
background: #ffffff;

}
#more{font-size: 9px; text-transform: none; color: #FFFF00;}
#more:hover{font-size: 9px; text-transform: none; background:#FFFF00; color: #000000;}

a{
text-transform:none;
text-align:left;
color: #FFFF00;
border: none;
}

a:active{
color: #FFFF00;
text-align:left;
border: none;
}

a:visited {
color: #FFFF00;
text-align:left;
border: none;
}

a:hover {
color: #000000;
text-align:left;
background: #FFFF00;
border: none;
}


a.archive{
text-transform:none;
color: #FFFF00;
font-size:15px;
font-weight:normal;
text-align:left;
background:none;
line-height:100%;
margin:0 0 .1em 0; 

}

a.archive:active{
color: #FFFF00;
font-size:15px;
font-weight:normal;
text-align:left;
background:none;
line-height:100%;
margin:0 0 .1em 0; 
}

a.archive:visited {
font-size:15px;
font-weight:normal;
text-align:left;
background:none;
line-height:100%;
margin:0 0 .1em 0; 
color: #FFFF00;
}

a.archive:hover {
color: #000000;
background:#FFFF00;
font-size:15px;
font-weight:normal;
text-align:left;
line-height:100%;
margin:0 0 .1em 0; 
}


a.mail{
text-transform:none;
font-size:10px;
text-align:left;
color: #FFFF00;
border: none;
}

a.mail:active{
color: #FFFF00;
border: none;
text-align:left;
font-size:10px;
}

a.mail:visited {
color: #FFFF00;
text-align:left;
border: none;
font-size:10px;
}

a.mail:hover {
color: #000000;
text-align:left;
background: #FFFF00;
border: none;
font-size:10px;
}



a.readMore{
text-transform:none;
text-align:left;
font-size:10px;
color: #666600;
border: none;
}

a.readMore:active{
color: #666600;
text-align:left;
border: none;
font-size:10px;
}

a.readMore:visited {
color: #666600;
text-align:left;
border: none;
font-size:10px;
}

a.readMore:hover {
color: #000000;
text-align:left;
background: #666600;
border: none;
font-size:10px;
}


a.image{
color: none;
border: none;
}

a.image:active{
color: none;
border: none;
}

a.image:visited {
color: none;
border: none;
}

a.image:hover {
color: none;
background: none;
border: none;
}


a.noteLinke{
	font-size:9px;
	font-weight:normal;
	text-align:left;
	line-height:11px;
	text-transform:uppercase;
	font-family:'Monaco', 'Arial', 'Sans';	
	color:#666666;

}

a.noteLinke:active{
	font-size:9px;
	font-weight:normal;
	text-align:left;
	line-height:11px;
	text-transform:uppercase;
	font-family:'Monaco', 'Arial', 'Sans';	
	color:#666666;

}

a.noteLinke:visited {
	font-size:9px;
	font-weight:normal;
	text-align:left;
	line-height:11px;
	text-transform:uppercase;
	font-family:'Monaco', 'Arial', 'Sans';	
	color:#333333;

}

a.noteLinke:hover {
	font-size:9px;
	font-weight:normal;
	text-align:left;
	line-height:11px;
	text-transform:uppercase;
	font-family:'Monaco', 'Arial', 'Sans';	
	color:#666600;
	background:#333333;
}