html, body {
   margin: 0;
   padding: 0;
   background: #000066;
   font-family: sans-serif;
}

.layer1 {
   margin: 20px auto 0px auto; /* margins go Top, Right, Bottom, Left */
   width: 750px;
   font-size: .8em; /* This line controls the overall font size */
   color: #000066;
}

/* Title (as if it wasn't obvious) */

#title {
   background: #FFFFFF;
   color: #000066;
   text-align: center;
   font-weight: bold;
   font-size: 22px;
   font-variant: small-caps;
   letter-spacing: .3em;
}

/* Top navigation */

#topNav {
   margin-top: 2px;
   background: #CC0000;
   text-align: center;
   padding-left: 5px;
}

#topNav a {
   text-decoration: none;
   font-size: 95%;
   color: #FFFFFF;
}

#topNav a:hover {
   background: #000066;
   border: thin solid #FFFFFF;
}

/* Main section and section headings */

#main {
   background: #FFFFFF;
   margin-top: 2px;
   padding: 10px;
   text-align: justify;
   line-height: 2em;
   float: left;
   width: 582px;
}

#main a {
   text-decoration: underline;
   color: #000066;
}

#main a:hover {
   background: #000066;
   color: #FFFFFF;
}

#mainHeadBlue {
   background: #000066;
   font-size: 18px;
   font-variant: small-caps;
   letter-spacing: 1em;
   color: #FFFFFF;
   padding-left: 25px;
   font-weight: bold;
   margin-bottom: 10px;
}

#mainHeadRed {
   background: #CC0000;
   font-size: 18px;
   font-variant: small-caps;
   letter-spacing: 1em;
   color: #FFFFFF;
   padding-left: 25px;
   font-weight: bold;
   margin-bottom: 10px;
}

#mainHeadMiniBlue {
   font-size: 16px;
   font-variant: small-caps;
   letter-spacing: .2em;
   color: #000066;
   padding-left: 50px;
   font-weight: bold;
   margin-bottom: 10px;
   text-decoration: underline;
}

#mainHeadMiniRed {
   font-size: 16px;
   font-variant: small-caps;
   letter-spacing: .2em;
   color: #CC0000;
   padding-left: 50px;
   font-weight: bold;
   margin-bottom: 10px;
   text-decoration: underline;
}

/* Right sidebar navigation */

.navRight {
   /* Hint: you can make the right navigation bar always visible
      by changing the following value from 'absolute' to 'fixed' */
   position: absolute;
   margin-top: 2px;
   margin-left: 605px;
   width: 145px;
   color: #FFFFFF;
}

.navRightHead {
   margin-bottom: 10px;
   font-size: 16px;
   font-weight: bold;
   font-variant: small-caps;
   text-align: center;
   background: #FFFFFF;
   color: #000066;
}

.navRight p {
   line-height: .5em;
}

.navRight a {
   padding-left: 10px;
   font-size: 12px;
   list-style: square;
   text-decoration: none;
   color: #FFFFFF;
}

.navRight a:hover {
   background: #FFFFFF;
   color: #000066;
   border: thin solid #CC0000;
   width: 145px;
}

/* Just a little place to be heard */

.navRightShout p {
   margin-top: 30px;
   margin-bottom: 30px;
   padding: 5px;
   border-top: thin solid #CC0000;
   border-bottom: thin solid #CC0000;
   text-align: center;
   line-height: 1.2em;
}

/* Footer */

#footer {
   font-size: 10px;
   clear: left;
   margin-bottom: 20px;
   text-align: left;
   padding: 5px;
   color: #FFFFFF;
}

#footer a {
   color: #FFFFFF;
   text-decoration: underline;
}

#footer a:hover {
   background: #FFFFFF;
   color: #000066;
   border: thin solid #CC0000;
}