@charset "utf-8"; /*JOHNS HOPKINS PATHOLOGY CSS JLD BEGIN RESETS */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0;padding:0;}table {border-collapse:collapse;border-spacing:0;}fieldset, img {border:0;}address, caption, cite, code, dfn, th, var {font-style:normal;font-weight:normal;}
li { list-style:none;}caption, th { text-align:left;}h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}abbr, acronym {border:0;font-variant:normal;}input, textarea, select {font-family:inherit;font-size:inherit;}
/* end resets */
body {margin:0;	padding:0;background:#e6e6e6 url(../images/bkHdPath6.jpg) repeat-x top left;font-family:Arial, Helvetica, sans-serif;}
#centerColumn {margin-top:2em; width:60em;margin:auto; background-color:#FFF; background:#FFF url(../images/bkCenterColGdnt.gif) top left repeat-y;/**/}
#main {padding: .75em 2em 0 58px; margin-top:1em; background:#FFF url(../images/bkCenterColGdnt.gif) top left repeat-y; }
/* BEGIN HEADER STUFF */
#JHU {position:absolute;top:0;left:-9999px;}
#header {height:125px; color:#FFF; background:#fff url(../images/bkHdPath6.jpg) repeat-x top left;}
#header #logo { float:left; display:inline; width:345px; height:125px; }
#header form { font-weight:bold; font-size:.85em; font-family:Arial, Helvetica, sans-serif; display:inline;}
#header #seachBtn {background-color:#000;color:#FFF;border: 1px solid #fff;}
div.SearchRight {margin:0 30px 0 0; /* changed bottom margin 6.16 for IE  */text-align:right;padding-top:1px;}
#container #header img {border:0;float:left;}
/* E-mail | Labweb | Intranet  */
#InternalLinks {float:right;text-align:right;margin:10px 65px 0 10px;width:307px;display:inline;height:43px; /*<-*/}
#InternalLinks ul li {display:inline;}
#InternalLinks a:link, #InternalLinks a:visited {color: #fff;text-decoration:none;}
#InternalLinks a:hover {color: #fff;text-decoration: underline;}
#InternalLinks a:focus {color: #fff;text-decoration: underline;}
#InternalLinks a:active {color: #fff;text-decoration: underline;}
.mailList {display:none;position:relative;top:0;right:58px;font-weight:normal;margin-bottom:0;}
.mailList li {display: inline;}
.mailList li a:link, .mailList li a:visited, .mailList li a:hover {color: #fff;text-decoration:none;}
.mailList li a:hover {text-decoration:underline;}
 a.skip {position: absolute; left: -1000em; width: 20em;}
/*********************** TABS ***********************************************/
#nav {position: relative; top: 0px; height: 80px; width: 60em; }
#nav li ul, #nav li ul { margin: 0; padding: 0;}
#nav a {text-decoration: none;}
#nav li { margin: 0;float: left;display: block;/*padding-right: 15px;*/}
#nav li ul {display: none;}
#nav li.off ul, #nav li.on ul { /*subnav */position: absolute; top: 30px;	left: 0;padding-top: 15px; background: #c5c7f7; /*  hover */height: 30px;width: 960px;/*padding-left: 60px;*/}
#nav li.on ul {	background: #ebce4c;  /* selected no */}
#nav li.on:hover ul, #nav li.over ul { /*for ie background: #c5c7f7; TUES */  /*  hover (the whole UL) */}
#nav li a {	/* hover */	font-weight: bold; display: block; width:137px; padding: 0;}
#nav li.on a {color: #c5c7f7; /* selected */}
#nav li.on ul a, #nav li.off ul a {	border: 0;	float: left; /*ie doesn't inherit the float*/	color: #c5c7f7; /* selected */	width: auto; margin-right: .75em;}
/*#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary background: #c5c7f7; TUES *//* hover ( the link) }*/
#nav li.on ul {	display: block;}
#nav li.off:hover ul, #nav li.over ul {	display: block;	z-index: 6000;}
#nav li.off a:hover, #nav li.on a:hover {	/* color: #c5c7f7;  selected */	color: #212565;	text-decoration:underline;}
#nav li span {	position: absolute;	left: -9384px;}
#aboutus a, #training a, #research a, #services a, #patients a, #divisions a, #staff a {display: block;	position: relative;	height: 30px;	background: url(../images/bkMenu.gif) no-repeat; }
#aboutus a {background-position: 0 0;}
#training a {background-position: -137px 0;}
#research a { background-position: -274px 0;}
#services a { background-position: -411px 0;}
#patients a { background-position: -548px 0;}
#divisions a { background-position: -685px 0;}
#staff a { background-position: -822px 0;}
/*hover states*/
#aboutus a:hover, #aboutus:hover a, #aboutus.over a {background-position: 0 -60px;}
#training a:hover, #training:hover a, #training.over a {background-position: -137px -60px;}
#research a:hover, #research:hover a, #research.over a {background-position: -274px -60px;}
#services a:hover, #services:hover a, #services.over a {background-position: -411px -60px;}
#patients a:hover, #patients:hover a, #patients.over a {background-position: -548px -60px;}
#divisions a:hover, #divisions:hover a, #divisions.over a {	background-position: -685px -60px;}
#staff a:hover, #staff:hover a, #staffover a {	background-position: -822px -60px;}
#aboutus.on a, #aboutus.on a:hover, #aboutus.on:hover a {background-position: 0 -30px;}
#training.on a, #training.on a:hover, #training.on:hover a {background-position: -137px -30px;}
#research.on a, #research.on a:hover, #research.on:hover a {background-position: -274px -30px;}
#services.on a, #services.on a:hover, #services.on:hover a {background-position: -411px -30px;}
#patients.on a, #patients.on a:hover, #patients.on:hover a  {background-position: -548px -30px;}
#divisions.on a, #divisions.on a:hover, #divisions.on:hover a  {background-position: -685px -30px;}
#staff.on a {background-position: -822px -30px;}
/*subnav formatting*/
#aboutus #aboutussub  { margin-left:2.25em; }
#training #trainingsub  { margin-left:2.25em; }
#services #servicessub  {margin-left:2.25em; }
#patients #patientssub  { margin-left:2.25em;  }
#research  #researchsub { margin-left:10em; }
#divisions #divisionssub { margin-left:37em;}
#staff #staffsub { margin-left:10em;}
#nav li.off ul a, #nav li.on ul a {	display: block;	background: #c5c7f7;  /* original hover */	color: #212565;}
#nav li.on ul a {	background: #ebce4c; /* original selected */}
#nav li li { background: url(../images/bkPike.gif) top right no-repeat;  margin-left:.60em; }
#nav li li.end { background: none;}
#nav li li #selectedLink { text-decoration:underline; }
/******************** Home Page Styles SIDE SHOW STYLES */
.pics { height:274px; width: 417px; padding:0; margin:0; overflow: hidden }
.pics img { height: 242px; width: 385px; padding: 15px; border: 1px solid #ccc; background-color: #eee; top:0; left:0 }
#introduction {line-height:1.25em;	font-size:.85em;}
#leftCol {width:417px;margin-top:.5em;}
#midCol {width:280px;padding-left:39px;margin-top:.5em;}
#rightColFindPerson {width:130px; border: #999999 solid 1px; background-color:#c5c7f7; margin-top:.5em;}
#rightCol {width:100px; padding-left: 1em;border-left: #999999 solid 1px; background:#009966;	/*margin-top:.75em;*/}
#rightCol ul li { padding-left:25px;height:30px;vertical-align:middle;line-height:1.15em; font-size:.85em;}
/* Calendar styles */
.calendar {margin-bottom:7px;width: 220px;	font-size:.85em;line-height:1em;}
#grandRounds p, #grandRounds span {font-size:.85em;line-height:1em;}
#BestHospital {font-size:.85em;line-height:1.25em;}
th, td {text-align:center;	vertical-align:middle;	padding: 4px 0;	width:28px;}
th {font-weight:bold;}
td.month {font-weight:bold;	font-weight:normal;	color:#000;	text-align:center;	width:100%;}
span.weekly { margin:0 12px;}
td.Today {background-color:#bdd8f6;}
td.days:hover {background-color:#f6bdd1;}
.place {margin-left:2.5em;}
.more {text-align:right;font-size:.85em;line-height:2.5em;	border-bottom: #999999 solid 1px;	margin-right:2em;}
/* QUICKLINKS */
li.RB {background:url(../images/microscope_red_16.gif) no-repeat top left; margin-bottom:.25em;}
li.labs {background:url(../images/icoLabs16.jpg) no-repeat top left;margin-bottom:.5em;}
li.consults {background:url(../images/cell_16.gif) no-repeat top left;margin-bottom:.5em;}
li.students {background:url(../images/pens_16.gif) no-repeat top left;}
li.faculty {background:url(../images/microscope_blue_16.gif) no-repeat top left;}
li.giving {background:url(../images/pot-of-gold_16.gif) no-repeat top left;}
li.jobs {background:url(../images/recruiter_16.gif) no-repeat top left;}
li.pathphoto {background:url(../images/icoPhoto_16.jpg) no-repeat top left;}
li.acred {background:url(../images/folder_red_16.gif) no-repeat top left;}
li.secondops {background:url(../images/2ndops.gif) no-repeat top left; margin-bottom:1.65em;}
li.policy {background:url(../images/notebook_16.gif) no-repeat top left;}
li.hippa {background:url(../images/clipboard_orange_16.gif) no-repeat top left;}
li.psn {background:url(../images/his_blue_16.gif) no-repeat top left; margin-bottom:.75em;}
li.tma {background:url(../images/icoTMA16.jpg) no-repeat top left; margin-bottom:1.25em;}
li.sbb {background:url(../images/icoBlood.jpg) no-repeat top left; margin-bottom:.5em;}
li.irb {background:url(../images/IRB.gif) no-repeat top left; margin-bottom:.5em;}
li.dome {background:url(../images/dome.gif) no-repeat top left; margin-bottom:.5em;}
li.meditrek {background:url(../images/icoTMA16.jpg) no-repeat top left;}
li#pubmed {padding-left:0;}
#findPersonBox {font-size:.75em; padding-bottom:.5em;} #findPersonBox span { color: #8d1c1c; font-weight:bold;}
/* FOOTER */
#footer {width:100%;}
#footer ul {margin-top:2em;text-align:center; padding-bottom:.25em;}
#footer li {display:inline;list-style-type:none;font-size:.85em;padding: 1em .5em;}
#copyright { font-size:.85em; text-align:center; color:#999;padding-bottom:40px;}
/* GENERIC STYLES */
#main { line-height:1.35em; border-bottom: 2px solid #999;}
#main a:link, #main  a:visited {color:#2356d6; text-decoration:none;}
#main  a:hover {color:#428ce7; text-decoration:underline;}
#main  a:focus {color:#428ce7; text-decoration:underline;}
#main  a:active {color:#428ce7; text-decoration:underline;}
h1, h2 { font-weight:bold; font-size:1em; color: #8d1c1c;text-transform:uppercase; margin-bottom:1em; }
h2 { font-size: 1.25em; margin-bottom:10px;}
h3, h4 {font-size: 1em;font-weight:bold; margin-bottom:.5em;}
p {margin: 0 1.25em 1em 1.25em;} 
p.headline {margin: -.75em 0 .5em 0;color: #01315c; line-height:1.15em;} 
dd { margin-left:2em; }
.indent { margin:0 2em;}
.floatCols {display:inline;float:left;margin-top:2em;text-align:left;background-color:#FFFFFF;}
.floatLeft {float:left;display:inline;}
.floatRight {float:right;display:inline;}
.marginleft {margin-left:2em;} .marginright {margin-right:2em;}  .margin4p {margin:0 4px 4px 0;}
.clearfloat {clear:both;height:0;font-size: 1px; line-height: 0px;}
.spanRule {width:80%;height:5px;border-bottom:#d5d5d5 3px solid;margin:auto;}
.toppadding {margin-top: 1.25em;}
.BrickHeading {font: bold 1em/1 Arial, Helvetica, sans-serif !important;color: #8d1c1c;	text-transform:uppercase;margin-bottom:1em;}
.greenBullet { list-style-image:url(../images/bulletGreen.gif); margin-left:2em;} .greenBullet li { list-style-image:url(../images/bulletGreen.gif);}
.blueBullet {margin-left:2em;} .blueBullet li {list-style-image:url(../images/bulletBlue.gif); }
.dash {margin-left:2.5em; margin-bottom:1em;} .dash li { list-style-type:square; }
.decimal li { list-style-position: inside; list-style-type:decimal;margin-left:2em; margin-bottom:1em; }
.loweralpha li { list-style-type:lower-alpha; margin-left:2em;}
div.contentBox > div { margin:auto; width:648px;}
div.contentBox2 > div { margin:5px; width:200px;}
.contentBox  div.pathways { float: left; display:inline; width:118px; margin:20px; text-align:center; font-weight:bold;}
.gray {color:#666;line-height:1em;font-size:.85em;}
.description { font-size:.75em;}
.xls { background:url(../images/xls.gif) right top no-repeat; height:16px; padding-right:18px;}
.pdf { background:url(../images/pdf.gif) right top no-repeat; height:16px; padding-right:17px;}
.doc { background:url(../images/doc.gif) right top no-repeat; height:16px; padding-right:17px;}
.email { background:url(../images/mail.gif) right top no-repeat; height:16px; padding-right:18px;}
.externallink { background:url(../images/popout.gif) right top no-repeat; height:13px; padding-right:13px;}
.secure { background:url(../images/secure.gif) right top no-repeat; height:15px; padding-right:17px;}
.small { font-size:.85em; text-align:left; padding:1em 0 0 1em; }
.small2 { font-size:.75em; text-align:left; padding:1em 0 0 1em; }
.centered { text-align:center;}
.red {color:#FF0000;}
.hidden { display:none;}
/* Microformat styles */
.offscreen {position: absolute; left: -1000em; width: 20em;}
.vcard { margin-left:1.5em;}
/*CONTACT US */
#contactframe { border:0; width:80%; height:600px; }
/*SITEMAP, LINKS*/
.bucket { margin:.55em;	padding:.25em;width:250px; display:inline; float:left; }
.bucket2 { margin:.55em;	padding:.25em;width:400px; display:inline; float:left;}
.bucket h2, .bucket2 h2 { margin:.75em 0; }
.bucket div, .bucket2 div { padding-left:.25em; background-color:#c2ceff; line-height:1.65em; }
 /* PATHBIO */
#InThisSection { width:185px; background: #c2ceff url(../images/bkPathBioBot.jpg) bottom left no-repeat; margin:0 3em 2em 2em; color:#272d81;}
#InThisSection250 { width:250px; background: #c2ceff url(../images/bkPathBioBot250.jpg) bottom left no-repeat; margin:0 3em 2em 2em; color:#272d81;}
#InThisSection300 { width:300px; background: #c2ceff url(../images/bkPathBioBot300.jpg) bottom left no-repeat; margin:0 2em 2em 1.5em; color:#272d81;}
#InThisSection ul, #InThisSection250 ul, #InThisSection300 ul  {margin-left:2em;}
#InThisSection p, #InThisSection250 p, #InThisSection300 p   {margin-left:1em;}
#InThisSection li {margin-bottom:.25em;}  #InThisSection250 li {margin-bottom:.5em; line-height:1em;}  #InThisSection300 li {margin-bottom:.5em; line-height:1em;}
#InThisSection a, #InThisSection250 a, #InThisSection300 a { color:#272d81; line-height:.85em;}
#InThisSection250 .hassubs { font-weight:bold; font-size:1.15em; padding-left:1.1em; margin-bottom:.15em;}
#InThisSection h3 { background:url(../images/bkPathBioTop.jpg) top left no-repeat; }
#InThisSection250 h3 { background:url(../images/bkPathBioTop250.jpg) top left no-repeat; }
#InThisSection300 h3 { background:url(../images/bkPathBioTop300.jpg) top left no-repeat; }
#InThisSection span, #InThisSection250  span, #InThisSection300  span  { margin-left:1em; font-weight:bold; line-height:1.85em;}
#InThisSection li#pbSelected { list-style-image:url(../images/bulletBlue.gif);}
#InThisSection li#pbSelected a { text-decoration:underline;}
#InThisSection250 form {margin-left:1em; }
#InThisSection250 label { font-size:.95em; }
#InThisSection250 .btn { background-color:#c2ceff;color:#272d81;border: 1px solid #272d81;}
.pbpics { height:395px; width: 500px; padding:0; margin:0; overflow: hidden;}
.pbpics img { height: 330px; width: 500px; padding: 15px; border: 1px solid #ccc; background-color: #eee; top:0; left:0 }
/* DISEASES & DIVISIONS */
.twoCol { width: 20em; display:inline; float:left; margin:0 1.5em 2em 4em; }
.threeCol { width: 16.5em; display:inline; float:left; margin:0 1.5em 2em 0; }
.threeCol h4 { float:left; display:inline;  height:2.5em;}
/* RESIDENCY */
.lside {float:left;width:40%;border: 0px solid #666;}
.rside {float:right;width:40%;border: 0px solid #666;}
/* HISTORY */
#heads { float:right; margin:1em; width:180px; clear:both; font-size:.85em; line-height:1em; border: 1px #006 solid; padding:.5em .5em .5em 2em; }
#HistBox { float:left; display:inline; margin: .55em .75em .55em .55em; padding: 10px 5px 5px 5px; border: 1px #006 solid; width: 350px; background-color:#c2ceff; }
#HistBox img { display:inline; float:left; border: 0; margin: 0 7px 0 0; }
#NavList li { display: inline; background:url(../images/listBar.gif) top right no-repeat; padding:0 .55em;}
#NavList li.end { display: inline; background: none;}
#NavList li a#SelHistory{ text-decoration:underline; }
#imgstyle { margin-left:5px; margin-right:5px; padding:10px; float:right; background-color:#c2ceff; border: 1px solid #272d81; width:485px;}
#imgstyle2 { margin-left:5px; margin-right:5px; padding:10px; float:right; background-color:#c2ceff; border: 1px solid #272d81; width:275px;}
#selection { font-weight:bold; text-decoration:underline; }
div.float {  float: left; border: 0px #006 solid; margin-right:24px; }/*RJ REPLACE WITH FLOATS ABOUT */
div.float p { text-align: center; font-size:.84em; }
#histcentered { margin:auto; width:650px; background-color:#FFFFFF; border: 0px #006 solid; height:430px; margin-bottom:0px; }
/* RESEARCH */
.title { color:#000099; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; font-size:16pt; }
.FirstBox { padding: 20px; border: 1px solid #000099; width:800px; }
.blue { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#000099; font-size:.85em; }
.line { text-decoration:underline; }
/* NEWS */
.NewsBox {padding:.25em; margin: 0 2em 2em 2em;	border-bottom:#999 solid 1px;}
/*.NewsBox img { height:100%;}*/
.NewsBox .date { font-weight:bold; font-style:italic;}
.height { height:128px;}
/* For use with pages having tabs */
#MyAptSubNavList { padding: 3px 0; margin-left: 0; border-bottom: 1px solid #778; font: bold 14px Verdana, sans-serif; }
#MyAptSubNavList li { list-style: none; margin: 0; display: inline; }
#MyAptSubNavList li a { padding: 3px 0.5em; margin-left: 2px; border: 1px solid #778; border-bottom: none; background: #DDE; text-decoration: none; }
#MyAptSubNavList li a:link { color: #448; } 
#MyAptSubNavList li a:visited { color: #667; }
#MyAptSubNavList li a:hover { color: #000; background: #AAE; border-color: #227; }
#MyAptSubNavList li a.current { color: #000; background: white; border-bottom: 1px solid white; }
#MyAptSubNavList li a.download { color: #90051f; }
/* Services */
#JHMLservices { width:275px; float:right; display:inline; padding-left:1em;}
#JHMLservices h3 {text-align:center;}
#JHMLservices li {margin-left:1em; font-size:.85em;}
#testLookUp { float: left; display:inline; background:url(../images/bkTestDir.gif) top left no-repeat; padding:.75em; width:480px;}
#shipping { text-align:center;} #shipping img {margin: 0 1em;}
#consults { background: url(../images/bkConsult.gif) no-repeat top left;}
.fiftyfour {width:54%}
.greenbox {border:3px solid #a0daa0; padding:.5em;}
.greenbox li {margin-bottom:.15em; font-size:.85em;}
.greenbox ol {margin-bottom:1em;}
#jhml {margin-left:4em; } #jhml li { margin:.5em; font-size:1.25em;}
/* PYID */
#pyidwintbl, #pyidclintbl, #pyidbasictbl, #pyidtranstbl  { font-family: "Lucida Sans Unicode", "Lucida Grande",Arial,Sans-Serif; font-size: 0.75em; text-align: left; }
#pyidwintbl {margin: 3.25em; width: 25em;}
#pyidwintbl th { background: #b9c9fe;}
#pyidbasictbl th {background:#B8DEE0;}
#pyidclintbl th { background:#BDE5BD;}
#pyidtranstbl th {background:#C3C3E2;}
th {padding: .5em; font-size: 1.10em; color: #039; }
td{text-align:left; padding: 8px; background: #e8edff; border-top: 1px solid #fff;  color: #669; }

