/* CSS Document */



h1, h2, h3, p
{
padding:10px;
margin:0px;
color:#333300;
}

a:link {font-size: inherit; font-weight: bold; text-decoration: none; color:#990000;}
a:visited {font-size: inherit; font-weight: bold; text-decoration: none; color:#990000;}
a:active {font-size: inherit; font-weight: bold; text-decoration: none; color:#FF6600;}
a:hover {font-size: inherit; font-weight: bold; text-decoration: none; color:#FF6600;}

.footer a:link  {font-size: inherit; font-weight: bold; text-decoration: none; color:#ffe0b1;}
.footer a:visited  {font-size: inherit; font-weight: bold; text-decoration: none; color:#ffe0b1;}
.footer a:active  {font-size: inherit; font-weight: bold; text-decoration: none; color:#FF6600;}
.footer a:hover {font-size: inherit; font-weight: bold; text-decoration: none; color:#FF3300;}

.design a:link  {font-size: inherit; font-weight:normal; text-decoration: none; color:gray;}
.design a:visited  {font-size: inherit; font-weight:normal; text-decoration: none; color:gray;}
.design a:active  {font-size: inherit; font-weight:normal; text-decoration: none; color:#FF3300;}
.design a:hover {font-size: inherit; font-weight:normal; text-decoration:underline; color:gray;}

.gallery a:link  {font-size: inherit; font-weight:normal; text-decoration: none; color:gray;}
.gallery a:visited  {font-size: inherit; font-weight:normal; text-decoration: none; color:gray;}
.gallery a:active  {font-size: inherit; font-weight:normal; text-decoration: none; color:#FF3300;}
.gallery a:hover {font-size: inherit; font-weight:normal; text-decoration:underline; color:gray;}

div.affiche{
position:absolute;
left:360px;
top:100px;
width:250px;
height:490px;
border-bottom:1px solid gray;
border-left:1px solid gray;
border-top:1px solid gray;
background-color:#ffe0b1;
text-align:center;
color:#CC3300;
}

div.content{
position:absolute;
left:250px;
top:80px;
width:800px;
height:600px;
background-color:#990000;
margin:0px;
}

div.design{
position:absolute;
left:250px;
top:720px;
width:800px;
text-align:center;
color:gray;
padding-top:5px;
padding-bottom:10px;
}

div.footer{
position:absolute;
left:250px;
top:680px;
width:800px;
height:40px;
background-color:#990000;
margin-left:0px;
text-align:center;
vertical-align:top;
border-top:1px ridge #ffe0b1;
}

div.gallery{
margin-left:10px;
margin-right:10px;
top:100px;
height:490px;
background-color:#000000;
border:1px solid gray;
}

div.header
{
position:absolute;
left:250px;
top:0px;
width:800px;
height:80px;
color:#333300;
background-color:#dddddd;
margin:0px;
}

div.nav
{
width:100px;
height:64px;
float:left;
color:#333300;
background-image:url(images/glassbg.jpg);
background-repeat:no-repeat;
text-align:right;
vertical-align:bottom;
}

div.news
{
position:absolute;
left:610px;
top:100px;
background-color:#ffe0b1;
float:right;
width:175px;
height:490px;
border-bottom:1px solid gray;
border-right:1px solid gray;
border-top:1px solid gray;
text-align:center;
overflow:auto;
}

div.schedule
{
position:absolute;
left:10px;
top:100px;
width:780px;
height:490px;
border-bottom:1px solid gray;
border-left:1px solid gray;
border-top:1px solid gray;
background-color:#ffe0b1;
text-align:left;
overflow:scroll;
color:#333300;
}

div.story
{
position:absolute;
left:10px;
top:100px;
width:330px;
height:490px;
background-color:#ffe0b1;
float:left;
text-align:justify;
border:1px ridge gray;
}

.story img{


}


.schedule img{
float:left;
padding:10px;
}

.gallerycontainer{
position: relative;
background-color:#333333;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid gray;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:#000000;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color:#CCCCCC;
text-decoration:none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 105px;
left: 140px; /*position where enlarged image should offset horizontally */
z-index: 50;
}