body
  {
    background-image: url( /misc/bg2.jpg );
  }
table.main
  {
    color: inherit;
    background-color: #f0f0f8;
  }
div.main
  {
    color: inherit;
    background-color: #f0f0f8;
    padding: 0 2px;
  }
#page_head {
    width: 100%;
    height: 100%;
    font-size: x-large;
    text-align: left;
    text-decoration: none;
    font-family: sans-serif;
    color: white;
    background: #002f55 url( /misc/bg-header.jpg ) repeat-x;
}
h1
  { font-family:arial,sans-serif;
    font-size:120%;
    margin-left:  1em;
    background-color: inherit;
    color:rgb(0,0,160);
  }
h2
  { font-family:arial,sans-serif;
    font-size:110%;
    margin-left:  3em;
    background-color: inherit;
    color:rgb(0,64,0);
  }
h3
  { font-family:arial,sans-serif;
    font-size:100%;
    margin-left:  5em;
    background-color: inherit;
    color:black;
  }
a:link
  { color:rgb(128,0,0);
    background-color: inherit;
    text-decoration:underline;
  }
a:visited
  { color:rgb(112,0,0);
    background-color: inherit;
    text-decoration:underline;
  }
a.light:link
  { color:rgb(255,192,192);
    background-color: inherit;
    text-decoration:underline;
  }
a.light:visited
  { color:rgb(240,192,192);
    background-color: inherit;
  }
a.footer
  { color:white;
    background-color: inherit;
    text-align:center;
    margin-left:0em;
  }
a:hover
  { color:rgb(255,96,96);
    background-color: inherit;
    font-weight: bold;
    text-decoration:underline;
  }
a.light:hover
  { color:rgb(255,96,96);
    background-color: inherit;
  }

#toc
  { border:1px solid #8888aa;
    color: inherit;
    background-color:#f7f8ff;
    padding:5px;
    font-size:95%;
  }

img#slide {
  margin: 0;
  padding: 0;
}

div#caption {
   margin: 0 0 1ex 0;
   padding: 0;
   color: white;
   background-color: #305F85;
   text-align: center;
   font-size: 120%;
}

.captioned_image {
   float: right;
   color: white;
   background-color: #305F85;
   text-align: center;
   font-size: 80%;
   font-family: sans-serif;
   font-weight: bold;
   clear: both;
}

.bottom_nav {
   background-color: #305F85; 
   color: white;
   width: 740px;
   /* width: 100%; */
}

.announcement {
    font-weight: bold;
    color: red;
    font-size: x-large;
    font-variant: small-caps;
}

.edit_button {
    font-variant: small-caps;
    font-size: small;
}

th.bot_nav {
   width: 10%;
   margin: 0;
   padding: 0;
}

#bottom_msg {
   font-family: arial, sans-serif;
   font-weight: bold;
   padding: 1ex 1em;
   border: groove;
   color: #fffff0;
   background-color: #305F85;
}

.player_button {
  border: none;
}

.google {
   text-align: left;
   margin: auto 1ex;
   vertical-align: bottom;
}

.google_button {
    border: #4040a0 outset;
    margin: 2px auto;
    padding: 1px .1ex;
    background-color: #305080;
    color: white;
    text-decoration: none;
    text-align: center;
}

.main_button {
    font-weight: bold;
    width: 16ex;
    border: #4040a0 outset;
    margin: 2px 2ex;
    padding: 1px 1ex;
    background-color: #305080;
    color: white;
    display: block;
    text-decoration: none;
    text-align: center;
}

.main_button:link {
    background-color: #204070;
    /* background-color: #305080; */
    color: white;
    text-decoration: none;
}

.main_button:visited {
    background-color: #204070;
    /* background-color: #305080; */
    color: white;
    text-decoration: none;
}

.main_button:hover {
    text-decoration: underline;
    border: #6080c0 outset;
    color: #e0e0e0;
    background-color: #5070a0;
}
    .mainlogo {
      width:  419px;
      height: 304px;
      border: 0;
      padding: 0;
      margin: 0;
      font: normal normal bolder 5pt monospace;
      text-decoration: none;
      color: #000040;
      background-color: white;
    }

.boxed {
  color: inherit;
  background-color: white;
  border: #000040 groove;
  padding: .5ex 1ex;
}

.smallcaps {
  font-variant: small-caps;
}


    div.video {
      float: left;
      text-align: center; 
      color: black; 
      background-color: #c0c0e0; 
      border: groove;
      margin: 1ex 1ex 0 0; 
      font-family: sans-serif; 
      font-size: small;
    }

    .VideoPlayback {    
      width: 440px;
      height:359px;
    }

.accord {
    background-image: url( /misc/accord_bg.gif );
}

.accord:hover {
    color: red;
    font-variant: small-caps;
}