/* Laurent Mercier Content Style */

html,body {
  height: 100%;
  width: 95%; }
body {
  margin: 0px 0px 0px 0px;
  color: #FFFFFF;
  background-color: #FF33FF;
  font-size: 62.5%;
  font-family: arial, helvetica, verdana, sans-serif;
  text-align: center; }
#topleftcorner { left: 0px; top: 0px; position: absolute; }
#toprightcorner { right: 0px; top: 0px; position: absolute; }
#bottomleftcorner { left: 0px; bottom: 0px; position: absolute; }
#bottomrightcorner { right: 0px; bottom: 0px; position: absolute; }

#pagecontainer {
  position:absolute;
  padding: 80px 0px 40px 0px;
  width: 470px;
  left: 50%;
  top: 0px;
  text-align: center;
  margin: 0px 0px 0px -237px;    /*  left margin is half the width */
  background-color: transparent; }

/* Grey Information Box styling */
#infobox {
  display:inline;
  position:relative;
  float:left;
  margin: 15px 15px 15px 35px;
  width:auto;
  color: #000000;
  background-color: #999999; }
#infotext {
  margin: 12px 12px 12px 12px;
  text-align: right;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.0em;
  color: #000000;
  background-color: #999999; }
.infohead { font-weight:bold; }
.infosubhead { font-weight:bold; font-style:italic; }
.infotextinactive { color:#666666; }
A.infolink:link { color:#000000; text-decoration: underline; }
A.infolink:visited { color:#333333; text-decoration: underline; }
A.infolink:hover { color:#000000; text-decoration: underline overline; }
A.infolink:active { color:#FFFFFF; background-color:#000000; text-decoration: underline overline; }

/* Image Frame styles */
#imageboxwrapper {
 display:block;
  position:relative;
  margin: 40px 15px 0px 15px;
  background-color:#FF33FF; }
#imagebox {
 display:block;
  background-color: #000000;
  position: absolute;
  top: 0px; left: 0px; }
#imageinset { display:block; position: absolute; top:0px; left:0px; margin: 1px 1px 1px 1px; border: 1px #FFFFFF solid; }
#imageboxtab { position: absolute; width:12px; height: 60px; top: 12px; background-color:#FF33FF; }