@charset "utf-8";
/* CSS Document */
* html body {
	height: 100%;
}
/*br {  margin-top: 0px;
     margin-bottom: 0px;
}*/
div#content h3 {
	margin-top: 5px;
	margin-bottom: 5px;
	float: left;
	clear: both;
	width: 360px;
}
.readmore {
	display: inline;
	float:right;
	background-image: url(../images/down-triangle.jpg);
	padding-right: 24px;
	background-repeat: no-repeat;
	background-position: 90% 50%;
}
.readless {
	display: inline;
	float:right;
	background-image: url(../images/up-triangle.jpg);
	padding-right: 24px;
	background-repeat: no-repeat;
	background-position: 90% 50%;
}
.bio {
	display: inline;
	float: left;
	width: 752px;
	background-color: #f5f5f5;
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 4px;
	border-top: 1px solid #ffcc33/*#2a5c8d*/;
	border-bottom: 1px solid #ffcc33;
	height: auto !important; /*sets the height for all browsers to auto*/
	height: 40px; /*sets height (which acts like min-height) to your set size
        for IE, since it doesn't understand !important */
	min-height: 30px; /*set min-height for other browsers that understand !important*/
	clear: both;
}
.bio a {
	text-decoration: none;
}
div#content .bio p {  
    margin-top: 0;
    margin-bottom: 5px;
}
.pictureleftborder {
	display: inline;
	background-color: #FFFFFF;
	border: 1px solid #ccc;
	margin: 0px 8px 3px 0px;
	float: left;
	padding: 5px;
	text-align: left;
	line-height: 1;
	font: 0.1em sans-serif; /*Gets rid of bottom padding problem in IE7 and Firefox*/
}