body {background: white; margin-left: 5% ; margin-right: 5%; margin-top: 0.5in}

/* for random experiment */
input.try-me {
    width: 50em;
    background: blue;
}


ul {list-style: disc; margin: 0em 0em 0em 0em;}

h4 { 
  margin-bottom: 1pc;
} 

blockquote.announce {
   border: solid;
   border-width: medium;
   border-color: red;
   background-color: yellow;
   padding: 5px;
}

/* small size test in calendar */
span.calsmall {
   font-size: smaller;
   font-weight: bold;
   }

table {
	border-collapse: collapse;
	border-spacing: 0;
       }

a:hover {
	color: #FF0000;
	}

.menucell {font-family:Arial,Verdana, Helvetica, sans-serif; font-size:small ; font-weight:bold; 
	  color:yellow;	
          background-color: #003163; 
          font-variant: small-caps;
	  list-style: none;
	  padding: 2pt;
	  }

td.menucell li ul {
    display: none;
    list-style: none outside;
}


/* These dropdown menus don't work in IE.  There's a way to fix it but
I'm too lazy.  See http://www.seoconsultants.com/css/menus/tutorial */

td.menucell li:hover > ul {
    background-color: #003163;
    display: block;
    list-style: none;
    text-indent: -1ex;
    padding-right: 1ex;
    position: absolute;
    z-index: 1;
}

.menucell a {
    text-decoration: none;
    color: yellow;
}

.menucell a:hover {
    background-color: yellow;
    color: red;
}