/* Style sheet for ACS CCED website                         */
/* Elements presented more or less in order of appearance   */
/* Last modified:  August 2, 2007                           */
/*
body {
  margin: 0;
  padding: 0;
  color: #000;
  background: url(images/bg4.jpg) repeat-x #9cf;
  font-family: Verdana, sans-serif;
}
*/
div#hosted-content {
  color: #000;
  background: url(images/bg4.jpg) repeat-x #9cf;
  font-family: Verdana, sans-serif;
}
div#container { /* Centered div with a max-width placed on it */
  margin: 0 auto;
  max-width: 45em;
}
div#topnav {
  margin: 0.2em 0;
  border: 1px solid #009;
  padding: 0.2em;
  text-align: right;
  color: #fff;
  background: #369;
}
div#botnav {
  padding: 0.25em;
  text-align: center;
}
div#topnav ul, div#botnav ul {
  margin: 0;
  padding: 0;
  font-size: 80%;
}
div#topnav ul li, div#botnav ul li {
  display: inline;
  padding: 0 0.7em;
  white-space: nowrap;
}
div#topnav ul li.first, div#botnav ul li.first {
  border-right: 1px solid #fff;
}
div#topnav ul li a:link, div#topnav ul li a:visited, div#botnav ul li a:link, div#botnav ul li a:visited {
  color: #fff;
  background: transparent;
  text-decoration: none;
}
div#topnav ul li a:hover, div#botnav ul li a:hover {
  color: #ccc;
  background: transparent;
  text-decoration: none;
}
div#topnav ul li a:active, div#botnav ul li a:active {
  color: #fff;
  background: transparent;
  text-decoration: none;
}
div#header { /* Top heading area */
  border: 1px solid #009;
  padding: 0;
  color: #000;
  background: #fff;
  text-align: center;
}
div#header h1 {
  margin: 0;
  padding: 0.6em 2em 0.2em 2em;
  color: #39c;
  background: transparent;
  font-size: 150%;
}
div#cced09logo {
  float: left;
  width: 150px;
  margin-right: 10px;
  padding-top: 12px;
  padding-bottom: 12px;
}
div#cillogo {
  float: right;
  width: 150px;
  margin-left: 10px;
}
div#cced09logo img, div#cillogo img {
  border: none;
}
p.date {
  margin-bottom: 0;
  font-size: 100%;
  font-weight: bold;
  color: #c00;
  background: transparent;
}
p.theme {
  margin-top: 0;
  margin-bottom: 0.3em;
  font-size: 120%;
  font-weight: bold;
  color: #009;
  background: transparent;
}
div#navigation { /* Navigation tabs area */
  font-size: 80%;
}
ul#navtabs {
  list-style-type: none;
  border-bottom: 1px solid #009;
  margin: 0.5em 0 0 0;
  padding: 0 1em;
}
ul#navtabs li {
  display: inline;
  margin-right: 1.5em;
  border-width: 1px;
  border-color: #009;
  border-style: solid solid none solid;
  text-decoration: none;
}
ul#navtabs li.selected {
  border-style: solid;
  border-bottom-color: #fff;
  padding: 0 0.75em;
  color: #000;
  background: #fff;
}
ul#navtabs li a:link, ul#navtabs li a:visited {
  padding: 0 0.75em;
  text-decoration: none;
  color: #fff;
  background: #369;
}
ul#navtabs li a:hover {
  padding: 0 0.75em;
  text-decoration: none;
  color: #000;
  background: #3cf;
}
ul#navtabs li a:active {
  padding: 0 0.75em;
  text-decoration: none;
  color: #fff;
  background: #369;
}
div#maincontent { /* Primary content area */
  margin: 0 0 0.2em 0;
  border-right: 1px solid #009;
  border-left: 1px solid #009;
  border-bottom: 1px solid #009;
  padding: 0.5em 1em;
  color: #000;
  background: #fff;
}
div#maincontent a:link, div#maincontent a:visited {
  text-decoration: underline;
}
div#maincontent a:hover {
  text-decoration: underline;
  color: #900;
  background: transparent;
}
div#maincontent a:active {
  text-decoration: underline;
}
div#maincontent p, div#maincontent ul, div#maincontent table {
  font-size: 80%;
}
div#maincontent ul {
  margin-top: 0;
  margin-left: 1em;
  padding-left: 1.5em;
}
div#maincontent ul ul {
  font-size: 100%;
}
div#maincontent dt {
  margin-top: 1em;
  margin-left: 2em;
  text-indent: -2em;
  font-size: 80%;
  font-weight: bold;
  color: #630;
  background: transparent;
}
div#maincontent dd {
  font-size: 75%;
  margin-left: 2em;
}
div#maincontent dd dt, div#maincontent dd dd {
  font-size: 100%;
  margin-top: 0;
}
  div#maincontent dl dl {
    margin-top: 1em;
    margin-bottom: 1em;
}
div#ccedlogo {
    clear: right;
  text-align: center;
}
div#ccedlogo img {
  border: none;
}
div#footer { /* Bottom footer area */
  margin: 0.2em 0;
  border: 1px solid #009;
  padding: 0.25em 0.5em;
  color: #ccc;
  background: #369;
}
p#ccednote {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-size: 70%;
}
p#legal {
  margin-top: 0.5em;
  margin-bottom: 0;
  font-size: 70%;
  text-align: center;
}
p.key {
  padding-bottom: 0.5em;
  border-bottom: 1px dotted #009;
  color: #666;
  background: transparent;
  font-size: 75%;
}
p.key em {
  color: #009;
  background: transparent;
  font-weight: bold;
}
span.author {
  font-weight: normal;
  color: #000;
  background: transparent;
}
span.bibinfo {
  font-weight: normal;
  font-size: 90%;
  color: #963;
  background: transparent;
}
span.level {
  font-weight: bold;
  font-style: italic;
  color: #009;
  background: transparent;
  white-space: nowrap;
}
span.urlinfo {
  display: none;
}
span.nsta {
  font-size: 85%;
  font-style: italic;
  color: #600;
  background: transparent;
}
span.also {
  font-size: 85%;
  font-weight: normal;
  color: #666;
  background: transparent;
}
h2 {
  font-size: 110%;
  color: #009;
  margin-top: 0.25em;
  font-family: Verdana, sans-serif;
}
h3 {
  margin-bottom: 0.25em;
  font-size: 90%;
  color: #006;
  background-color: transparent;
  font-family: Verdana, sans-serif;
  text-align: center;
}
div.coverimage {
  float: right;
  width: 100px;
  margin-left: 1em;
  margin-bottom: 1em;
}
div.clear {
  clear: both;
  line-height: 0;
}
/* Holly Hack (hide from non-IE browsers) -- fixes IE float bug */
/* Hides from IE5-mac \*/
* html #header { height: 1%; }
* html div#maincontent { position: relative; }
/* End Holly Hack */
