/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
body{margin:0;padding:0;line-height: 1.5em;}

.glossymenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 170px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu li a{
background: white url(images/glossyback.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;
}
* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
}

.glossymenu li a:visited, .glossymenu li a:active{color: white;}

.glossymenu li a:hover{
background-image: url(images/glossyback2.gif);
}
A.photogauche {float:left;margin-right:15px;margin-top:10px;}
A.photogauche:link IMG {border:0px;}
A.photodroite {float:right;margin-left:15px;margin-top:10px;}
A.photodroite:link IMG {border:0px;}
A.photocentre {margin-left:60px;margin-right:0%;width:200px;}
A.photocentre:link IMG {border:0px;}

#maincontainer{/*width: 1200px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/}

#topsection{background: #9eb18b;height: 120px; padding-top: 15px;/*Height of top section*/}
/* #topsection h1{margin: 0;padding-top: 15px;} */

#contentwrapper{float: left;width: 100%;}
#contentcolumn{margin-left: 200px;margin-right:5%;
 /*Set left margin to LeftColumnWidth*/}

#leftcolumn{float: left;width: 210px; height:800px;/*Width of left column*/
margin-left: -100%; /*Set left margin to -(MainContainerWidth)*/
margin-bottom:-10%;
background: #bbbb77;}

#footertext {color: #0000dd;text-align: center;text-align: center;font-size: 10pt;
font-family: "franklin gothic book",arial,sans-serif;}

.innertube{margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 5;}

.gallerycontainer {
  position: relative;float: left;width:150px;height:860px;margin-top:3%;margin-left:5%;
}
.thumbnail img {border: 2px solid green; margin: 0 5px 5px 0;}
.thumbnail:hover {background-color: transparent;}
.thumbnail:hover img {border: 4px solid white;}
.thumbnail span {border: 5px white; padding: 20px; padding-top: 90px;
  position: absolute; background-color: lightyellow;
  left: -1000px; visibility: hidden; color: black;
  text-decoration: none; font-weight:bold;font-family: "Comic Sans MS",sans-serif;color:#006600;}
.thumbnail span img {border-width: 0; padding: 0px;margin-top:-80px;}
.thumbnail:hover span {visibility: visible; left: 220px; z-index: 50;}