/* Set overall style, colors, margins and font */
BODY { 
      background: #fff;
      padding:  2.5em;
      margin: 0 ;
      font-family: Helvetica, sans-serif;
      color: #003366;
      }

.motd{
  position: relative;
  background-color: white ;
  width: 80% ;
  min-width: 450px;
  margin:  30px 10% ;
  padding: 0 ;
  border: 5px ridge maroon ;
  z-index: 10;
}

.news{
  position: relative ;
  background-color: white ;
  width: 58% ;
  height: 100% ;
  min-width: 200px;
  margin-right: 40% ;
  margin-left: 0;
  padding: 10px ;
  border-right: 2px solid maroon ;
  z-index: 4;
}

.book{
  position: absolute;
  top: 0 ;
  right: 0;
  background-color: white ;
  width: 34% ;
  min-width: 100px;
  padding: 10px ;
  z-index: 5;
}

.today{
  position: absolute ;
  background-color: #ffe9bf ;
  width: 35% ;
  min-width: 250px;
  margin-left: 33% ;
  margin-bottom: 1em ;
  border: 5px ridge ;
  padding: 6px ;
  text-align: center;
}

.cover {
float: right; margin: 8px;
   }

.cent{
text-align: center;
   }
   
.content{
  position: relative ;
  background-color: white;
  width: 95% ;
  min-width: 200px;
  Margin-top: 0;
  margin-left: 2.5%;
  padding: 6px ;
}

/* Style for Headers alignment, color, margins above and below, whether or not to wrap */
H1 { text-align: center; color: maroon; margin-top : 0em; margin-bottom: 0.25em; clear : both ; }
H1.title { text-align: right; color: maroon; margin-top : 0em; margin-bottom: 0.5em; }
H2 { text-align: center; color: maroon; margin-top : 0.25em; margin-bottom: 0.25em; clear : both ;}
H3 { text-align: center; color: maroon; margin-top : 0.25em; margin-bottom: 0.25em; clear : both ;}
H4 { text-align: center; color: maroon; margin-top : 0.3em; margin-bottom: 0.5em; clear : both ;}

/* general and special paragraph styles, text indent */
P  { text-indent: 2em }
P.date { text-align: center; text-indent: 0em; font-family: Helvetica, sans-serif; background-color: teal; padding: 1em ; color: yellow }

/* define display for citations, emphasized and strong */
/* note the font specification when italics are used! */
strong { font-size: 110%;   font-weight: bold; color: #006600 }
strong.req { font-size: 110% ; color: red} 
cite { color:maroon;  font-family: Helvetica, sans-serif; }
EM { color: olive ; font-family: Helvetica, sans-serif; }
B { font-size: 1em ; font-weight: bold ; }

/*  image styles - note: Netscape doesn't support all this yet */
img { border-style: none ; margin: 0em ; }
img.portrait { border-style: none ; float : right ; padding-left: 2em ; padding-bottom: 2em; }
img.icon { border-style: none ; margin : 0em ; padding : 0em ; display : inline ; float : none; }
img.logo {  border-style: none ; margin : auto ; padding : 0em ; } 
img.banner { display: block ; margin-right: auto ; margin-left: auto ; }

/* establish desired margins for lists and blockquote */
BLOCKQUOTE { margin-right: 3em; margin-left: 3em; color: #000 }
UL {list-style-type: square}
OL   { margin-right: 10%; margin-left: 5% }
DL   { margin-right: 5%; margin-left: 3% }

/* define a couple of address styles */
/* to use: <address class=addr1> */
.addr1 { margin-right: 2em; 
                 margin-left: 3em; 
                 font-style: normal ; 
                 font-family: Helvetica, sans-serif; 
                 color: navy ;
                 background-color: white; 
                 padding: 6px  }
.addr2 {    font-style: normal ; 
                 font-family: Helvetica, sans-serif; 
                 color: navy ;
                 background-color: white; 
                 padding: 6px  }

/* set link colors and styles */
A:link    { color:#663300; text-decoration: underline }
A:visited { color:#006666; text-decoration: underline }
A:hover   { color:#666600; text-decoration: underline }
A:active  { color:#00FF00}

/* set margins for HR */
HR { margin-top : 1em; margin-bottom : 1em; }

/* define text indent for BR (just to make sure) */
BR    { text-indent: 0em }

/* define a couple of special classes so that I can have paragraphs that */
/* don't indent and some special text if I desire */ 
.noin { text-indent: 0em }
.special { background-color:olive; color:white; padding: 1em ; margin-right: 3em; }