/*Place this on each page:
<link rel="stylesheet" href="style.css">

Place this in a file named "style.css":*/
<style type="text/css">
  body { color: black;  }
  h1,h2,h3,h4,h5,h6,p,ul,li,ol,dir	,blockquote { font-family: Tahoma; margin-top: 0em; margin-bottom: 6px; font-size:8pt; }
  :link { color: rgb(0, 0, 0) }  /* for unvisited links */
  :visited { color: rgb(0, 0, 0) } /* for visited links */
  :active { color: rgb(0, 0, 0) } /* when link is clicked */
  :hover { color: d61} /* when mouse is over link */
  a { text-decoration: none }

.box { color: black; background: white; margin-left: 0px; margin-right: 0px; font-family: Tahoma;
	margin-top: 0em; margin-bottom: 1px;
	padding: 0px 2px;
	border:1px solid #000;
	font: 8pt;
	text=transform: capitalize;
 }

div#links {position: absolute; top: 100px; left: 20; width: 150px; height: 500px; z-index: 100; 
	font: 12px Tahoma, sans-serif; text-align: center;}
div#links a {display: block; text-align: center;  
   padding: 5px 10px; margin: 0 0 1px; 
   color: #OOO; 
   border:1px solid #000;
   background: #FFE7C6;}
div#links a:hover {color: #FFF; background: #D61;}
div#links a span {display: none;}
div#links a:hover span {display: block;
   position: absolute; top: -90px; left: 0; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #000; background: #;
   font: 10px Tahoma, sans-serif; text-align: center;}

div#links2 {position: absolute; top: 300px; left: 20; width: 150px; height: 500px; z-index: 100; 
	font: 12px Tahoma, sans-serif; text-align: center;}
div#links2 a {display: block; text-align: center;  
   padding: 5px 10px; margin: 0 0 1px; 
   color: #OOO; 
   border:1px solid #000;
   background: #FFE7C6;}
div#links2 a:hover {color: #FFF; background: #D61;}
div#links2 a span {display: none;}
div#links2 a:hover span {display: block;
   position: absolute; top: -290px; left: 0; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #000; background: #;
   font: 10px Tahoma, sans-serif; text-align: center;}

   	
div#main {
		border:1px solid #000;
		padding: 15px;
		background:#fff;
		}
div#main #inside {
		border:1px solid #000; 
		float:right;
		width:230px;
		background:#d61;
		}
div#inside p { padding: 5px 5px;
	}   

div#littlebox {display: block; text-align: center;  
   padding: 2px 2px; margin: 50 50 51px; color: #OOO; 
   border:1px solid #000;
   background: #FFE7C6;}

abbr, acronym, .help {
  border-bottom: 1px #333;
  cursor: help;
  }
</style>