html, body{margin:0;padding:0;font-family:"comic sans ms",sans-serif;background-color:white; }

	#container{ position:relative; width:800px; margin:auto; }

	#lh-col{float:left; font-family:verdana,sans-serif; border:0px solid black; font-size:small; background-color:#ffcc33; width:225px; z-index:1; }

	#top-bar {position:absolute; left:200px; margin-top:0;}
/* @annotation: this could also be applied to div header--we now have a div w/in a div for no reason */
	
	#content { position:absolute; 
		left:215px; top:205px; 
		background-color:#FFFFFF;
		border-top:20px solid #336666;
		border-right:4px solid #336666; 
		border-bottom:4px solid #336666;
		border-left:4px solid #336666;
		z-index:0; 
		padding:10px; 
		font-size:90%;}

	#home_img {float:left;width:400px;margin-right:10px;text-align:center;color:teal; }

	#logo {clear:both; padding:10px 10px 20px 10px;}

	div.headline {text-align:center; padding:0,5,0,5;}

	#navlinks { padding-left:5px; padding-bottom:25px;}
	
	#navlinks ul { 
	margin:0; 
	padding:0;
	list-style-type:none;  }
	
	#navlinks li {margin:0} /*for opera*/
	
	#navlinks a {display:block;  
	background-color:inherit; 
	/*width:200px;*/
	width:12em;
	padding:3px 12px 3px 8px;
	text-decoration:none;
	/*border: 1px solid #eee8aa;*/
	border: 1px solid inherit;
	color:black; }
	
	#navlinks a:hover
	{ border:1px black dotted; background-color:#fff;}
	
	/* controls display of nested list */
	#navlinks li li a {display:block;  
	background-color:inherit; 
	/*width:200px;*/
	width:12em;
	padding:3px 3px 3px 17px;  /* the total horizontal and total vertical padding
				must be the same as that in navlinks a */
	text-decoration:none;}

	#breeders td {background-color: #99FF99;font-size:90%;}
	#breeders thead td { background-color:#ffff66;}