body { 
font : 100% Verdana, Arial, Helvetica, sans-serif; 
margin : 0; 
padding : 0; 
text-align : center; 
color : #ffffff; 
font-size : 11px; 
background-image : url(../images/fond.jpg); 
background-repeat : repeat-x; 
background-color : #000000; 
} 
#container { 
position : relative; 
width : 990px; 
margin : 0 auto; 
height : auto; 
text-align : left; 
background-color : #000000; 
} 
dl, dt, dd, ul, li { 
margin : 0; 
padding : 0; 
list-style-type : none; 
} 
#menu { 
position : absolute; 
top : 158px; 
left : 0; 
z-index : 100; 
width : 990px; 
font-family : Arial, Helvetica, sans-serif; 
letter-spacing : 2px; 
} 
#menu dl { 
float : left; 
width : auto; 
background-color : #414142; 
} 
#menu dt { 
cursor : pointer; 
text-align : center; 
font-weight : bold; 
background-image : url(../images/ph-sepa-menu.jpg); 
background-repeat : no-repeat; 
padding-left : 13px; 
} 
#menu dd { 
display : none; 
border : 1px solid #4f282b; 
padding : 0; 
background-color : #333335; 
position : absolute; 
top : 25px; 
} 
#menu ul { 
padding-left : 18px; 
} 
#menu li { 
text-align : left; 
list-style-type : square; 
} 
#menu li a, #menu dt a { 
color : #ffffff; 
text-decoration : none; 
display : block; 
height : 100%; 
border : 0 none; 
} 
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus { 
color : #842334; 
} 
#menu1 li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus { 
color : #842334; 
} 
#menu .menu_on { 
color : #842334; 
} 
#leftcolumn { 
float : left; 
width : 205px; 
padding : 0 0 0 0; 
font-family : Arial, Helvetica, sans-serif; 
} 
#menu1 { 
width : 180px; 
margin : 0; 
padding : 0; 
text-align : left; 
font-size : 10px; 
float : left; 
} 
#menu1 ul { 
margin : 0; 
padding : 0; 
font-size : 12px; 
float : left; 
padding-left : 17px; 
} 
#menu1 li { 
list-style-type : square; 
font-size : 10px; 
} 
#menu1 li a { 
text-decoration : none; 
color : #ffffff; 
} 
h1 { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 12px; 
color : #39393b; 
text-align : center; 
letter-spacing : 15px; 
} 
h2 { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 12px; 
color : #ffffff; 
text-align : left; 
background-color : #414142; 
} 
h3 { 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 12px; 
color : #2f459a; 
} 
#header { 
padding : 0 0 0 0; 
color : #ffffff; 
background-image : url(../images/fond-header.jpg); 
background-repeat : repeat-x; 
background-color : #000000; 
} 
#active a:link, #active a:visited, #active a:hover { 
background-color : #ffffff; 
color : #ffffff; 
} 
#rightcolumn { 
width : 170px; 
background : #000000; 
position : absolute; 
left : 820px; 
top : 182px; 
background-image : url(../images/fond-right.jpg); 
background-repeat : no-repeat; 
height : 560px; 
} 
#rightcolumn a:link, #menu1 a:visited { 
color : #ffffff; 
text-decoration : none; 
} 
#rightcolumn a:hover { 
color : #842334; 
} 
#rightcolumn .menud_on { 
background-image : url(../images/menu2_on.jpg); 
color : #2f459a; 
} 
#menu2 { 
margin : 0; 
padding : 0; 
text-align : left; 
font-size : 10px; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
text-decoration : none; 
} 
#menu2 ul { 
margin : 0; 
padding : 0; 
list-style-type : none; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 10px; 
} 
#menu2 li { 
margin : 0 0 0 0; 
list-style-type : none; 
font-size : 10px; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
} 
#menu2 a { 
display : block; 
text-decoration : none; 
color : #ffffff; 
} 
#mainContent { 
margin : 0 145px 0 235px; 
padding : 0 10px; 
} 
#footer { 
width : 990px; 
text-align : center; 
background-color : #000000; 
} 
#footer a { 
text-decoration : none; 
color : #842334; 
} 
#anim { 
width : 820px; 
text-align : left; 
background-color : #000000; 
height : 150px; 
} 
#map { 
font-size : 9px; 
color : #842334; 
} 
.fltrt { 
float : right; 
margin-left : 8px; 
} 
.fltlft { 
float : left; 
margin-right : 8px; 
} 
.clearfloat { 
clear : both; 
height : 0; 
font-size : 1px; 
line-height : 0; 
} 
#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); 
display : block; 
} 
#prevLink { 
left : 0; 
float : left; 
} 
#nextLink { 
right : 0; 
float : right; 
} 
#prevLink:hover, #prevLink:visited:hover { 
background : url(../images/prevlabel.gif) no-repeat left 15%; 
} 
#nextLink:hover, #nextLink:visited:hover { 
background : url(../images/nextlabel.gif) no-repeat right 15%; 
} 
#imageDataContainer { 
font : 10px Verdana, Helvetica, sans-serif; 
background-color : #fff; 
margin : 0 auto; 
line-height : 1.4em; 
overflow : auto; 
width : 100%; 
} 
#imageData { 
padding : 0 10px; 
color : #666; 
} 
#imageData #imageDetails { 
width : 70%; 
float : left; 
text-align : left; 
} 
#imageData #caption { 
font-weight : bold; 
} 
#imageData #numberDisplay { 
display : block; 
clear : left; 
padding-bottom : 1em; 
} 
#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; 
}