BODY {
font-family: Georgia, serif;
background-color: white;
}

DIV.welcome P, DIV.welcome H1 {
margin: 0px;
padding: 0px;
}

.spaced, .spaced-title {
font-variant: small-caps;
letter-spacing: 0.25em;
text-transform: lowercase;
}

H1 IMG {
vertical-align:  middle;
margin: 1em;
}

DIV.welcome {
text-align: center;
}

P.left {
text-align: left;
}

.cent {
  width: 600px;
  margin-left: auto ;
  margin-right: auto ;
}

.menu {
text-align: center;
width: 32em;
margin-left: auto;
margin-right: auto;
}

.menu .notes {
font-weight: bold;
font-style: italic;
font-size: x-small;
margin-bottom: 3em;
text-align: left;
}

.menu .courses ul, .menu .courses dl {
list-style: none;
margin-top: 0;
}

.menu dt {
font-weight: bold;
margin-left: 0;
}

.menu dd {
font-style: italic;
margin-left: 0;
}

.menu .courses p {
font-style: italic;
font-size: small;
}

.footer {
font-style: italic;
font-size: x-small;
text-align: center;
}

.footer P {
margin: 0.25em 0;
}

.menu big {
font-weight: bold;
}

.menu .sep {
margin: 0.5em 0;
}

.menu .choice {
font-style: italic;
}

.menu .courses {
margin: 3em 0;
}

.menu .courses UL {
padding: 0;
}

.promo {
border: solid 0.2em;
border-radius: 0.5em;
line-height: 1.4em;
margin-bottom: 0.5em;
}

.promo:hover {
cursor: pointer;
color: #00f;
}

.promo:hover > a {
text-decoration: underline;
}

.promo a {
text-decoration: none;
}

.promo a:hover {
text-decoration: underline;
}

.promo .spaced-title {
font-size: 2.0em;
margin-bottom: 0.2em;
}

strong.spaced-title {
font-size: 1.8em;
padding-bottom: 0.24em;
}