/* DIV formatting conventions */

/* Masthead: logo and slogan. */
#masthead {
 /* font-size: 200%; */
 font-weight: bold;
 text-align: right;
 margin-bottom: 0.5cm;
}

#masthead p {
 margin-top: 5px;
}

#masthead p.top {
        margin: 0px;
        /* font-size: smaller; */
}

/* Navigation: links. */
#navigation {
background: #ffcccc url("http://weill.org/translucent/ffcccc.png");
       /* position: absolute; */
border: 1px #806666 solid;
padding-left: 5px;
padding-right: 5px;
margin-right: 10px;
margin-left: 0px;
margin-top: 0px;
 float: left;
width: 30%;

}

#navigation p.leader {
background: #ffaaaa url("http://weill.org/translucent/ffaaaa.png");
 font-weight: bold;
 border-bottom: 1px solid #000;
margin-top: 0px;
margin-left: -5px;
margin-right: -5px;
}

#navigation ul li {
    margin-left: -10px;
}

/* Main text: the meat of the page. */
#maintext {
 /* position: absolute; */
 width: 45%; 
 float: left;
background: #f0fff0 url("http://weill.org/translucent/f0fff0.png");
border: 1px #788078 solid;
  padding-left: 5px;
  padding-right: 5px;
}

#maintext h1, h2, h3, h4, h5, h6 {
   text-transform: lowercase;
}

/* Main text: the meat of the page. */
/* For two-column setup */
#main {
        /* position: absolute; */
        width: 65%;
        float: left;
background: #f0fff0 url("http://weill.org/translucent/f0fff0.png");
 border: 1px #788078 solid;
 padding-left: 5px;
}

.mainleader {
background: #aaffaa url("http://weill.org/translucent/aaffaa.png");
 padding: 2px;
 border-bottom: 1px solid #000;
 margin-top: 0px;
 margin-left: -5px;
}

.lastupdated {
 background-color: #aaffaa;
 background-image: url("http://weill.org/translucent/aaffaa.png");
 text-align: right;
 font-weight: normal;
 padding: 2px;
 border-bottom: 1px solid #000;
 margin-top: 0px;
 margin-left: -5px;
 margin-right: -5px;
}

.lastupdated strong {
 font-weight: bold;
 font-size: larger;
 font-style: italic;
}

/* Real-time. */
#realtime {
background: #ccccff url("http://weill.org/translucent/ccccff.png");
 float: right;
 padding-left: 5px;
padding-right: 5px;
border: 1px solid #666680;
width: 19%;
 /* position: absolute; */
}

#realtime p {
 margin-right: 1px;
 margin-left: 1px;
 margin-bottom: 1px;
margin-top: 0px;
}

#realtime .leader {
background: #aaaaff url("http://weill.org/translucent/aaaaff.png");
 font-weight: bold;
 border-bottom: 1px solid #000;
 margin-left: -5px;
 margin-right: -5px;
}

#realtime .date {
 font-weight: bold;
 font-style: italic;
 margin-top: 5px;
}

#realtime .time {
 font-weight: bold;
}

/* Weill Aspects: "Where am I?" */
#whereami {
background: #ccccff url("http://weill.org/translucent/ccccff.png");
 float: right;
 padding-left: 5px;
padding-right: 5px;
border: 1px solid #666680;
width: 19%;
 /* position: absolute; */
}

#whereami .leader {
background: #aaaaff url("http://weill.org/translucent/aaaaff.png");
 font-weight: bold;
 margin-left: -5px;
 margin-right: -5px;
margin-top: 0px;
 border-bottom: 1px solid #000;
}

.legal {
 font-size: 75%;
}

.topic {
 font-weight: bold;
 border-bottom: 1px solid #000;
}

#footer {
 clear: both;
 border-top: 1px solid #000;
}

#callout {
float: left; 
width: 150px; 
font-size: 150%;
text-align: center; 
background-color: yellow; 
color: black; 
margin-left: 50px; 
margin-top: 30px;
}

dt {
    font-weight: bold;
}

#photozoom {
        width: 100%;
 background-color: #ccccff;
}

#photobg {
        text-align: center;
 margin-left: auto;
 margin-right: auto;
}