body {
margin-top: 0;
color: #000000;
background-color: #FFFFFF;
font-family: Arial, sans-serif;
font-size: 10pt;
}

  


#leftside {
font-family: Arial, sans-serif;
font-size: 10pt;
position:absolute; 
top:220px; 
left:10px; 
width:180px;
 height:1000px; 
background-color:#FFFFFF; 
border:1px
}
#maintext{
font-family: Arial, sans-serif;
font-size: 10pt;
position:absolute; 
top:220px; 
left:210px; 
width:500px;
 height:1000px; 
background-color:#FFFFFF; 
border:1px
}

#maintextwide{
font-family: Arial, sans-serif;
font-size: 10pt;
position:absolute; 
top:220px; 
left:210px; 
width:700px;
 height:1000px; 
background-color:#FFFFFF; 
border:1px
}
#maintextverywide{
font-family: Arial, sans-serif;
font-size: 10pt;
position:absolute; 
top:220px; 
left:210px; 
width:1600px;
 height:1000px; 
background-color:#FFFFFF; 
border:1px
}
#maintextXwide{
font-family: Arial, sans-serif;
font-size: 10pt;
position:absolute; 
top:220px; 
left:210px; 
width:2200px;
 height:1000px; 
background-color:#FFFFFF; 
border:1px
}


#bio{
font-family: Arial, sans-serif;
font-size: 10pt;
font-color : blue;
}

/*photoscroll*/
 


#menubar
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
}
#menubar td, #menubar th 
{
font-size:1em;
border:0.5px solid #98bf21;
padding:1px 2px 1px 2px;
}
#menubar th 
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#ffffff;
color:#000000;
}
#menubar tr.alt td 
{
color:#000000;
background-color:#EAF2D3;
}
#menubar2 td, #menubar2 th 
{
color:#ff9999;
font-size:1em;
border:1px solid #ff9999;
padding:3px 7px 2px 7px;
}
/ * set flyout menu forbuttons * /
#menubar ul 
{
}
 /* Makes top border for 1st button */
 
#menubar li {
  list-style: none; /* turns off the list bullets */
  position: relative;

font-size: 10pt;
font-weight: bold;
font-color: #33FF33;
align : center;
z-index: 10;

  vertical-align: bottom; /* for IE5-Win */
}
 
#menubar ul a {
font-size: 10pt;
font-weight: normal;
font-color: #FF3333;
align : left;
  display: block;
   padding: 0.5px 0.5px;
  vertical-align: bottom; /* needed for IE5-Win */
}
 
#menubar ul ul {
  background: #FFFFFF;
  position: absolute;
  left: -3000px;
font-size: 10pt;
font-weight: normal;
font-color: #33FF33;
align : center;

} /* set flyout BG color and preset the positioning */
 
#menubar ul li:hover ul {
  left:-10em;
  top: 15px;
} /* make flyout appear when the LI is hovered */ 



#rightside{
font-family: Arial, sans-serif;
font-size: 10pt;
position:absolute; 
top:220px; 
left:740px; 
width:190px;
 height:1000px; 
background-color:#FFFFFF; 
border:1px
}
#overlay{
z-index:1;
font-family: Arial, sans-serif;
font-size: 10pt;
position:absolute; 
top:270px; 
left:40px; 
width:880px;
 height:12000px; 
background-color:#FFFFFF; 
border:1px
}

#pagebreak{page-break-before: always}


#navvolumes ul {
padding: 3px;
margin-left: 0;

font: bold 12px Arial, sans-serif;
margin-bottom: 3px;
}
#navvolumes ul li {
list-style: none;
margin: 0;
display: inline;
border-bottom: 1px solid black;
}
#navvolumes ul li a {
padding: 3px 0.5em;
margin-left: 3px;
border-bottom: 1px solid black;
border-bottom: none;
background: #DDE;
text-decoration: none;
}
#navvolumes ul li a:link {
color: #448;
}
#navvolumes ul li a:visited {
color: #667;
}
#navvolumes ul li a:link:hover, #navvolumes ul li a:visited:hover {
color: #000;
background: #AAE;
border-color: #227;
}
#navvolumes ul li a#current {
background: white;
border-bottom: 1px solid white;
}

#hidden {
    background: ;
    display: none;
}
#hidden2 {
    background: ;
    display: none;
}

.notaccessible
{
position:absolute;
top: 15%;
left:15%;
background-color: red;
color: white;
z-index: 20
}

  a.plain {color: #006600; text-decoration: none; font-weight: bold; }

/* sets the colour of inpage links  */

  a.plain:link {color: #33FF33; text-decoration: none; font-weight: bold; }  /* for unvisited links */
  a.plain:visited {color: #006600; text-decoration: none; font-weight: bold; } /* for visited links */
  a.plain:active {color: #990000; text-decoration: none; font-weight: bold; } /* when link is clicked */
  a.plain:hover {color: #6600FF; text-decoration: none; font-weight: bold; } /* when mouse is over link */

  a.logoff {color: #FF6666; text-decoration: none; font-weight: bold; }

/* sets the colour of inpage links  */

  a.logoff:link {color: #FF6666; text-decoration: none; font-weight: bold; }  /* for unvisited links */
  a.logoff:visited {color: #FF6666; text-decoration: none; font-weight: bold; } /* for visited links */
  a.logoff:active {color: #FF6666; text-decoration: none; font-weight: bold; } /* when link is clicked */
  a.logoff:hover {color: #FF6666; text-decoration: none; font-weight: bold; } /* when mouse is over link */