/* 
  ------------------------------------------------
  Selestin
  ------------------------------------------------
*/

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
color: #000000;
background-image: url(../images/wbsdsbg1.jpg);
background-repeat: repeat-x;
background-color: #f4ffe4;
min-width: 990px;
margin: 0;
padding: 0;
}

h1 {font-size: 1.8em; margin: 0; color: #99CC66;}
h2 {font-size: 1.6em; margin: 0;}
h3 {font-size: 1.25em; margin: 0; color: #993300;}
h3.black { font-size: 1.15em; margin: 0; color: #000000; text-decoration: underline; font-weight: normal; font-style: italic; }
h4 {font-size: 1.1em; margin: 0; color: #993300; padding-bottom: 10px;}
h4.publicationsubheading, h4.minorheading {font-size: 1em; margin: 0px; padding: 0px; color: #000000; font-weight: bold;}
h4.grantsubheading {font-size: 1.1em; margin: 0; color: #000000; font-weight: bold;}
h4.author {font-size: 1em; margin: 0; color: #000000; font-weight: bold;}
h4.projectsheading {font-size: 1em; margin: 0; color: #993300; padding-bottom: 0px;}
h4.minorheading { margin-bottom: 0px; }
h4.blackbold {font-size: 1.1em; margin: 0; color: #000000; font-weight: bold; padding-top:20px;}

img {border: none; margin: 0;}
img.floatlft { float:left; clear: right; padding: 6px 10px 5px 0; }	
img.floatrgt { float:right; clear: right; padding: 5px 0 10px 10px; }
img.floatrgtwinlogosm { float:left; clear: right; padding: 5px 0 10px 10px; }
img.floatrgtoptout { float:right; clear: right; padding: 15px 0 25px 10px; }

.logo {
width: 197px;
height: 60px;
margin: 20px 20px 20px 30px;
background-image:url(../images/jhulogo.gif);
background-repeat:no-repeat;
float: left;
}

.logojhu { width: 179px; height: 41px; margin: -23px 20px 20px 30px; background-image:url(../images/jhu_logo.jpg); background-repeat:no-repeat; float: right; 
}

.p7uberlink {font-weight: bold!important; color: #993300!important;}

.nomargintop {margin-top: 0;}
.content p { margin: 6px 0 12px 0; }
.pubstyle1 {color: #000000;}
.pubstyle2 {color: #566F0B;}
.pubstyle2formatting {color: #566F0B; letter-spacing: .035em;}
.pubstyleitalics {font-style: italic;}
.linkpadding {padding-left: 10px;}
.linkpaddingnews {padding-left: 7px;}
.boldstrong {font-weight: bold;}

#containerlogo { margin: 0; padding: 0; height: 70px; background-color: #ffffff; z-index: 20; position: relative; }

#masthead {color: #f4ffe4; padding: 0px; margin: 0; overflow: hidden;}
#masthead .content { padding: 10px 0px 0 0px; text-align: center; }
#banner {width: 990px; margin: 0 auto; color: #f4ffe4; padding: 0px; overflow: hidden;}
#banner .content {padding: 0px 20px 0 0px; text-align: left;}

#wrapper {width: 990px; margin: 0 auto;}
#column_wrapper {margin-top: 6px; width: 990px;}
#column_top {margin: 2px 0 0 0; padding: 7px 0 0 0;}
#column_top h1 {color: #C5DCA6; font-size: 150%; position: relative; width: 900px; height: 249px; overflow: hidden; text-indent: -9999px;}
#column_top h1 span {
position: absolute;
left: 0;
width: 100%;
height: 100%;
background-image: url(../images/wbsdsmastlg.jpg);
background-repeat: no-repeat;
top: 0px;
}

#column_topinterior { margin: 2px 0 0 0; padding: 1px 0 0 0; height: 166px; }
#column_topinterior h1 {color: #C5DCA6; font-size: 150%; position: relative; width: 900px; height: 166px; overflow: hidden; text-indent: -9999px;}
#column_topinterior h1 span {
position: absolute;
left: 0;
width: 100%;
height: 100%;
background-image: url(../images/wbsdsmastaltsm.jpg);
background-repeat: no-repeat;
top: 0px;
}

#column_topinteriorwinhealth { margin: 2px 0 0 0; padding: 1px 0 0 0; height: 166px; }
#column_topinteriorwinhealth h1 {color: #C5DCA6; font-size: 150%; position: relative; width: 900px; height: 166px; overflow: hidden; text-indent: -9999px;}
#column_topinteriorwinhealth h1 span {
position: absolute;
left: 0;
width: 100%;
height: 100%;
background-image: url(../images/mastsm_winhealth.jpg);
background-repeat: no-repeat;
top: 0px;
}

#column_bottom {height: 15px;}

.clearfloat {clear: both; height: 0; line-height: 0; font-size: 0;}

#right, #grants, #contact, #datashare, #projects {width: 630px; float: left;}
#grants, #datashare {border-left: 1px dashed #999999; margin-left: 2px;}

#left {width: 260px; float: left;}
#left .content {padding: 24px 20px; font-size: 0.75em; line-height: 1.5em;}

#newsandevents {
width: 260px;
float: left;
background-image: url(../images/newsandevents.gif);
background-repeat: no-repeat;
margin-left: -19px;
margin-top: 20px;
border: 1px solid #999999;
}

#newsandevents .content{padding: 0px 0px 10px 20px; font-size: 1em; line-height: 1.5em;}
#wrapper #column_wrapper #left .content #newsandevents .content .menuevents li {
list-style: url(../images/bulletnews.gif);
list-style-position: outside;
}

#right .content, #grants .content, #contact .content, #datashare .content, #projects .content {
padding: 24px 24px 24px 35px;
font-size: 0.8em;
line-height: 1.65em;
}

#projects .content p {margin-top: 0px}

.pullquote {
float: right;
margin: -20px 10px 10px 10px;
color: #000000;
width:30%;
padding: 5px 0;
border:1px solid black;
font-size:0.9em;
background-color: #BCF288;
text-align: center;
}

#right span.pullquote  {font-size: 1em; color: #000000; font-weight: normal; line-height: 1.2em;}
#right span.pullquote a {text-decoration: none; color: #000000;}
#right span.pullquote a:hover {text-decoration: underline;}
#right span.pullquote a:visited {color:#000000;}

#footer .content {padding: 12px 0 0 30px;}
#footer { margin: 0; font-size: 0.7em; clear: both; border-top: 1px solid #999999; height: 50px; }

.menulist, .menuevents{margin: 6px 0 12px 0; padding: 0; list-style-type: none;}
#wrapper #left .menuevents a {color: #993300; padding: 0 0 0 6px; text-decoration: none;}

#wrapper .menulist a, #wrapper .menulist a:visited {color: #566F0B; border-left: 2px solid #993300; padding: 0 0 0 6px; text-decoration: none;}
#wrapper .menulist a:hover {border-color: #000000;}
#wrapper #left .menuevents a:visited {text-decoration: none;}
#wrapper #left .menuevents a:hover {color: #000000;}

#left a:link {color: #566F0B;}
#left a:visited {color: #333333;}
#left a:hover {color: #000000;}

#right a:link, #grants a:link, #contact a:link, #datashare a:link {color: #566F0B;}
#right a:visited, #grants a:visited, #contact a:visited, #datashare a:visited {color: #566F0B;}
#right a:hover, #grants a:hover, #contact a:hover, #datashare a:hover, 
#projects a:hover, #right a:link.author2, #right a:visited.author2 {color: #000000;}
#right a:link.author2, #right a:visited.author2 {text-decoration: none;}
#projects a:link, #projects a:visited {color: #993300; text-decoration: none;}

#footer a:link {color: #999999;}
#footer a:visited {color: #666666;}
#footer a:hover {color: #66840D;}