/* Page layout and general presenation */

body { font-family:Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular,sans-serif;
        background-color:#999939 }
h1 { font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular,sans-serif; font-size: 300%; text-align: center; }
h2 { font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular,sans-serif; font-size: 200%; }

@media all {
     .heading { margin-left:20%; }
     .menu { position:absolute; top:12.5%; left:2.5%; width:15%; height:85%;
              background-color:#990033; }
     .content { margin-left:20%; }

     a:hover { background-color:#999999; color:black; }

     .hide { display: none; }
}


/* Navigating around the page */

.signpost { font-size: 85%; clear:both; text-align: right; }


/* Page heading layout */

.heading h1 { color: #990033; font-style:italic; }



/* Menu formatting */

.menu { text-align:center; 
        display: none; }

 @media all {
     .menucell { display:block; margin-top:.5em; }
     .menucell a { width:100%; display:block; 
                   font-weight:bold; color:black; text-decoration:none; }
     .menucell a:hover { font-weight: normal; }
}


/* Page content format */

.content h1 { color: #990033; }


/* Paragraph formatting */

.lead { font-size: 110%; text-align:justify; }
.lead:first-letter { font-size:150%; }
.lead:first-line { font-weight:bold; }
.leadtext { text-transform: uppercase; }

.note { font-size: 85%; }


/* Picture presentation */

.portrait { text-align:center; }

@media all {
     .portrait { border:solid; border-color:#990033; margin-bottom:1em; }
     .portrait .note { color:#990033; text-align:center; }
}