div#rSideBar {
	width: 160px;
	color: #5C4A40;
	background-color: #F6F5E3;
	height: 100%;
	float: right;
	padding: 0 0 10px 0;
}
	div#rSideBar h3 {
		font-family: 'Georgia', serif;
		font-size:11px;
		padding-left: 5px;
		font-weight: bold;
	}
	div#rSideBar h4 {
		font-size: 11px;
		font-weight: bold;
		margin-top: 5px;
		font-family: 'Helvetica', 'Arial', sans-serif;
		background-color: transparent;
		padding: 0;
	}
	div#rSideBar ul {
		margin: 7px 2px 0 20px;
		font-weight: normal;
	}
		div#rSideBar ul li a { color: #5C4A40; }
	div#rSideBar hr {
		color: #54433B;
		margin: 5px 10px;
	}
	div#rSideBar div#sideSLHPromo {
		margin: 0 0 10px 0;
		color: #49553D;
		background-color: #D1DBC0;
		padding: 10px 7px;
		font-family: 'Georgia', serif;
		font-weight: bold;
		font-size: 10px;
	}
	div#rSideBar div#slt {
		margin: 7px 9px;
	}
	div#rSideBar span {
		color: #C2BDA9;
		font-size: 10px;
		padding-left: 15px;
	}
	div#rSideBar div.img {
		width: 40px;
		height: 96px;
		float: right;
		margin-right: 5px;
	}


/** The due to a bug, the margin cannot be set on div#content p, so
      it must be set with padding instead.  So over-ride the default
	  when the sidebar displays **/
div#content p { padding-right: 171px; }
div#content p.pM { padding-right: 11px; }
/*  For the W3C 100% height bug */
table#main td#tmRight {
	background: white url('../images/sidebar-back.gif') bottom right repeat-y;
}