body
{
    background: url( /misc/bg2.jpg ) fixed repeat top right;
}
table.main
{
    color: inherit;
    background-color: #f0f0f8;
    width: 840px;
}
div.main
{
    color: inherit;
    background-color: #f0f0f8;
    padding: 0 2px;
    width: 840px;
}
#home_mid {
    width: 840px;
}
#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: 840px;
}

.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;
    /*    width:  680px; height: 540px; */
    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;
}