html { 
  height: 100%;
  margin: 0;
  padding: 0;
}

body {  
  background-color: #c93;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 69%; 
  height: 100%;
  margin: 0;
  padding: 0;
  text-align: center; /* This is so that the container div will be centered in all browsers */
}

a, a:link, a:active {
  color: #c93;
  font-weight: bold;
  text-decoration: none;
}

a:visited {
  color: #993;
}

a:hover {
  color: #c93;
  text-decoration: underline;
}

em {
  font-style: italic;
}

img {
  border: 0px;
}

#container { /* container for complete page contents */
  background-color: #fff;
  border-right: #630 dashed 1px;
  border-left: #630 dashed 1px;
  margin: 0  auto 0 auto;
  padding: 0; 
  position: relative;
  width: 760px;
  text-align: left; /* This realigns text left because body text alignment had to be set to center */
}
#banner { /* container for logos */
  height: 7.9em;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}

#banner h1 {
  color: #660;
  font-size: 1.5em;
  font-variant: small-caps;
  margin: 0 0 0 4em;
  padding: 1em 0 0 0;
}

#logo {
  float: left;
  margin: 0;
  padding: 0;
}

#stc {
  float: right;
  margin: -1em 0 0 0;
  padding: 0;
}

#nav-container { 
  background-color: #660;
  clear: both;
  height: 2em;
  margin-top: 0 auto;
  padding: 0;
  position: relative;
  width: 100%; 
}

#main { /* container for the main content of the page - 3-column layout */
  float: left;
  min-height: 10px;
  margin: 10px 0 0 0;
  padding: 0;
  position: relative;
  width: 70%; 
}

#main-2 { /* container for the main content of the page - 2-column layout */
  float: left;
  min-height: 10px;
  margin: 10px 0 0 0;
  padding: 0;
  position: relative;
  width: 100%; 
}

#sidebar-1 { /* container for navigation subordinate to main navigation */
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  width: 210px;
}

#sidebar-1 .wotd { /* class for word of the day format */
  font: Verdana, Arial, Helvetica, sans-serif;
  margin-top: 1em;
}

#sidebar-1 .wotd b {
  background-color: #c96;
  color: #fff;
  display: block;
  margin-bottom: -1em;
  padding: 0.5em 1em 0.5em 1em;
}

#sidebar-1 .wotd small {
  font-size: 1em;
}

#sidebar-1 h1 {
/*  background-color: #c96;*/
  border-bottom: #c96 solid 3px;
  color: #c96;
  font-size: 1em;
  font-weight: bold;
  margin: 0.5em 0 -0.1em 1em;
  padding: 0.5em 1em 0.2em 0em;
}

#sidebar-1 li {
  line-height: 1.5em;
  margin: 0 1.5em 0.5em 0;
  padding: 0;
}

#sidebar-1 p {
  font-size: 1em;
  line-height: 1.5em;
  margin: 5px 10px 5px 10px;
  padding: 0;
}

#feature-1 { /* container for featured content in 3-column layout */
  float: right;
  margin: 0;
  padding: 0;
  position: relative;
  width: 315px;
}

#feature-1 h1, #feature-2 h1 {
  background-color: #c93;
  color: #fff;
  font-size: 1em;
  font-weight: bold;
  margin: 0.5em 1em;
  padding: 0.5em;
}

#feature-1 h1 + h2 {
  margin: 0.5em 1.5em 0.5em 1.5em;
}

#feature-1 h2, #feature-2 h2 {
  border-bottom: 1px #963 solid;
  color: #963;
  font-size: 1em;
  font-weight: bold;
  margin: 1.5em 1.5em 0.5em 1.5em;
  padding: 0 0 0.2em 0;
}

#feature-1 h3, #feature-2 h3 {
  color: #963;
  font-size: 1em;
  font-weight: bold;
  margin: 1.5em 1.5em 0 1.5em;
  padding: 0;
}

#feature-1 h4 {
  color: #963;
  font-size: 1em;
  font-style: italic;
  font-weight: normal;
  margin: 1.5em 1.5em 0 1.5em;
  padding: 0;
}

#feature-1 li, #feature-2 li {
  line-height: 1.5em;
  margin: 0 1.5em 0.5em 0;
  padding: 0;
}

#feature-1 p, #feature-2 p {
  font-size: 1em;
  line-height: 1.5em;
  margin: 0 1.5em 0.5em 1.5em;
  padding: 0;
}

#feature-1 table, #feature-2 table {
  margin: 0 1.5em 0.5em 1.5em;
  padding: 0;
}

#feature-1 th, #feature-2 th {
  background-color: #963;
  color: #fff;
  padding: 0.5em 0;
  text-align: center;
}

#feature-1 td, #feature-2 td {
  padding: 0 0.5em;
  vertical-align: top;
}

#feature-2 { /* container for featured content in 2-column layout */
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  width: 550px; 
}

#sidebar-2 { /* container for short sidelights related to featured content */
  float: right;
  margin: 10px 10px 0 0;
  padding: 0;
  position: relative;
  width: 28%;
}

#sidebar-2 .dates {
  font-style: italic;
}

#sidebar-2 h1 {
/*  background-color: #c96;*/
  border-bottom: #c96 3px solid 3px;
  color: #c96;
  font-size: 1em;
  font-weight: bold;
  margin: 10px 0 -2px 0;
  padding: 5px 0 2px 0px;
  width: 100%;
}

#sidebar-2 p {
  font-size: 1em;
  line-height: 1.5em;
  margin: 5px 0 5px 0px;
  padding: 0;
}

#notices { /* container for copyright and credit notices */
  background-color: #993;
  border-top: 0;
  border-right: #630 dashed 1px;
  border-bottom: 0;
  border-left: #630 dashed 1px;
  clear: both;
  margin: 0 auto 0 auto;
  padding: 0;
  position: relative;
  width: 760px; 
}

#notices a, #notices a:link, #notices a:active, #notices a:visited {
  color: #fff;
  font-weight: normal;
  text-decoration: none;
}

#notices a:hover {
  text-decoration: underline;
}

#notices p {
  color: #fff;
  font-size: 0.9em;
  margin: 0;
  padding: 10px 0 10px 0;
  text-align: center;
}
 
/*** tool tip styles ***/
a.info {
  border-bottom: dotted 1px; 
  font-weight: normal;
  position: relative; /*this is the key*/
  z-index: 24;
}

a.info:visited {
  position: relative; /*this is the key*/
  z-index: 24;
}

a.info:hover {
  color: #933; 
  text-decoration: none;
  z-index: 25; 
}

a.info span {
  display: none
}

a.info:hover span { /*the span will display just on :hover state*/
  background-color: #ffc; 
  border: 2px solid #993;
  color: #000; 
  display: block;
  font-size: 0.8em;
  font-weight: normal;
  line-height: 120%;
  padding: 8px;
  text-align: left;
  text-decoration: none;
  position: absolute;
  top: 18px; 
  left: -50px; 
  width: 250px;
}
.speaker {
	font-weight: bold;
	text-decoration: underline;
}
.list-head {
	font-weight: bold;
}