/* basics */
html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd {
  list-style: none;
  margin: 0;
  padding: 0; }
html {
  background: #fff;
  color: #666;
  font: 62.5%/1.4 "Lucida Grande", Tahoma, Verdana, sans-serif;
  height: 100%; }
body {
  font-size: 1.5em;
  text-align: center; }
ul, li, dl {
  display: block; }
p {
  margin: 0 auto 2em auto; }
a {
  position: relative;
  color: #999;
  text-decoration: none;
  border-bottom: solid 1px #cce0ff; }
div a:hover, p a:hover, div ul a:hover {
  color: #000;
  border-bottom: solid 1px #cce0ff; }
a img { display: none; }
a:hover img {
  display: block;
  position: absolute;
  left: -20px;
  top: 2px; }

/* header */
#header {
  position: relative;
  width: 700px;
  margin: 0 auto; }
#title {
  width: 590px;
  height: 125px;
  margin: 0 auto;
  padding: 50px 0 0 0;
  overflow: hidden;
  text-indent: -9999px;
  background: url(/_presentation/logo.jpg) no-repeat 0 50px; }
#title a {
  display: block;
  width: 260px;
  height: 30px;
  overflow: hidden;
  text-indent: -9999px;
  border: none; }
#title a:hover {
  border: none; }
#tagline {
  display: none; }

/* content */
#content {
  width: 690px;
  margin: 10px auto 50px auto;
  padding: 5px; }
#content h2 {
  width: 520px;
  margin: 0 auto 0 auto;
  padding: 5px 0;
  border-top: solid 1px #999;
  color: #222;
  font-variant: small-caps; }
p.footnote {
  width: 520px;
  font-size: .8em;
  color: #afafaf; }
#content ul {
  width: 520px;
  text-align: left;
  margin: 0 auto 30px auto; 
  padding: 0; }
#content ul li {
  padding: 0 0 0 20px; }

/* footer */
#footer {
  width: 100%;
  height: 5em;
  font-size: .8em;
  padding: 0;
  position: fixed;
  left: 0;
  bottom: 0;
  text-align: center; }
#navigation-footer {
  margin: 0;
  padding: 1em 0 .5em 0;
  border-top: solid 1px #999;
  background: #f0f0f0; }
#navigation-footer li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
  background: none; }
#navigation-footer li a {
  color: #999; }
#navigation-footer li:first-child:before {
  content: ''; }
#navigation-footer li:before {
  content: ' | ';
  color: #ccc; }
#footer div {
  background: #f0f0f0;
  height: 2em; }

/* ie hacks */
* html #footer{
  position: static;
  bottom: auto;
  /*top: expression(
    (parseInt(document.documentElement.clientHeight)>480) ?
    (parseInt(document.documentElement.clientHeight)-40)+"px" :
    "460px"
  );*/
  margin-top: 40px;
}