html, body  { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; margin: 0; padding: 0 }
body    { font-size: medium; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;  margin-top: -42px; margin-left: -150px; padding-top: 42px; padding-left: 150px }
p { margin-top: 6px; margin-bottom: 6px }


.hd      { font-size: 2.5em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; text-align: left; margin-top: 24px; margin-bottom: 0 }
.smhd      { font-size: 2em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; text-align: left; margin-top: 24px; margin-bottom: 0 }
.journ   { font-size: medium; text-align: left; margin-top: 0 }
.notes { font-size: small; clear: left  }
.smhead      {font-size: 1.5em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; text-align: left; margin-top: 24px; margin-bottom: 0 }

#intro_fr   { clear: left; color: #5a5a5a; font-family: Georgia, "Times New Roman", Times, serif; width: 48%; float: left }
#intro_en  {  width: 48%; float: right;  color: #5a5a5a; font-family: Georgia, "Times New Roman", Times, serif; }
#main_fr   { width: 48%; float: left; clear: left }
#main_en  {  width: 48%; float: right }
.intro_wide  { clear: left; color: #5a5a5a; width: 90%;  }
.main_wide   { width: 90%; clear: left }
.lefthd { background-color: #d40000; text-align: center; letter-spacing: 0.1em; margin-top: 5px; padding: 1px; width: 115px }
.lefthdtxt { color: #f6f6f6; font-size: 12px; }
a.lefthdtxt { color: #f6f6f6; font-size: 12px;  text-decoration: none; }
a:hover.lefthdtxt { color: #f6f6f6; font-size: 12px; text-decoration: underline; }
.menu { color: #d40000; font-size: 12px; text-align: right; letter-spacing: 0.1em; padding: 2px; width: 114px }
a.menu  { color: #d40000; font-size: 12px; text-decoration: none; }
a:hover.menu { color: #d40000; font-size: 12px; text-decoration: underline;}
a      { color: #000000; }
.act      { color: #ff9600; }
.actpix   { background-image: url("http://www.laguinguette.com/imshare/actbox.gif");  z-index: -5; text-align: right; width: 90%;  margin-right: 0px; height: 265px; }

.soc       { color: #008000 }
.socpix   { background-image: url("http://www.laguinguette.com/imshare/actbox.gif");  z-index: -5; text-align: right; width: 90%;  margin-right: 0px; height: 265px; }

.cult       { color: #527299 }
.cultpix   { background-image: url("http://www.laguinguette.com/imshare/actbox.gif");  z-index: -5; text-align: right; width: 90%;  margin-right: 0px; height: 265px; }

.arch   { color: #d40000;}
a.shrt { color: #d40000; text-decoration: none;}
a:hover { color: #d40000; text-decoration: underline;}
a.archhead { color: #d40000; text-decoration: none; font-size: 24px; font-family: Georgia, "Times New Roman", Times, serif;}
a:hover.archhead { color: #d40000; text-decoration: underline; font-size: 24px; font-family: Georgia, "Times New Roman", Times, serif;}
a:visited.archhead { color: #000000;  font-family: Georgia, "Times New Roman", Times, serif;}

p.archhd   { margin-top: 70px; margin-bottom: 5px; }
p.thd   { margin-top: 5px; margin-bottom: 5px; }
.archpix   { background-image: url("http://www.laguinguette.com/imshare/gstripe.gif");  z-index: -5; width: 250px;   }
.apix    { margin-right: 20px; margin-bottom: 40px; margin-left: 20px;  }
.details { color: #d40000; width: 200px; margin-left: 200px}
a.zip  { color: #d40000; text-decoration: none; }
.hddn   { visibility: hidden }
.rvl   { }
.none { display: none }
.clear { height: 2px; width: 90%; clear: left }
.clearb { height: 2px; width: 90%; clear: both }
.tp { float: right; }
.tip      { font-size: 1em; font-weight: bold; background-color: #f2f2f2; text-align: left; visibility: hidden; padding: 4px; position: absolute; z-index: 1000; top: -50px; width: 250px; border: solid 1px #000000; }


#outer     { background-image: url("http://www.laguinguette.com/imshare/right.gif"); background-repeat: repeat-y; background-attachment: scroll; background-position: right top; height: 2000px; margin-left: 125px; position: relative; }
#inner { text-align: center; margin-right: 131px; padding-top: 42px }
.innerinner { text-align: left; margin-right: 20px; margin-left: 20px }
#menu_inner  { margin-top: 65px }
#lftmenu   { background-image: url("http://www.laguinguette.com/imshare/left.gif"); position: fixed; top: 42px; left: 0; width: 119px; height: 1000px; overflow: auto }
#topleft   { font-size: 12px; background-color: #d4d4d4; text-align: right; letter-spacing: 0.1em; width: 117px; height: 42px; float: left }
#topright { background: #d4d4d4; font-size: 12px; text-align: left; letter-spacing: 0.1em; width: 119px; height: 42px; float: right}
#trans { padding: 2px; text-align: left; }
.toprightmen { padding: 2px; text-align: left; }
#hide { padding: 2px; text-align: left; }
#header { position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 42px }
#headerinner  { background: #f2f2f2; text-align: center; position: relative; z-index: 100; height: 42px }
#right     { padding-top: 42px; position: relative; width: 120px; height: 2000px; float: right }







/* ie only styles below */
/* mac hide \*/
* html, * html body { height: 100%; overflow: hidden }
* html #lftmenu { position: absolute }
* html #headerinner { margin-right: -120px; voice-family: inherit }
* html #headerinner { margin-right: 17px }
* html #header { position: absolute }
* html #outer { height: 100%; overflow: auto }
* html #inner { height: 1% }

/* end hide */