@charset "UTF-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #D6D6D6;
	background-image: url(/dev2010/images/bg2.jpg);
	background-position-y:14px;
	background-repeat: repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color:#333;
	background-position: 0 14px;
	
	min-height: 100%; 
}
#body2 {
	background-image: url(/images/bg3.jpg);
	background-repeat: repeat-x;
	
}
#body3 {
	background-image: url(/images/bg4.jpg);
	background-repeat: repeat-x;
	
}
#masthead {
	text-align: center;
	background-image:url(http://www.pennmedicine.org/images/shared/template/masthead-bg.gif);
	background-position:top;
	padding-top: 30px;
}
#masthead-content {
	position: relative;
	text-align: left;
	margin: 0 auto 0 auto;
	background-image: url(http://www.pennmedicine.org/images/shared/template/masthead-bg.gif);
	background-position: bottom;
	padding-bottom: 10px;
}
/* MASTHEAD STYLES */

#site-title {
	margin: 0 auto;
	font-size: 20px;
	color: #000;
	font-weight: bold;
	width: 900px;
}
#site-title a {
	color: #000;
	text-decoration: none;
}
#body4 {
	background-image: url(/images/bg5.jpg);
	background-repeat: repeat-x;
}
div#preload {
	display: none;
}
ul	{
	list-style-image:url(/images/accbullet2.png);
}
hr.index {
	height:1px;
	border:1px;
	color: #CCCCCC;
	background-color:#CCCCCC;
}
ul.menu {
	list-style: none;
	margin: 0;
	padding: 0;
}
.newshome {
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.arrowDown {
	font-size: 12px;
	font-family: Webdings;
}
#sectiontitle {
	margin: 0px;
	border-style: none dotted dotted dotted;
	border-color: #7893C8;
	border-width: 1px;
	color: #011F5B;
}
#sectiontitle li a {
	color: #F5B046;
	height: 20px;
	
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 20px;
	background-color: #F3F9FA;
	border-style: dotted dotted dotted dotted;
	border-color: #7893C8;
	border-width: 1px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10.5px;
	list-style-position: outside;
}
#sectiontitle li a:link, #sectiontitle li a:visited {
	color: #F5B046;
	display: block;
	padding: 3px 0 0 3px;
	border-style: dotted dotted dotted dotted;
	border-color: #7893C8;
	border-width: 1px;
	list-style-position: outside;
}
#sectiontitle li a:hover {
	color: #F5B046;
	padding: 3px 0 0 3px;
	background-color: #F3F9FA;
	border-style: dotted dotted dotted dotted;
	border-color: #7893C8;
	border-width: 1px;
	list-style-position: outside;
}
#bluelinetable {
	width:auto;
	margin: 0px;
	border-style: dotted dotted dotted dotted;
	border-color: #7893C8;
	border-width: 1px;
	color: #011F5B;
	background-color: #F3F9FA;
	font-family: veranda, arial, sans-serif, helvetica;
	font-size: 12px;
}
td, p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.arial {
	font-family: Arial, Helvetica, sans-serif;
}
SELECT {
	font-size: 10px;
}
h1 {
	font:"Perpetua";
	color: #666;
	font-size: 32px;
	font-weight:bolder;
	margin:0;
}
h1.title {
	font:"Perpetua";
	color: #666;
	font-size: 32px;
	font-weight:bolder;
	margin:0;
    text-decoration:none;
}
h1.research {
	font:"Perpetua";
	color: #B26102;
	font-size: 32px;
	font-weight:bolder;
	margin:0;
}
p.researchbreadcrumbs {
	font:"Perpetua";
	color:#92062e;
	font-size:12px;
}
a.researchbreadcrumbs {
	font:"Perpetua";
}
p.breadcrumbs {
	font:"Perpetua";
	color:#999;
	font-size:12px;
}
a.breadcrumbs {
	font:"Perpetua";
	color:#92062e;
}
.pagedboxTitles{
	font-weight:bold!important;
	font-size:12px!important;

}
.dropheader {
	color: #FFF;
	font-weight: bold;
	font-size: 16px;
	font-variant : small-caps;
}
.header1 {
	color: #014889;
	line-height:16px;
	vertical-align:top;
	font-weight: bold;
	font-size: 18px;
	font-variant : small-caps;
}
h2 {
	font:"Perpetua";
	color: #666;
	font-weight:bolder;
	margin:-10px 0 0 0;
	
	}
#body2 h2 	{
	color: #014889;
	font:"Perpetua";
	
	font-size: 24px;
	font-weight:bolder;
	margin:-10px 0 0 0;
	}
	
#body3 h2 	{
	color: #92062e;
	font:"Perpetua";
	
	font-size: 24px;
	font-weight:bolder;
	margin:-10px 0 0 0;
	}

	
h3 {
	color: #00427f;
	font-weight:bold;
	font-size: 16px;
	margin:0;
}

h4 {
	color: #00427f;
	font-weight:bold;
	font-size: 12px;
    text-transform: uppercase;
}

h5 {
	color: #00427f;
	font-weight:bold;
	font-size: 20px;
	font-weight:bold;
	margin:0;
	margin-top:-5px;
}

hr {
	color:#ccc;
	border-style:dotted;
	width: 100%;
}

.quote {
	color: #00427f;
	font-size: 12px;
	font-style: italic;
}
.small {
	font-family: veranda, arial, sans-serif, helvetica;
	font-size: 11px;
	color:#333;
}
.xsmall {
	font-family: veranda, arial, sans-serif, helvetica;
	font-size: 11px;
}
.mediumlarge {
	font-size: 14px;
}
.large {
	font-size: 17px;
}
.blue {
	color: #014889;
	font-size:14px;
	font-weight:bold;
}
.orange {
	color:#92062e;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
}
a.orange {
	color:#92062e !important;
	font-size:14px !important;
	font-weight:bold !important;
	text-decoration:none !important;
}
a:hover.orange {
	color:#92062e !important;
	font-size:14px !important;
	font-weight:bold !important;
	text-decoration:underline !important;
}
.red {
	color: #92062e;
}
.pink {
	color: #E60FD9;
}
.redbold {
	color: #92062e;
	font-weight: bold;
	font-size: .80em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.purple {
	color: #412758;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
}
.white {
	color: #ffffff;
}

.whitetext {
	color: #ffffff;
	font-weight:normal
}
.jtext {
	text-align: justify;
}
A:link {
	color: #36C;
	font-weight: normal;
	text-decoration: underline;
}
A:visited {
	color: #00427f;
	font-weight: normal;
	text-decoration: underline;
}
A:hover {
	color: #0b70cc;
	font-weight: normal;
	text-decoration: none;
}
A:active {
	color: #00427f;
	font-weight: normal;
	text-decoration: underline;
}
A.research:link {
	color:#92062e;
	font-weight: normal;
	text-decoration: underline;
}
A.research:visited {
	color:#C60;
	font-weight: normal;
	text-decoration: underline;
}
A.research:hover {
	color:#C60;
	font-weight: normal;
	text-decoration: none;
}
A.research:active {
	color:#930;
	font-weight: normal;
	text-decoration: underline;
}
.menuheader {
	color: #C4E1F2;
	font-family:verdana, arial, helvetica, times;
	font-weight:bold;
	font-size:15px;
	text-decoration:none;
}
.menu {
	color: #22476B;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	border-color: #00427f;
	border-width: 2px;
}
A.menulink {
	color: #FFFFFF;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	text-decoration: underline;
	border-spacing: 2px;
	border-color: #0000FF;
	border-width: 5px;
}
A.menulink:hover {
	color: #990033;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	text-decoration:underline;
}
A.menulink:active {
	color: #990033;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	text-decoration:underline;
}
A.menulink:visited {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	text-decoration: underline;
}
A.footerlink {
	color: #666;
	font-family:arial, helvetica, times;
	font-weight:normal;
	font-size:11px;
	text-decoration:underline;
	font-stretch : ultra-condensed;
}
A.footerlink:hover {
	color: #A21233;
	font-family:arial, helvetica, times;
	font-weight:normal;
	font-size:11px;
	text-decoration:underline;
}
A.footerlink:active {
	color: #A21233;
	font-family:arial, helvetica, times;
	font-weight:normal;
	font-size:11px;
	text-decoration:underline;
}
A.footerlink:visited {
	font-family:arial, helvetica, times;
	font-weight:normal;
	font-size:11px;
	text-decoration:underline;
}
A.biglink {
	color: #00427f;
	font-family:arial, helvetica, times;
	font-weight:normal;
	font-size:16px;
	text-decoration:none;
	font-stretch : ultra-condensed;
}
A.biglink:hover {
	color: #A21233;
	font-family:arial, helvetica, times;
	font-weight:normal;
	font-size:16px;
	text-decoration:underline;
}
A.biglink:active {
	color: #A21233;
	font-family:arial, helvetica, times;
	font-weight:normal;
	font-size:16px;
	text-decoration:underline;
}
A.biglink:visited {
	font-family:arial, helvetica, times;
	font-weight:normal;
	font-size:16px;
	text-decoration:none;
}
A.whitelink {
	color: white;
	text-decoration:none;
}
A.whitelink:hover {
	color: white;
	text-decoration:underline;
}
A.whitelink:active {
	color: white;
	text-decoration:underline;
}
A.whitelink:visited {
	color: white;
	text-decoration:none;
}
A.lilink {
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-stretch : ultra-condensed;
}
A.lilink:hover {
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
A.lilink:active {
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
A.lilink:visited {
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
}
A.redbold {
	color: #92062e;
	font-weight: bold;
	text-decoration: underline;
}
A.redbold:hover {
	color: #903;
	font-weight: bolder;
	text-decoration: underline;
}
A.redbold:active {
	color: #DD9BA9;
	font-weight: bold;
	text-decoration: underline;
}
A.redbold:visited {
	color: #92062e;
	font-weight: bold;
	text-decoration:underline;
}
.newsDate {
	color:#666;
	font-size:10px;
	padding-right:5px;
}
.footer {
	color:#666;
	font-weight:normal;
	font-family: arial, helvetica, times;
	font-size:11px;
	text-align: center;
}
#footer {
	color: #959595;
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align: center;
	position: relative;
	clear: both;
}
/* CSS For homepage right hand menu */
	
#menu3 ul {
	list-style: none;
	margin: 0;
	padding: 0;

}
#menu3 {
	list-style: none;
	text-align:left;
	width: 238px;
	background-color:#003f7c;
	margin: 0;
	padding:5px;
		border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;

}

#menu3 li a {
	height: 32px;
	font-size:12px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 24px;
	margin: 0;
	text-decoration: none;
}
#menu3 li a:link, #menu3 li a:visited {
	margin: 0;
	color: #FFF;
	display: block;
	background:  url(/images/menu3.png);
	padding: 8px 0 0 10px;
}
#menu3 li a:hover {
	color: #FFF;
	
	background:  url(/images/menu3.png) 0 -32px;
	padding: 8px 0 0 10px;
}




#menuLeft ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menuLeft {
	text-align:left;
	width: 207px;
	border-style: solid solid none solid;
	border-color: #BCD2E6;
	border-size: 1px;
	border-width: 1px;
	overflow-x:hidden;

}
#menuLeft li a {
	height: 20px;
	font-size:9px;
	height:18px;
	text-decoration: none;
}
#menuLeft li a:link, #menuLeft li a:visited {
	color: #00427f;
	display: block;
	background:  url(/images/menuLeft.jpg);
	padding: 3px 0 0px 8px;
}
#menuLeft li a:hover {
	color: #627EB7;
	background:  url(/images/menuLeft.jpg) 0 -20px;
	padding: 3px 0 0px 8px;
}
/* CSS For feed from http://www.med.upenn.edu/apps/faculty/index.php/g357 */




/* CSS For feed from http://www.med.upenn.edu/apps/faculty/index.php/g357 */



.blank_space {
}
.wrapall {
}
.fac_faculty {
	color: black;
}
.fac_name {
	color: #00427f;
	font-weight:bold;
}
.fac_foto {
	text-align: right;
}
.fac_title {
	font-weight:bold;
}
.fac_content_wrapper_2 {
}
.fac_breadcrumbs {
	color: Aqua;
}
.bottom_part {
}
.fac_affiliations {
	color: Gray;
}
.fac_contact {
	color: black;
}
.fac_contact_title {
	font-weight:bold;
}
.fac_contact_address {
	color: black;
}
.fac_contact_phones {
	color: black;
}
.fac_department {
	color: black;
}
.fac_dept_name {
	color: red;
}
.fac_education {
	margin-top: 20px;
}
.fac_email {
	color: black;
}
.fac_other_appt_title {
	color: black;
}
.fac_other_appts {
	color: black;
}
.fac_pubmed {
	font-weight: bold;
	margin-top: 20px;
}
.fac_citation {
}
A.fac_perm_link {
	color: black;
}
/* New Additions for 2128  */

.photo {
	border:1px solid #21456B;
	padding: 10px;
	background-color:#ffffff;
	margin:6px 18px 2px 5px;
	width: 300px;
	height: 250px;
}
.imgborder {
	background:white;
	border:1px solid white;
}
/******** Main wrap ********/
#wrap {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	
}
#main {
	width: 1000px;
	border: 1px solid #ccccff;
	overflow: auto;
	text-align: left;
	
}
#leftcontent {
	position: static;
	left:10px;
	top:174px;
	width:250px;
	background:#ffffff;
	border-right: 1px solid #ccccff;
	float: left;
	margin: 0 18px 0 0;
	
}
#rightcontent {
	position: static;
	right:10px;
	top:174px;
	width:250px;
	background:#ffffff;
	float:right;
	
}
#content {
	border-left: 0px solid #ccccff;
	padding: 10px 5px 10px 0;
	
	overflow: auto
	
}
#centercontent {
	top:174px;
	background:#F5F5F5;
	border:0px solid #ccccff;
	border-right: 0px solid #ccccff;
	padding:10px;
	
}
#submenu {
	float: right;
	top:200px;
	background:#F5F5F5;
	border:0px solid #ccccff;
	border-right: 0px solid #ccccff;
	padding:10px;
	
}
html #centercontent {
	margin-left:251px;
	
	margin-right:251px;
}
.oneColFixCtrHdr #container {
	width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 20px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	
}
.oneColFixCtrHdr #header {
	padding: 0 0px 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */

}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
	padding-left: 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	padding-right: 10px;
	
	background: #FFFFFF;
}
.oneColFixCtrHdr #patientsContent {
	padding-top: 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.oneColFixCtrHdr #researchContent {
	padding-top: 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.oneColFixCtrHdr #footer {
	padding: 0 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
	vertical-align:top;
	background-image:url(/images/footerbg.jpg);
	margin-top:0px;
	
	padding-top:10px;
	padding-bottom:5px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-moz-box-shadow:0 0 7px #CCC;
	-webkit-box-shadow:0 0 7px #CCC;
}
.oneColFixCtrHdr #footer p {
	margin: 0px; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color:#666;
}
/* Menu Tabs for EVENTS */

    #tabs {
	float:left;
	width:100%;
	background:#BBD9EE;
	font-size:63%;
	line-height:normal;
}
#tabs ul {
	margin:0;
	padding:10px 0px 0px 20px;
	list-style:none;
}
#tabs li {
	display:inline;
	margin:0;
	padding:0;
}
#tabs a {
	float:left;
	background:url("/images/css-images/tableft.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	font-weight:bold;
}
#tabs a span {
	float:left;
	display:block;
	background:url("/images/css-images/tabright.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#666;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {
	float:none;
}
/* End IE5-Mac hack */
    #tabs a:hover span {
	color:#FF9834;
}
#tabs a:hover {
	background-position:0% -42px;
}
#tabs a:hover span {
	background-position:100% -42px;
}
/* Menu Tabs B */

    #tabsB {
	float:left;
	width:100%;
	background:#F4F4F4;
	font-size:93%;
	line-height:normal;
}
#tabsB ul {
	margin:0;
	padding:10px 0px 0px 20px;
	list-style:none;
}
#tabsB li {
	display:inline;
	margin:0;
	padding:0;
}
#tabsB a {
	float:left;
	background:url("/images/css-images/tableftB.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	font-weight:bold;
}
#tabsB a span {
	float:left;
	display:block;
	background:url("/images/css-images/tabrightB.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#666;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsB a span {
	float:none;
}
/* End IE5-Mac hack */
    #tabsB a:hover span {
	color:#000;
}
#tabsB a:hover {
	background-position:0% -42px;
}
#tabsB a:hover span {
	background-position:100% -42px;
}