body {
 font-family: verdana, arial, helvetica, geneva, sans-serif;
 font-size: 85%;
 background: white;
 margin: 0;
}

/* Hide the H1 from display, since we have an image for the main heading */
h1 {
 height: 0;
 overflow: hidden;
}

a {
 color: blue;
 text-decoration: none;
}

a:hover {
 text-decoration: underline;
}

#header {
 background: #BF85C0 url(images/top_ban.png) no-repeat;
 height: 75px;
}

#navigation {
 background: url(images/men_back.png);
 color: white;
 font-size: 80%;
 position: absolute;
 left: 0px;
 width: 154px;
}

#navigation ul {
 margin: 24px 5px 0px 5px;
 padding: 3px;
 list-style: none;
}

#navigation li a {
 display: block;
 background: #bb0000;
 color: white;
 text-decoration: none;
 margin: 0 0 1px 0;
 padding: 3px;
}

#navigation li a:hover {
 background: #dd0000;
 text-decoration: underline;
}

#navigation2 {
 background: white url(images/top_corn.png) no-repeat;
 position: absolute;
 top: 0px;
 left: 154px;
 width: 19px;
}

#content {
 background: white;
 position: absolute;
 left: 173px;
 margin-right: 19px;
 text-align: justify;
}

#footer {
 background: #ffddbb;
 color: black;
 border: 1px solid #999999;
 margin: 5px;
 padding: 3px;
 position: absolute;
 left: 0px;
 width: 90%;
 font-size: 80%;
}

#content h2 {
 color: red;
 text-align: center;
 margin-top: 0.8em;
}

#content ul li {
 margin-top: 1.0em;
}

#content ul ul li {
 margin-top: 0em;
}

.messbox {
 display: block;
 background: #ffddbb;
 color: black;
 border: 2px solid black;
 margin: 10px;
 padding: 8px;
 text-align: center;
}

.schedule td {
 font-size: 80%;
}

#container {
 border: 0px solid black;
 margin: 0px;
}
 
