html {height:100%;}

body {
    text-align: center;    /* required for centering the page in IE  */
/*	font-family: helvetica, verdana, "trebuchet MS", sans-serif;
    font-size:14px;	  */
	 font-family:verdana,arial, helvetica,  "trebuchet MS", sans-serif;
	font-size: .7em;	 
	font-weight: 100;	 
	height:90%;

		}


	.wrapper {
	 position: relative;
	 min-height: 100%;
	 width: 80em;				 /* this causes firefox to scale images - if % or px firefox keeps images constant size */
	 margin: 0 auto;			 /* centering the page firefox */
	 padding:0;
	 text-align: center;
	}

* html #wrapper
{
height: 100%;
}

	#dynfont {font-size:10pt;}

   
   body {
		    background : url(null) fixed no-repeat; 
		/*	background-color:#FFE4E1; */
		background-color:white;
			background-color:linen;
		 text-align: center;
		}

		/* main structural divs are: header, topmenubar, sidebar, content : see struct.bmp */

    #header {
    position: fixed;
}
#dynfont1, #dynfont2 {
				font-size: 10pt;
               }

   #header	   {
			position: absolute;
			left: 50px;
			top:0px;
			height: 62px;
		    width: 100%; 
			
		/*	border: solid thin;*/
			}
			#menu {
		    position: absolute;
			left: 20px;
			top:65px;
			height:40px;
		    width: 100%; 
			border-bottom: 1px solid black;;

		/*	border: solid thin;*/
			}

		 /* the following  divs are within the top header div - they contain  the logos etc */

	   #splash1 {
  position: absolute;
  top: 0px;
  left:	 0px;
  height: 60px;
  margin-top:0px;
  width: auto;
/*   background-color:	 #dcdcdc;  */
  background-color:	 white; 
  background-color: linen;
  }



 #vert1, #vert2, #vert3, #vert4, #vert5 {				 /* these are the individual horiz cells */
           position: absolute;
           top:15px; 
           height: 15px;
		   width:72px;
           visibility:hidden;
           z-index: 100;}

#vert1 {left: 290px;}
#vert2 {left: 360px;}
#vert3 {left: 430px;}
#vert4 {left: 500px;}
#vert5 {left: 570px;}


 #horiz1, #horiz2, #horiz3,	#horiz4, #horiz5 {
	position:absolute;
	top:0px;
	left: 0px; 
	width:68px;
	visibility:visible;
	
	}   

.toolLink {width: 63px; height: 16px; float:left; color: #000000;}
a { font-size: 9pt !important;
 font-weight:bold;}

 a.toolLink {
/* display: block;*/
 color: red;
 padding:  0px 5px;
  text-decoration: none;
 }

 a.toolLink:link:hover  {
 color:  blue; 
/* background-color: #ffffff;	    black on white for horiz menu bar items */
 float:left;
 width: 70px;
 text-decoration: underline;
 }

 a.toolLink:link {color:red;width:70px; text-decoration: none;}
 a.toolLink:visited {color:red;width:70px;}
   
 a:link{color: red; text-decoration: none;}
 a:visited{color: #ff7f50; text-decoration: none;} 

a:hover{color: blue;text-decoration: underline;} 
							 /* white on blue for vertical menu items */



 .toolmenu, .links {
 color: #000000;
 font-family: verdana, serif;
 font-size: 9pt !important;
 font-weight:bold;
 text-decoration: none;
 cursor: pointer;
 padding: 0px;
 margin: 0px;
 height: 15px;
 padding-right: 0px;   /* controls width of menu heading fields */
 display: inline;
 float:  left;
 }

.links {
    font-weight:normal;
    background-color: white; 
    width: 70px;
	padding: 0px;
    left: 0px;
    height:14px;
    z-index: 100;
	 text-decoration: none;
  }



 


#jim  {
  position: relative;
   top: 0px;
   left:0px;
  width:199px;
  width:100%;
  height:219px;
  padding:0;
  z-index:0;	 
}



 #im2, #im3 {
 position:absolute;
  top: 0;
  left: 0px;;
  width:199px;
  height:189px;
/*  background-color: #00bfff;*/
  visibility: visible;
/*  float:left;*/
  }
  #im3
      {
	/*   background-color: yellow; */
         z-index:10;}




	  #joe  {
  position: relative;
   top: 0px;
   left:0px;
  width:498px;
  height:90px;
  padding:0;
  z-index:0;	 
}

 #lawn1, #lawn2 {
 position:absolute;
  top: 0;
  left: 0;
  width:498px;
  height:90px;
  float:left;
  padding:none;
  margin:none;
  background-color:white;
  visibility: visible;
  }


  #lawn2
      {
	     left: 1px;
	     background-color:aqua;
         z-index:10;
		 }
   #imgtext {
     font-family:serif;
	 font-size: 9pt;
	 color:red;

	 }
   
    table {table-layout: fixed; padding: 1px;width:97%;}
    td { padding:0px;
	       vertical-align:top;
		/*   font-weight:bold;*/
		   text-align:center;
		   }
    span {color:red;}
	#toptd {
			   background-color:bisque ;
				width: 97%;
				height: 40px;
				font-weight:bold;
				}

	
#col3 {
       font-family: system;
	   font-size: 10pt;
	   }

#tdA {width:50%;background-color: lightcyan;}
	#tdB {width:50%;background-color:lightcyan;border-left:solid black 1px;}
 	 #col1 {width: 30%;background-color:  lightcyan; } 
#col2, #col3 {
         width: 30%;
		 background-color: #ffe4e1;
		 }
#col3 {
       width:40%;
  /*     font-family: system;*/
	   font-size: 10pt;
	   background-color:  #fafad2;
	   } 

	   #readings {
			
			width: 270px; 
			width:98%;
			height:150px; 
			margin: 0px; 
			
			border:none; 	
			background-color: lightcyan;
			}

#authors {
			 border: none;
		/*	 border-color: red;*/
			 padding: 4px;
		/*	 width: 260px;
			 width:100%;	   */
			 background-color: #fafad2;
			 }



li {text-align:left; font-weight:normal;}

#list {
   position:relative;
   padding-left: 100px;
   }

 #content	    {
 display:block;
			position: absolute;
			
		/*	border: solid red 1px; 
		   border-bottom: 1px solid grey;	 */
			left: 20px;
		    top:115px;
			bottom: 0px;
		/*	height: 90%;*/
		
		    width: 100%;
	    /*    float:left;*/
			padding-top: 2px;
			padding-bottom: 10px;
		/*	font-weight:bold;*/
			background-color:linen;
	/*		z-index:-50; */
			overflow: auto;
			}


#gallery {
   position:relative;
   top: 0px;
   left: 0px;
/*   height:500px;*/
   width: 98%;
   font-size: 1.1em;
   background-color:lightcyan;
   visibility:visible;
   }

.gcontent {
 z-index: 2;
 border: 1px solid green; 
 width:99%;
 float:right;
 padding-bottom: 10px;
 }
 h1 
	{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.7em;
	}
h2 
	{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.5em;
	}
h3 
	{font-family:  Helvetica, Verdana, Arial,sans-serif; font-size: 1.3em;
	}

 .gcontent p
	{
	  font-family: verdana, "trebuchet MS", helvetica, sans-serif;
	  font-size:8pt;
	  margin: 0 24px 0 8px;
	  }
	

#g1 {top: 0px; left:0px;}
#g2 {top: 220px; left:0px;}

 #footser	 {
    text-align:center;
	position:absolute; 
	left:200px; 				
	bottom:10px; 
	width:640px; 
	min-width:640px;  
/*	width:90%;*/
	height: 20px; 
	font-size: 8pt; 
	z-index:5; 
	font-family: trebuchet MS, tahoma, verdana, arial, sans-serif;
    background-color: white;
	color:#000;
	padding-bottom:0px;	  	
	visibility: hidden;
	}

* html #footser {
	bottom:0px; width:642px; height:20px;
	}


.footser p {
		padding:5px;
		 #footser p {	 text-align: center; }
		padding-left: 20px;
		font-size: 8pt;
		}
		
 img {
		padding: 0px;
        border:none;
		margin: 2px 15px ;
		}

img.nopad {margin:0px 0px;}