body,td {font-family: arial; font-size: 14px}
a {text-decoration: none; font-weight: bold}
a:hover {text-decoration: underline}
.page-title {margin-top: 0px; font-size: 20px; font-weight: bold; color: #7f7f7f;}
.item-title {margin-top: 0px; font-size: 16px; font-weight: bold;}
.item-summary {font-weight: bold;}
.item-date {font-size: 10px; font-weight: bold;}
.current-item { color: #7f0000 }
.warning {color: #ff7f3f}
p,li { margin: 10px 0; }

.float_start { margin-top: 0px; margin-right: 18px; margin-bottom: 6px; float: left; clear: none}
.float_end { margin-top: 0px; margin-left: 18px; margin-bottom: 6px; float: right; clear: none}
.clear_floats { clear: both }
.xmlbutton {
	/* From Dylan Greene's suggestion:
           http://www.dylangreene.com/blog.asp?blogID=91 */
	border: 1px solid;
	border-color: #CCC #333 #333 #CCC;
	padding: 0 3px;
	font: bold 10px sans-serif;
	color: #FFF;
	background: #7f7f7f; /* was: #F60*/
	text-decoration: none;
	margin-top: 8pt;
        dir:ltr;
}
.recommendbutton {
	border: 1px solid;
	border-color: #CCC #333 #333 #CCC;
	padding: 0 3px;
	font: bold 12px;
	color: #000;
	background: #DDD;
	text-decoration: none;
	margin-top: 8pt;
        dir:ltr;
}
#middlecontact p {
    text-indent: 0;
}
#middlecontact input {
    margin: 7px 17px;
    vertical-align: middle;
}
.intro {
           float: right;
}
.document {
          margin: 30px 610px 0 0;
         width: 145px;
         height: 342px;
         border-spacing: 0px;
         text-align: left;
}
#container {
        text-align: center;
        width: 750px;
}
.bio-image1 {
            float: right;
            width:180px;
            height: 135;
}
.bio-image2 {
            float:left;
            width: 152px;
            height: 360px;
}