/* $secondaryColor */
#staffDetail dl { /* position: relative; DNA1366733 */ min-height: 275px; margin: 1em 0;}
	* html #staffDetail dl {height:275px;}
	#staffDetail dt { margin: 0 1em 0 300px; font-size: 136%; font-weight: normal; }
		#staffDetail dt a { text-decoration: none; }
	#staffDetail dd.title { font-size: 114%; margin: 0 1em 0 300px; }
	#staffDetail dd.photo { /*position: absolute; top: 0; left: 1em;*/ float:left; margin-top:-40px;} /*DNA615469 - the absolute positioning here was causing the dl not to expand if the image is larger than the 275px min-height*/
		#staffDetail dd.photo img { width: 250px; border: 10px solid #ddd; }
		#staffDetail dd.photo a p.imgRep { width: 250px; height:150px; padding-top:100px;border: 10px solid #ddd; text-align:center; text-decoration:none;}
	#staffDetail dd.email { margin: 0.1em 1em 0.1em 300px; }
	#staffDetail dd.phone { margin: 0.1em 1em 0.1em 300px; }
	#staffDetail dd.bio { margin: 1em 1em 1em 300px; }
		#staffDetail dd.bio p { line-height: 1.5; }

p.clear { clear: both; margin: 1em; }


#staffList { width:650px; margin: 0 auto; }
    #staffList:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
    #staffList { zoom: 1; }
    #staffList li { float: left; width: 95px; margin: 0.5em; }
	#staffList li.staffRow {float:none;display:block;height:1px;width:100%;clear:left;line-height:1px;font-size:1%;}
        #staffList dl { height: auto; }
            #staffList dl:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
            #staffList dt { font-size: 85%; font-weight: bold; }
	        #staffList dt a { text-decoration: none; }
            #staffList dd.title, #staffList dd.email, #staffList dd.phone, #staffList dd.bio { display: none; }
                #staffList dd a { display: block; width: 75px; height: auto; padding: 5px; background-color: #ddd; text-decoration: none; }
	        #staffList dd a:hover { background-color: #444; }
                #staffList dd img { width: 75px; }
                #staffList dd p.imgRep{ width: 75px; text-align:center; }

	* html #staffList li {height:90px;}
	* html #staffList { width:665px;}
	*+html #staffList { width:665px;}
	
/* DNA542915 - causing inconsistency issues in IE6/7, SM set to remove after testing
*+html #staffDetail * {background-color:$bgColor}
* html #staffDetail * {background-color:$bgColor;}
*/
/* DNA991880 */
#staffList dt.long {min-height:2.5em;}
* html #staffList dt.long {height:2.5em;}