/*
This is the layout css style that places the photo bars as static elements on the left and right of the page.
*/

DIV.map {			
  padding-top: 0px;
  padding-bottom: 0px;
  margin-left: 0em;
  margin-right: 0em;
  /* width: 100%; */
  margin-bottom: 0em;
  margin-top: 0em;
  clear: both;
}

DIV.mapleft {			
  padding-top: 0px;
  padding-bottom: 0px;
  margin-left: 0em;
  margin-right: 0em;
  /* width: 100%; */
  margin-bottom: 0em;
  margin-top: 0em;
  clear: both;
}


html {
  margin: 0 }
body {
  position: relative;		
  margin: 0 }			/* 17em is too much, but IE6 needs it */
html>body {
  padding-right: 14em }		/* 14em overrides the 17em above */

div.map { 
  position: absolute;
  width: 150px; height: auto;
  top: 0em; right: 0em; bottom: 0em; left: auto;
  background-image: url(graphics/photobar_right.jpg) }
div.mapleft { 
  position: absolute;
  width: 150px; height: auto;
  top: 0em; right: auto; bottom: 0em; left: 0em;
  background-image: url(graphics/photobar_left.jpg) }  
div.bodytext { 
  position: absolute;
  width: auto; height: auto;
  top: 0px; right: 160px; bottom: auto; left: 160px }   
  
body>div.map { position: fixed }
body>div.mapleft { position: fixed }