body {
/*    background: url(./title.jpg) #ffffff no-repeat; */
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 80%;
   color: #333366;
   margin-top: 154px;
   
   behavior: url(/csshover.htc); /* menu hack for IE */
}

#title {
   position: absolute;
   top: 0;
   left: 0;
}

#title img {
   border-width: 0;
}

/*
table {font-size: 100%;}
*/
h1 {
   font-size: 2em;
   font-weight: normal;
}
h2 {
   font-size: 1.5em;
   font-weight: normal;
}
h3 {
   font-size: 1.2em;
   font-weight: bold;
}
h4 {font-size: 1.25em;
    font-weight:normal;}
h5 {font-size: .75em;
    font-weight:normal;}
h6 {font-size: .6em;
    font-weight:normal;}

div.event {
   background-color: #ccccff;
   margin-top: 10px;
   margin-bottom: 10px;
   padding: 1px 5px 1px 5px;
}

div.event p {
   margin-top: 7px;
   margin-bottom: 7px;
   padding-left: 10px;
   font-size: 110%;
}

div.event p.title {
   margin-top: 5;
   padding-left: 0;
   font-size: 100%;
}


ol {
   list-style-type: numeric;
}
li ol {
   list-style-type: lower-alpha;
}

#login {
   position: absolute;
   top: 3px;
   left: 550px;
}

#announce {
   position: absolute;
   top: 22px;
   left: 540px;
   text-align: center;
   font-size: 26px;
   font-weight: bold;
   font-style: italic;
   font-family: "Times New Roman", Serif;
/*   height: 200px; 
   overflow: scroll; */
   white-space: nowrap;
}
#announce a {
   text-decoration: none;
}
#announce a:hover {
   text-decoration: underline;
}

#footer {
   padding-top: 10pt;
   font-size: 80%;
   width: 100%;
}
#footer table {
   border-spacing: 0;
}


#menu {
   background: url(./menu.jpg) #6e6cad no-repeat;
   position: absolute;
   top: 120px;
   left: 0px;
 width: 100%;
/*  float: left; */
/*  display: none; */
}

#menu a, #menu h2 {
 display: block;
 font: bold 100% sans-serif;
/*  font: bold 0.7em/1.4em sans-serif; */
 border-width: 1px;
 border-style: solid;
 border-color: #cce #88a #557 #bbd;
 white-space: nowrap;
 margin: 0;
 padding: 1px 3px 1px 3px;
}

#menu h2 {
 color: #fff;
/*  background:  black; */
 cursor: default;
 padding-top: 5px;
 padding-bottom: 5px;
}

#menu a {
 text-decoration: none;
 background: #ccf;
 width: 97%; /* A magical number... kind of like 41 */
}

#menu a, #menu a:visited {
/*  color: #000; */
}

#menu a:hover {
/*  color: #000; */
 background: #ddf;
}

#menu a:active {
 color: #060;
 background: #ccf;
}

#menu ul {
 list-style: none;
 margin: 0;
 padding: 0;
 float: left;
 width: 16.6%;
}

#menu li {
 position: relative;
/*  background: blue; */
 float: left;
 width: 100%;
}

#menu ul ul {
 position: absolute;
 z-index: 500;
 top: auto;
 display: none;
 width: auto;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu li:hover ul ul { display: none; }

div#menu li:hover ul { display: block; }


@media print {
body {
 margin-top: auto;
}
#menu, #login, #announce {
 display: none;
}
}