body {	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif; background: url("yellow-weave.gif") repeat ; font-size:18px}

#left {
	z-index: 1;
	position: absolute;
	text-align:center;
	left: 10px;
	top:10px;
	width: 130px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 130px;
}
html>body #left {
	position: fixed;
	width: 130px; /* ie5win fudge ends */
	padding-bottom:0px;
	}

#left div {
	background: white;
	border:1px solid black;
	margin-bottom:10px; font-size:14px;
}
#left span.hide {display:none;}
#left span {display:block;padding:3px;}
#left strong {font-weight:normal;background: url("yellow-weave.gif") repeat ;border:1px solid black;padding:3px;}
#left span.menu {display:none;}
#left hr {display:none;}

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

#middle, #top {margin-right:230px;}

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

#middle p {margin-left:10px;}
/* #middle p:first-letter {font-size:20px} */
/* #middlefull p:first-letter {font-size:20px} */

#middle div.container {
  border: 1px solid black;
  text-align:center;
  }

#middle div.spacer {
  clear: both;
  }

#middle div.float {
  float: left;
  text-align: center;
  border:1px solid #999;
  margin:5px;
  height:180px;
  }
  
#middle div.float p {
   text-align: center;
   }
#middle div.float p {text-align:center;font-size:12px;width:150px;border-top:1px solid #999;margin:5px;padding:5px;}
/* #middle div.float p:first-letter {font-size:12px} */
#middle div.float img {height:120px;border:5px solid white;text-align:center;}

#middle table {border:1px solid black;}
#middle td {padding:2px;border-bottom:1px solid silver;border-right:1px solid silver;}

#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.image {
	float: right;
	padding: 0.25em 1.25em 0.25em 0.25em;
}

#middle p.image img {
	display: block;
	border: 1px solid #7d6340;
}

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


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

#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; 
}

#family, #right {
	z-index: 3;
	font-family:arial narrow,arial;
	font-size:12px;
	position: absolute;
	right:0.8em;
	top:10px;
	width:200px;
	color:black;
	border:1px dashed black;
	padding:5px;
	}
#family em, #right em {color:red;font-style:normal;font-weight:bold;}
#family dt, #right dt {font-weight:bold;}
#right span {display:block;margin-left:20px;}
#right span.hide {display:none;}