@import "menu.css";

#header {
  background-color: rgb(60, 188, 222);
  border: 0px solid #000;
  padding: 5px;
}
#title {
  font-size: 2em;
  font-weight: bold;
  white-space: nowrap;
}
#subtitle {
  font-size: 1.1em;
  font-weight: bold;
  font-style: italic;
  white-space: nowrap;
}

#breadcrumbbox {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  text-align: left;
}
#breadcrumbbox h2 {
  font-size: .7em;
  margin: 0px 0px 0px 0px;
  padding: 5px;
  color: #777;
}
#breadcrumbbox-date {
  font-size: .7em;
  color: #aaa;
  padding: 5px;
}

#content {
  border: 0px solid #000;
}

#contentbox {
  border: 1px solid #ddd;
  margin: 0px 0px 0px 0px;
  padding: 10px;
}
#contentbox h2 {
  background-color: #ddd;
  font-size: 1.1em;
  margin: -10px -10px 10px -10px;
  padding: 5px;
}
#contentbox-header-right {
  font-size: .6em;
  color: #aaa;
  padding-left: 1em;
}
/* hide from IE */
html>body #contentbox-header-right {
  padding: .4em;
  float:right;
}
#contentbox p {
  border: 0px solid #000;
  margin: 0px 0px 0px 0px;
}
#contentbox ol,
#contentbox ul {
  border: 0px solid #000;
  margin: 0px;
}
#contentbox ol li {
  border: 0px solid #000;
  margin: .4em 0em .4em 1.5em;
}
#contentbox ul li {
  border: 0px solid #000;
  margin: .2em 0em .2em 1em;
}
/* hide from IE */
html>body #contentbox ol,
html>body #contentbox ul {
  border: 0px solid #000;
  margin: 0px;
}
html>body #contentbox ol li {
  border: 0px solid #000;
  margin: .4em 0em .4em -1.2em;
}
html>body #contentbox ul li {
  border: 0px solid #000;
  margin: .2em 0em .2em -1.5em;
}
#image-right,
#image-left {
  margin-bottom: 10px;
  border: 1px solid #000;
}

#image-left {
  float: left;
  margin-right: .5em;
}

#image-right {
  float: right;
  margin-left: .5em;
}

#more-link {
  font-size: .65em;
  text-decoration: none;
}
#footer {
  background-color: rgb(60, 188, 222);
  border: 0px solid #000;
  font-size: .8em;
  padding: 5px;
}