/* CSS Document for Corner Rounding
	rwardell.com, borrowed from various sources
*/
.sidebox {
	margin-left: 30px;
	width: 20em; /* ems so it will grow */
	float: left;
	background: url(../images/corners/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(../images/corners/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(../images/corners/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(../images/corners/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}

/* styles for jQuery corner-rounding plugin */
/* ----> for a 220px wide panel */
.jQRoundedContainer {
	width:230px;
	float:left;
	margin:14px 0px 0px 35px;
	padding:0px 2px 0px 2px;
	background-color:#9DADC6;
	text-align:center;
	z-index:-1
	}
.jQRoundedHeading {
	color:#ffffff;
	font-size:14px;
	position:relative;
	top:-3px
	}
.jQRoundedText {
	padding:4px;
	width:216px;
 	background-color:#E5E5E5;
	border:1px solid white
	}
.jQRoundedP {
	margin-top:2px;
	padding:5px;
	text-align:justify
	}
/* generic rounding classes, other colors cascade from blue/warm css */
#pic-rnd {
	background-image: url('../images/proj/alternative.gif');
	width: 190px;
	height: 150px;
	float: right;
	margin: 30px 0px 0px 15px;
	padding: 0px;
	}
.whiteBgnd {
	background-color: #ffffff;
	}
.warmBgnd {
	background-color: #e6e0be;
	z-index: -1;
	}
.blueBgnd {
	background-color: #cbd9e6;
	margin: 0px;
	}