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

   html {
	overflow: hidden;
	}

body {
	height: 90%;
	width: 90%;
	font-family: verdana, serif;
	font-size:10pt;
	overflow: auto;
	}

	#dynfont {font-size:10pt;}

   
   body {
		    background : url(null) fixed no-repeat; 
			background-color:#FFE4E1;
		}

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

    #header {
    position: fixed;
}

   #header	   {
			position: absolute;
			left: 0px;
			top:0px;
			height: 60px;
		   width: 97%; 
			background: aqua;
			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;
  width: auto;
   background-color:	 #dcdcdc;
  }

#splash2 {
      position: absolute;
	  top: 0;
	  left: 320px;
	  width: auto;
	  height: 60px;
	  padding-left: 15px;
	  font-family:verdana;
	  font-size: 10pt;
      background-color: lime;
	  }

#splash3 {
      position: absolute;
	  top:0;
	  left: 485px;
	  width: auto;
	  height: 70px;
	  font-family: verdana;
	  font-size: 10pt;
	  }


 /* topmenubar is also nested within header div and is built by  buildsamplediv() */

    #topmenubar {
	 position: absolute;
    top:60px; 
     left:0px;
	 height: 20px;
   width: 100%;
	 border: 1px solid #000000;
	 border-bottom: 1px;
	 border-color:black;
	 margin-bottom: 4px;
	 font-weight:bold;
    background:  #FFE4E1; 
     }

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

#vert1 {left: 280px;}
#vert2 {left: 360px;}
#vert3 {left: 430px;}
#vert4 {left: 500px;}


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

.toolLink {width: 63px; height: 16px; float:left; color: #000000;}

 a.toolLink {
 display: block;
 color: #000000;
 padding:  0px 5px;

 }

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

 a.toolLink:link {color: #000000;width:70px;}
 a.toolLink:visited {color: #000000;width:70px;}
   
 a:link{color: #ff7f50; 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;
  }

.ulinks {background-color: #ffffff; }


	  
			/* styles for sidebar */

#sidebar {
			position: absolute;
			border: none;
			left: 0px;
			top:89px;
	    	height: auto;
			width: 80px;
			padding-top: 2px;
			font-family: verdana, serif;
		    font-size: 10pt;
			font-weight:bold;
		    background-color:  #00bfff;
			z-index: 0; 
			overflow: auto;
            }

	.side {color: white;}
	a.side:link {color:white;}
	a.side:visited {color:white;}

 
    #content	    {
			position: absolute;
			border: solid red 1px;
			left: 80px;
		   top:87px;
			height: 90%;
		   width: 90%;
			padding-top: 2px;
			font-weight:bold;
			background-color:#b0e0e6;
			z-index:-50; 
			overflow: auto;
			}



 #im  {
   position: absolute;
   top: 10px;
   left:680px;
  width:149px;
  height:149px;
  padding:0;
  z-index:0;	 
}

#jim  {
  position: relative;
   top: 0px;
   left:0px;
  width:129px;
  height:149px;
  padding:0;
  z-index:0;	 
}



 #im2, #im3 {
 position:absolute;
  top: 0;
  left: 0;
  width:129px;
  height:149px;
  background-color: #00bfff;
  visibility: visible;
  }
  #im3
      {
	   background-color: yellow; 
         z-index:10;}


.sideimg {color: white;}

textarea.pooltext {
          width:385px;
		  border: solid 1px;
		  }


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

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


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

	 }
   
    table {table-layout: fixed; padding: 0px;}
    td { padding:3px;
	       vertical-align:top;
		   font-weight:bold;
		   }
    span {color:red;}
	#toptd {
			   background-color:#fafad2 ;
				width: 100%;
				height: 40px;}

	#tdA {width:280px;background-color: #fafad2;}
	#tdB {width:480px;background-color:#FFE4E1;border:solid black 1px;}
 	 #col1 {width: 128px;background-color: #ffe4e1;} 
#col2, #col3 {
         width: 280px;
		 background-color:  #fafad2;
		 }
#col3 {
       font-family: system;
	   font-size: 10pt;
	   }


label {
		width: 50px;
		vertical-align:middle;
		color: blue;
		text-align:right;
		}

input{
	width: 400px;
		}

.rad {
       width:28px;
	   color: red;
	   }


#formtd{
		width:100px;
		background-color: #fafad2;
		border: solid 1px;
		}
td.lab {
           width:120px;
		   font-weight:bold;
		   }
/*
input.send {
				width:60px;
               background-color: black;
			   color: lime;
			   font-weight: bold;}
input.clear {
			   width:60px;
               background-color: red;
			   color: white;
			   font-weight:bold;}
*/
td.sysfont {font-family: system, verdana, serif;}
input.tinyinp {width:120px;} 
label.optional {color: red;}





#readings {
			
			width: 270px; 
			height:150px; 
			margin: 2px; 	
			border:none; 	
			background-color: lime;
			}

#authors {
			 border: 1px solid;
			 border-color: red;
			 padding: 4px;
			 width: 260px;
			 background-color:aqua;
			 }