/* Layout for Staff CSS Document for Dr. George A. Toledo v2 _2007  */


/* 3 column - for staff and Before & After photos layout (image reduced by 10% eg: 270 x 191)
----------------------------------------------------------------------------------------------------------- */
#column_wrapper_face {
	float: left;
	width: 100%;
	font-size: 90%;
	color: #00331e;
	line-height: 1.5em;
	min-width: 600px;
	max-width: 1280px; /*add to avoid overlap on smaller screen sizes - to avoid printing problems*/
	/*background: url(img/info_btm.gif) repeat-x bottom left;*/
	}


#columnRight_face {
	 width: 49%;
	 min-width: 300px; /*to avoid overlap problems*/
	 float: left;
	/*padding-bottom: 2em;*/
	}
#columnLeft_face {
	 width: 49%;
	 min-width: 300px; /*to avoid overlap problems*/
	 float:left;
	 /*padding-bottom: 2em;*/
	 }
#columnMain_face {
	 width:100%;
	 min-width: 600px; /*to avoid overlap problems*/
	 float:left;
	padding-bottom: 2em;
	}
#columnLeft_face ul, #columnMain_face ul, #columnRight_face ul {
	margin: 0 0 .5em 0;
	padding: 0 0 0px 0px;
	color: #00331e;
	} 

#columnLeft_face a, #columnMain_face a, #columnRight_face a {
	text-decoration: none;
	font-weight: normal;
	}
#columnLeft_face ul li, #columnMain_face ul li, #columnRight_face ul li {
	margin: 0 0 0 5px;
	padding: 10px 0 0 10px;
	list-style: none;
	line-height: 110%; /* changed from 130% originally*/
	}
	
#columnLeft_face ul li#gap, #columnMain_face ul li, #columnRight_face ul li#gap {
background: url(img/beforePhotos_thumb/gap.gif);
width: 270px;
height: 265px;
	}

#columnLeft_face ul li img, #columnMain_face ul li img, #columnRight_face ul li img {
	padding: 12px;
	background: url(img/photo-frame.gif) no-repeat bottom right;
	border-top: 1px solid #e3e0ce;
	border-left: 1px solid #e3e0ce;
	border-right: 1px solid #b6b289;
	border-bottom: 1px solid #b6b289;
	}
	
	
#columnLeft_face ul li p.twoLine, #columnMain_face ul li p.twoLine, #columnRight_face ul li p.twoLine {
	padding-left: 12px;
	line-height: 1.2em;
	}
	
/*#columnLeft_face ul li.middle, #columnMain_face ul li.middle, #columnRight_face ul li.middle {
	padding-top: 15px;
	padding-bottom: 15px;
	}*/


#clear {
	clear: both;
	}
	
/* End 3 column 
----------------------------------------------------------------------------------------------------------- */
	

/* Add an additiooonal column to center threePic 
----------------------------------------------------------------------------------------------------------- */
#columnCenter_face {
	width: 53%;
	float:left;
	padding-bottom: 2em;
	margin-left: 15%;
	
	}
#columnCenter_face ul {
	margin: 0 0 .5em 0;
	padding: 0 0 0px 0px;
	color: #00331e;
	} 

#columnCenter_face a {
	text-decoration: none;
	font-weight: normal;
	}
#columnCenter_face ul li {
	margin: 0 0 0 5px;
	padding: 10px 0 0 0;
	list-style: none;
	line-height: 110%; /* changed from 130% originally*/
	}
#columnCenter_face ul li img {
	padding: 12px;
	background: url(img/photo-frame.gif) no-repeat bottom right;
	border-top: 1px solid #e3e0ce;
	border-left: 1px solid #e3e0ce;
	border-right: 1px solid #b6b289;
	border-bottom: 1px solid #b6b289;
	}
	#columnCenter_face ul li p.twoLine {
	padding-left: 12px;
	line-height: 1.2em;
	}