/******* CSS code adapted from Eric Meyer's demonstration of Pure CSS Popup Menus at http://www.meyerweb.com/eric/css/edge/ *******/ 

/* Basic elements */
body {position: relative; 
	background: url(brownpapertile.jpg); 
	margin: 0; padding: 0;
	font: 8pt/16pt Georgia, Times, serif;}

h1 {margin: -9px -9px 0.5em; padding: 15px 0 5px; text-align: right;
	background: #FFF; color: #333; 
	letter-spacing: 0.5em; text-transform: lowercase; 
	font: bold 25px sans-serif; 
	height: 28px; vertical-align: middle; white-space: nowrap;}

dt {font-weight: bold;}
dd {margin-bottom: 0.66em;}

a:link, a:visited:hover {color: #00C;}
a:visited, a:link:hover {color: #44F;}

img {padding: 5px}

/* My site banner */
div#header {display: block; height: 144px; text-align: center;}


/* The site nav links; puts this division on the left side; controls the hover text. 

div#links {position: absolute; top: 150px; left: 5px; width: 150px; height: 600px; 
	font: 18px Georgia, Comic, sans-serif;}
div#links a {display: block; text-align: center; font: bold 1em serif;
	padding: 8px 10px; margin: 0 0 1px; border-width: 0;
	text-decoration: none; color: #FFC; background: none;}
div#links a:hover {color: #00C; background: none;}
div#links a span {display: none;}
div#links a:hover span {display: block;
	position: absolute; top: 270px; left: 0; width: 120px;
	padding: 5px; margin: 10px; z-index: 100;
	color: #FFF; background: none;
	font: 16px Georgia, Times, serif; text-align: center;}
*/


div#links {position: absolute; top: 150px; left: 0; width: 150px; height: 600px; 
	font: 18px Georgia, Comic, sans-serif; z-index: 100;}
div#links a {display: block; text-align: center; font: bold 1em serif; 
   padding: 8px 10px; margin: 0 0 1px; border-width: 0; 
   text-decoration: none; color: #FFC; background: none;
   border-right: 2px solid #FFA;}
div#links a:hover {color: #00C; background: none;
   border-right: 2px double #FFC;}
div#links a span {display: none;}
div#links a:hover span {display: block;
   position: absolute; top: 180px; left: 0; width: 120px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #FFF; background: none;
   font: 16px Georgia, Times, serif; text-align: center;}


div#content {position: absolute; top: 150px; left: 148px; right: 148px;
   color: #000; background: url(lightpapertile.jpg); 
   font: 16px Georgia, Times, serif; padding: 10px; 
   border: solid 2px #FFA;}
div#content p {margin: 0 1em 1em;}
div#content h3 {margin-bottom: 0.25em;}
div#content img {padding: 10px; border: 0px;}