/* Fonts : arial , verdana , comic sans ms , sans-serif  */
body
{
  margin-left: 0px;   margin-right: px;  margin-top: 0px;  margin-bottom: 0px; 
  font-family:verdana, arial, sans-serif;
  /* background-repeat:repeat-x; */
  background:#FFFFFF; /* white */
  color:#000000;   /* black */
} 

h1 {font-size:250%;}
h2 {font-size:150%;}
h3 {font-size:120%;}
th {background-color:#ADD8E6;}
ul {list-style:circle;}
ol {list-style:upper-roman;}

a:link {color:#335500;} /* unvisited link 336600 green */
a:visited {color:#336600}  /* visited link */
a:active {color:#00FF00}  /* selected link */
a:hover {color:red;}      /* mouse over link */

/* Cell scrolling only works when heights and widths are fixed */ 
#reamain {  
  position: absolute; top: 0px; left: 150px; width: 1240px;
  margin-left: 40px;  margin-right: 0px;  margin-top: 30px;    
  overflow: auto;
} 

#reahome {
  color: #336600; /* green */
  text-align: justify;
  margin-top: 50px; margin-bottom: 30px;  
 }
#reahome h3 {
color: #ffffff;   /* green */
font-family: Verdana;
}
 
/*  Site Navigation Menu division  */
#reamenu {
  /* set to top left corner,  fixed prevents scroll*/
  position:fixed;  top:0px; left:0px; height:100%; width:150px;  
  margin-left: 0px;  margin-right: 0px;  
  background: #336600;  /* Green */  
  color: yellow; 
  font-family: verdana , arial, sans-serif;
  font-size:100%;
}

#reamenu A { color: yellow; font-size: 80%;}
#reamenu A:hover { color: white; }
#reamenu H3 { color: yellow; }
                      

.thumbnails img {
height: 80px;
border: 4px solid #555;
padding: 1px;
margin: 0 5px 5px 0;
}
                
.thumbnails img:hover {
border: 4px solid #00ccff;
cursor:pointer;
}

.preview img {
border: 4px solid #444;
padding: 1px;
height: 500px;
}