body {
margin: 0;
padding: 0;
background: #1A2070 url(../images/royalbg.jpg);
background-position: top;
background-repeat: repeat-x;
font-size: 100.01%;
font-family: "Trebuchet MS", Georgia, Arial, sans-serif;
}

#wrapper {
background: #FFFFFF;
margin: 4em;
padding: 0;
border: 0.2em solid #000000;
}

#header {
background: #FFFFFF;
background-position: bottom;
background-repeat: repeat-x;
height: 103px;
text-align: center;
border: none;
}

#logoid {
position: absolute;
top: 2em;
left: 4em;
z-index: 150;
border-top: 0.2em solid #000000;
border-right: 0.1em solid #000000;
border-bottom: 0.1em solid #000000;
border-left: 0.2em solid #000000;
}

#mainwrap {
margin: 0;
padding: 0;
border-top: 0.1em solid #CDCDCD;
background: #FFFFFF;
background-position: left;
background-repeat: repeat-y;
}

#nav {
float: left;
width: 14%;
border: 0;
margin: 0;
padding: 0;
background: transparent;
}

#nav p {
font-weight: bold;
font-size: 0.9em;
margin-left: 0.4em;
margin-top: 0;
}

#nav ul {
margin: 0.4em;
margin-left: 1em;
padding: 0;
}

#nav ul li {
list-style-type: none;
margin: 1em auto;
padding: 0;
}

#nav ul li a {
color: #000000;
text-decoration: underline;
}

#nav ul li a:hover {
text-decoration: none;
}

#nav dl {
font-size: 0.8em;
margin: 0;
padding: 0.2em;
}

#nav dt {
font-weight: bold;
}

#nav dd {
margin: 0;
padding: 0;
}

#main {
float: left;
width: 81%;
margin: 0;
padding: 0;
padding-left: 0.5em;
border: none;
border-left: 0.1em solid #CDCDCD;
background: transparent;
}

#main h2 {
margin: 0;
padding: 0;
text-align: center;
}

#main h3, h4 {
margin: 0;
padding: 0;
}

#main p {
margin: 0;
margin-bottom: 0.5em;
padding: 0;
line-height: 1.5em;
}

#main p.subtitl {
font-size: 1.5em;
font-weight: bold;
line-height: 1.5em;
margin-bottom: 0;
}

#main p.panic {
text-align: center;
}

#main p.explain {
margin-top: 0.5em;
font-size: 0.9em;
font-style: italic;
}

#main a {
font-weight: bold;
color: #000000;
text-decoration: underline;
}

#main a.aim {
text-decoration: none;
}

#main a:hover {
text-decoration: none;
}

#main address {
font-style: normal;
font-size: 0.9em;
text-align: center;
margin-bottom: 1.2em;
}

#main span.notice {
font-size: 1.5em;
font-weight: bold;
}

#main table {
border: 0.1em solid #000000;
border-collapse: collapse;
margin-bottom: 1em;
}

#main caption {
font-weight: bold;
}

#main tr.weekdays {
text-align: center;
background: #CCCCCC;
font-weight: bold;
}

#main td {
border: 0.1em solid #000000;
padding: 0.2em;
}

#main dl {
margin: 1em 0;
padding: 0;
}

#main dt {
font-weight: bold;
margin-top: 1em;
}

#main dd {
margin: 0;
padding: 0;
}

#foot {
clear: both;
border-top: 0.1em solid #CDCDCD;
margin: 0;
padding: 0;
font-size: 0.8em;
}

#foot p {
margin: 0;
margin-left: 1.2em;
padding: 0;
}

/* text formatting classes */
.subtitl2 {
font-size: 1.5em;
margin-bottom: 0;
text-align: center;
}

/* special div class */
.readings {
margin: 0;
padding: 0;
border: none;
text-align: center;
}

.calendar {
float: left;
width: 31%;
margin: 0 auto;
padding: 0;
}

.calendar a {
font-weight: bold;
text-decoration: underline;
}

.calendar a:hover {
background: #FFFFFF;
}

.calendar a span {
display: none;
}

.calendar a:hover span {
display: block;
position: absolute; 
top: 45%;
left: 62%;
width: 200px;
padding: 0.1em;
margin: 0.1em;
z-index: 100;
color: #000000;
background: #CCCCCC;
font-size: 1em;
border: 0.1em solid #000000;
}

.directions {
clear: both;
border: none;
text-align: left;
}

.topichdr {
font-size: 1.5em;
font-weight: bold;
}

td.traveldate {
font-weight: bold;
}

.ctr {
text-align: center;
}

.stmt {
text-align: center;
font-style: italic;
font-size: 1em;
}

.evtnews {
font-size: 1.5em;
font-weight: bold;
line-height: 1.5em;
margin-bottom: 0;
}