body {	font:x-small sans-serif;
 color: black;
 font-weight: normal;
 font-size:17px;
/* background:url("http://www.foweraker.com/css/AutumnLeaves.jpg") 0% 0% repeat white; */
 background:#ccdd77;
}

dd.dot {padding:5px;margin-top:5px;background:#ccf;border:1px dotted white}
a {color:blue;}

h1 {padding-left:30px;background: url("http://www.foweraker.com/css/tree5.gif") 0% 50% no-repeat;letter-spacing:6px;font-size:26px;color:black;font-weight:normal;border-bottom:1px solid black;}
h2 {letter-spacing:4px;padding-left:2px;font-weight:normal;border-bottom:1px solid black}
h4 {height:25px;padding-left:10px;background:url("http://www.foweraker.com/css/menu.gif") white 0% 0% repeat-x;color:green;font-size:18px;border-bottom:1px black solid;font-weight:normal;}
pre {font-size:12px}
	
cite {display:block;padding:3px;margin:10px;border:1px dotted black;}

#left {	z-index: 1;
position: absolute;
	left: 10px;
	top:13px;
	width: 160px;
 /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 160px;
}
html>body #left {
	position: fixed;
	width: 160px; /* ie5win fudge ends */
	}
#left div {
	font-size:17px;	
 font-weight: normal;
	text-align:left;
	margin-bottom:20px;
	padding-bottom:10px;
	padding-top:18px;
        border:1px solid black;   
        background: #a55;
	border: 1px #000 solid;
        -moz-border-radius: 20px 0px 0px 0px;
	line-height: 120%;
}

#left span.hide {display:none;}
#left span {display:block;}
#left span a {
 	padding-left:10px;
	text-decoration:none;
	color:#ccc;	
}
#left span a:hover {
 	padding-left:10px;
	font-size:17px;	
        font-weight: normal;
	display:block;
	text-align:left;
	color:black;
        background: #933;
}
#left span strong {
 	padding-left:30px;
	font-size:17px;	
        font-weight: normal;
	display:block;
	text-align:left;
	background: url("http://www.foweraker.com/css/tree4.gif") 8% 50% no-repeat;
	color: clack;
}

#left span.menu {display:none;}
#left hr {display:none;}

#top, #middle, #middlefull, #views {margin-left:180px;}


#middle, #top {margin-right:300px;

}

#styles h4 {display: inline}
#styles h4:after {content:(" :: ");}
#styles p {margin-left:20px;display: inline}

#middle p {margin-left:10px;}

#middle table {border:1px solid black;}#middle th {padding:3px;border-bottom:1px solid #333;border-right:1px solid #333;background:white;color:black;}#middle td {padding:3px;border-bottom:1px dotted #666;border-right:1px solid #666;}#middle #header table {border:none;}#middle #header td {padding:5px;border:none;}#middle #header img {height:120px;border:5px solid white;}

#middle p.spacer {
	clear: both;
}
#middle hr {
	display: none;
}
#middle p.imagedesc {
        border-top:1px solid black;
	padding: 1em 1em 0 1em;
	margin: 0;
}
#middle p.imagedesc div.info {
	display:block;
	color:#333;
}

#middle p.maindesc {
	padding: 1em 1em 0 1em;
	margin: 0;
}

#middle p.image {
	float: right;
	padding: 0.25em 1.25em 0.25em 0.25em;
}

#middle p.mainimage {
	float: right;
	padding: 0.0em 1.25em 0.0em 0.25em;
}

#middle p.image img {
	display: block;
	border: 5px solid white;
}

#middle p.mainimage img {
	display: block;
	border: 5px solid white;
}

#middle p.image span {
	display: none;
}

#middle p.note {
        border-top:1px solid black;
	padding: 1em 1em 0 1em;
	margin: 0;
}

#middle p.noteinfo {
	text-align:right;
	margin: 0;
	color:#666;
}

#middlefull p label {
  float: left;
  width: 220px;
  text-align: right;padding-right:20px;
  font-weight:normal;
  }
#middlefull p i {text-align:right}
#middlefull p br {display:none;}


#middlefull TH {background:#ccc;border:1px solid black;}

#middlefull TH {border:1px solid black;}

#middlefull TD {border:1px solid black;}

#middlefull table.chart TD {border:0px;}

#middlefull TD.hline {	BACKGROUND-COLOR: black; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; }
#middlefull TD.message1 {	padding:2px;BACKGROUND-COLOR: #EEEEEE; FONT-SIZE: 16px; border-left: 1px dashed black; border-right: 1px dashed black; border-top:1px solid black;}
#middlefull TD.message2 {	padding:2px;BACKGROUND-COLOR: #c2bddd; FONT-SIZE: 16px; border-left: 1px dashed black; border-right: 1px dashed black;}
#middlefull TD.message3 {	padding:2px;BACKGROUND-COLOR: #9999ff; FONT-SIZE: 14px; border-left: 1px dashed black; border-right: 1px dashed black; border-top: 1px dashed black; border-bottom:1px solid black;}
#middlefull TD.input1 {	FONT-SIZE: 14px; }
#middlefull TD.input2 {	FONT-SIZE: 14px; }
#middlefull span.photo {padding-left:24px;background: url("http://www.foweraker.com/css/photo.gif") 8% 50% no-repeat;}
#middlefull span.note {padding-left:24px;background: url("http://www.foweraker.com/css/note.gif") 8% 50% no-repeat;}
#middlefull span.hide {display:none;}
#middlefull li {overflow:hidden;}

#family, #right {	z-index: 3;		font-size:12px;	position: absolute;	right:0.8em;	top:13px;	width:270px;	color: #933;
	background: url("http://www.foweraker.com/css/tree3.gif") no-repeat 50% 50% #9b8;
        -moz-border-radius: 20px 20px 20px 20px;
	border:1px solid black;	padding:5px;	}
#family em, #right em {color:red;font-style:normal;}
#family a {color:blue;}
#family span.des {color:yellow;}
#right span {display:block;margin-left:20px;}
#right span.name {display:inline;align:right;}
#right span.date {display:inline;align:right;}
#right span.hide {display:none;}
#right a {color:blue;}

#tree {font-size:12px;padding:5px;}
#tree em {font-style:normal;font-size:12px;}
#tree em a {font-size:12px;padding-right:5px;padding-left:5px;color:black}
#tree em.male {background:#09c}
#tree em.female {background:#f66}

#views {margin-bottom:10px;}
#views span {font-size:15px}
#views span.title {display:none;}
#views span.selected {color:red;}
#views hr {display:none;}

input.r {background:#fcc;}
select.r {background:#fcc;}
p.indent {margin:0px;padding-left:20px;}
strong.mark {color:red;}
strong.mark a {color:red;}
e;}

input.r {background:#fcc;}
select.r {background:#fcc;}
p.indent {margin:0px;padding-left:20px;}
strong.mark {color:red;}
strong.mark a {color:red;}
#fcc;}
select.r {background:#fcc;}
p.indent {margin:0px;padding-left:20px;}
strong.mark {color:red;}
strong.mark a {color:red;}
olor:red;}
adding-left:20px;}
strong.mark {color:red;}
strong.mark a {color:red;}
olor:red;}
}
strong.mark {color:red;}
strong.mark a {color:red;}
#fcc;}
select.r {background:#fcc;}
p.indent {margin:0px;padding-left:20px;}
strong.mark {color:red;}
strong.mark a {color:red;}
olor:red;}
adding-left:20px;}
strong.mark {color:red;}
strong.mark a {color:red;}
olor:red;}
ft:20px;}
strong.mark {color:red;}
strong.mark a {color:red;}
olor:red;}
adding-left:20px;}
strong.mark {color:red;}
strong.mark a {color:red;}
olor:red;}
rong.mark {color:red;}
strong.mark a {color:red;}
olor:red;}
adding-left:20px;}
strong.mark {color:red;}
strong.mark a {color:red;}

#r-advert {float:left;z-index: 4;font-size:12px;	position: absolute; right:0em; top:0em; width:200px;	padding:10px; text-align:center;	}
	}
color:red;}

#r-advert {float:left;z-index: 4;font-size:12px;	position: absolute; right:0em; top:0em; width:200px;	padding:10px; text-align:center;	}
	}


td.chartbar { padding-left: 0;}
td.chartbar a { padding-left: 0;text-decoration: none;}
td.chartlabel { font-size:11px;padding-left:10px;}

div.bar {
    text-align: left;
    color: black;
    font-size: 10px;
    background: #ccbb77;
}

div.bar span {padding-left: 5px;}