/*****************************************************************
zero out browser defaults
*****************************************************************/
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, form, fieldset, input, select, textarea  {
    margin: 0;
    padding: 0;
}
body {
    font-family: Georgia, serif;
    font-size: 100.01%;
	}
#crumbs {
	margin: .25em;
	padding: 0 0 3px;
	font-family: verdana, sans-serif;
	font-size: 85%;
	border-bottom: 3px solid #87BC52;/*BCBC52;*/
	}
#pedhedwrap {
	float: left; 
	width: 50%;
	padding: 0 0 0 14px;
	}
#pedhedwrap h1, h3, p {
	margin: 0;
	padding:0;
	}
#pedhedwrap h1 {
	color: #BC5252;
	}	
#pedimgwrap {
	float: left;
	width: 47%; 		/* 50% drops the image to the next line in IE7 which is not desired*/
	padding: 5px 0;
	}
#pedimgwrap img {
	margin: 0 2em 0 0;
	}
#printme a{
	font-weight: bolder;
	color: red;
	}
#reqreader {
	font: bold 0.8em/1.1 Arial, Helvetica, sans-serif;
	padding: .5em 0 0;
	}
#pedimgwrap p img {
	float: left;
	width: 160px;
}
#lbkident {
	margin: 0;
	padding: .1em 3em 0 0;
	text-align: right;
	color: #C29364;
	letter-spacing: 2px;
	}

ul
	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
ul:after
	{ 
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	}
ul ul
	{
	float: right;
	width: 66%;
	border: none;
	border-left: solid 1px #000000;
	}
ul ul ul
	{
	width: 50%;
	}
li
	{
	float: left;
	width: 100%;
	border: solid 1px #000000;
	}
/* could be li:first-child for browsers that understand it */
li.father
	{
	border-bottom: none;
	}
li li
	{
	border: none;
	}
li li.father
	{
	border-bottom: solid 1px #000000;
	}
li div
	{
	float: left;
	width: 33%;
	padding: 5.2em 0;
	}
li li div
	{
	width: 49%;
	padding: 2em 0;
	}
li li li div
	{
	width: 99%;
	padding: 0.5em 0;
	}
li h2 {
	font-size: .95em;
	font-weight: bold;
	margin: 0 0.5em 0 0.5em;
	padding: 0;
	}
li h3
	{
	font-size: 1em;
	font-weight: normal;
	margin: 0 0.5em 0 0.5em;
	padding: 0;
	}
li h3
	{
	font-style: italic;
	}
ul li div h2 a {
	position: relative;
	color: #008000;
}
ul li div h2 a img {
	height: 0; width: 0; border-width: 0;
}
a:hover {background-position: 0;} /*a fix for IE6. Makes the complete link work since IE6 doesn't
support ':hover' on non-links*/
ul li div h2 a:hover img, ul li div h2 x:hover img {
/*"dirty trick" to make IE7 behave...
<http://www.gunlaug.no/tos/alien/bf/test_09_0420.html>
In short: make the ':hover' selector look like this...
a:hover img, x:hover img {...}
...with a nonsensical reference following the real one. Any selector can
replace the "x", as long as it isn't an "a". Go figure*/
	position: absolute;
	left: 0px;
	top: -90px;
	height: 91px; 
    width: 100px;
	text-indent: 0;
}