/* body style explained on p. 41 */

body { font-family: Verdana, Geneva, "Bitstream Vera Sans", "Dejavu Sans", sans-serif;
background-color: #666666;
color: #000000;
margin: 0;
padding: 0;
text-align: center; }

/* p. 43: */
h1, h2, h3, h4, h5, h6 { font-family: Cambria, "Palatino Linotype", "Book Antiqua", "URW Palladino L", serif; }

h4 { padding-left: 5px; }

#slogan { text-align: left; padding-left: 22px; padding-bottom: 0; margin-bottom: 0; }

/* I made the padding of the slogan a little bigger than the main text in the body; because otherwise it looks smaller */

#container { 
             width: 80%;
             background-color: #EBEBEB;
             margin: 0 auto;
             text-align: left;
}

/* p. 29 */

#header { 
          background-color: #91A43D; 
          margin: 0;
          padding: 0;
          text-align: center;
          overflow: hidden;
          border: 1px;
}

#sidebar { 
           float: right;
           width: 234px;
/*           margin: 10px 20px 0 1em; */
           padding: 0 5px;
           border: 1px;
           text-align: left;
           position: relative;
}

/* width plus left and right padding of #sidebar must be equal to margin-right of #maincontent */

#mainContent { 
               background-color: #FFFFFF;
               margin-right: 244px;
               padding: 10px 1em 0 15px;
               border: 1px;
}

#footer p { 
            margin: 0;
            padding: 10px 0;
            background-color: #DDDDDD;
            text-align: center;
            font-size: .8em;
            border: 1px;
}

/* #bannerdiv: { margin-top: -52px; } */

/* #topband: { margin-bottom: -52px; } */

.blurb { font-size: .8em; }

dt.blurb { font-weight: bold; padding-right: 1em;   padding-left: 5px; }

dd.blurb { padding-left: 0; margin-left: 5px; margin-top: 5 px; }

/*- explanation of this class on p. 33: */

.clearfloat { clear: both; height: 0; font size: 1px; }

/* p. 102: */

#navbar { display: none; }

.desc { visibility: hidden; }

dt { float: left; padding-right: 0; }

.oldlocation { float: left; padding-left: 1em; padding-right: 1em; background-color: #FFFFFF; color: #336666; }

.tod { float: left; width: 4em; text-align: left; padding-left: 0; padding-right: 0; background-color: #FFFFFF; color: #336666; overflow: visible; }
.location { float: left; width: 8em; text-align: right; padding-left: 0; padding-right: 1em; color: #336666; }

#toplogo { float: right; }

#bottomlogo { float: right; position: relative; bottom: 52px;}

/* #bottomlogo { position: absolute; bottom: 0; }  */

.skip { display: none; }

.runin { display: inline; }

.phantom { visibility: hidden; }