body { 
background-color: #CCCCCC;
 }

#gbhome { 
text-align: center;
 }
#stratigraphy { 
width: 720px;
height: 720px;
background-image: url("../images/site_stratigraphy3.png");
background-repeat: no-repeat;
 }
#gbHeader { 
padding-top: 25px;
width: 720px;
height: 80px;
background-color: #000000;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
 }
#georgesPerec {
margin-top: 100px;
}
#philosophicalPrinciples { 
/*position: relative;*/
width: 100px;
height: 125px;
/*top: 125px;
left: 85px;*/
 }

#CNEpistemeSml { 
/*position: relative;*/
margin-bottom: 20px;
width: 175px;
height: 118px;
/*top: -25px;
left: 270px;*/
 }
#huysmansSml { 
/*position: relative;*/
margin-bottom: 40px;
width: 175px;
height: 118px;
/*top: -25px;
left: 270px;*/
 }
#storyOFAHistorySml { 
/*position: relative;
width: 90px;
height: 100px;*/
margin-bottom: 0px;
text-align: center;
/*top: 50px;
left: 85px;*/
 }

#selonSalonSml { 
/*width: 100px;
height: 100px;*/
margin-bottom: 35px;
/*position: relative;
top: -80px;
left: 285px;*/
 }

#laFontSml { 
/*position: relative;
width: 90px;
height: 100px;*/
margin-bottom: 65px;
/*float: left;*/
/*top: -230px;
left: 535px;*/
 }

#gBringmanSml { 
margin-bottom: 10px;
/*position: relative;
top: -50px;*/
 }

.story { 
width:735px;
 }
.storyHeader { 
padding: 25px 15px 10px 15px;
width: 655px;
height: 80px;
background-color: #000000;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
 }
.storyleftbar { 
float: left;
width: 130px;
height: auto !important;
border-left: 1px solid #000000;
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
padding: 8px;
 }
.storyMain { 
float: left;
padding-left: 10px;
 }
.storyIntro { 
width: 670px;
float: left;
padding-left: 25px;
padding-right: 25px;
background-color: #FFFFFF;
color: #000000;
font-family: Georgia, serif;
font-size: 10pt;
text-align: left;
 }
.introduction { 
margin-top: 20px;
margin-right: 10px;
 }
.page {
background-color: #CCCCCC; 
height: 114px;
 }

a.gregorybringman { 
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
text-decoration: none;
 }

a.gregorybringman:hover { 
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
text-decoration: underline;
 }

a.pageNav { 
color: #000000;
font-family: Georgia, serif;
font-size: 10pt;
text-decoration: none;
 }

a.pageNav:hover { 
color: #000000;
font-family: Georgia, serif;
font-size: 10pt;
text-decoration: underline;
 }

.CNEpistemeThumb { 
float: left;
width: 233px;
height: 150px;
 }

/* first used with CNE */

.genericIntro { 
position: relative;
background-color: #FFFFFF;
color: #000000;
text-align: left;
float:left;
padding: 35px;
margin: 10px 0px 0px -90px;
font-size: 13px;
width: 430px;
border: 1px solid #000000; 
 }

.introSubWin { 
position: relative;
background-color: #FFFFFF;
color: #000000;
float: left;
text-align: left;
padding: 35px;
margin: 10px 0px 0px -30px;
font-size: 13px;
width: 290px;
border: 1px solid #000000; 
 }

.cnedoc {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 10pt;
      color: #333333;
      border: 1px solid #000000;
      width: 680px;
      padding: 5px 10px 5px 10px;
      background-color: #FFFFFF;
      text-align: left;
      z-index: 1;
      display: block;
 }