body {
  font: normal 90% Trebuchet MS, sans-serif;
  color: #000;
  line-height: 1.4em;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 1.2em;
  margin-bottom: 0.2em;
  color: #8AC;
}
h1 { font-size: 225%; margin-top: 0em; }
h2 { font-size: 160%; }
h3 { font-size: 150%; }
h4 { font-size: 130%; }
h5 { font-size: 120%; color: #555; }
h6 { font-size: 110%; color: #555; }

li, li ul, li ol {
     margin-top: 0.3em;
  margin-bottom: 0.3em;
}

p, ul, ol, table {
     margin-top: 0.8em;
  margin-bottom: 0.8em;
}

a { text-decoration: underline; }
a:link { color: #00F; }
a:visited { color: #404; }
a:active,
a:hover { color: #F00; }

acronym, abbr, .help { border-bottom: 1px dashed #AAA; cursor: help; }

h1, h2, h3, h4, h5, h6,
hr, a { background: transparent; }

hr { color: #AAA; height: 0px; }

small, .small, sub, sup { font-size: 75%; }
big, .big { font-size: 125%; }

#content img { padding: 2px; border: 1px solid #888; }



@media screen {

html { overflow-y: scroll; }

body {
  background: #FFF url('../images/bg_body.jpg') repeat-x fixed left top;
  margin: 0px;
}

#page {
  width: 770px;
  background: #C5C5CD url('../images/bg_page_new.jpg') no-repeat fixed center top;
  margin: 0px auto;
  border: 1px solid #888;
  border-top: 1px solid #FFF;
  margin-bottom: 20px;
}

#content {
  margin: 160px 40px 40px 40px;
}

#header {
  background: transparent url('../images/bg_header.png') no-repeat scroll left top;
  width: 770px;
  height: 116px;
  position: absolute;
  top: 0px;
  z-index: 10;
  font: italic normal 200% Times New Roman, serif;
}

#quotes p {
  margin: 0;
  padding: 8px 10px;
  visibility: hidden;
  position: absolute;
  right: 0px;
  z-index: 15;
  background: transparent url('../images/bg_header.png') no-repeat scroll right top;
}

#quotes q, #quotes cite {
  display: block;
  text-align: right;
}

#quotes cite {
  font: normal 50% Trebuchet MS, sans-serif;
  padding: 5px 10px 0 0;
}

#quotes q {
  line-height: 95%;
}

#quotes q:before { content: ""; }
#quotes q:after { content: ""; }

#q1, #q5, #q7, #q9 { font-size: 29px ! important; }
#q2, #q4 { font-size: 31px ! important; }
#q3, #q6, #q8 { font-size: 26px ! important; }

#footer {
  font-size: 80%;
  padding: 10px 40px;
  line-height: 100%;
  clear: both;
}
#footer, #footer a { color: #666; }

#navi {
  position: absolute;
  top: 114px;
  height: 25px;
  width: 770px;
}

#navi ul, #navi ul li {
  margin: 0;
  padding: 0;
  display: block;
  list-style: none;
  float: right;
}

#navi ul li {
  float: left;
  margin: 0 0 0 -20px;
}

#navi ul li.start { padding-left: 20px; }

#navi ul li a {
  background: transparent url('../images/bg_navi.png') no-repeat scroll left -2px;
  display: block;
  height: 25px;
  color: #FFF;
  font: bold 13px Trebuchet MS, sans-serif;
  text-decoration: none;
  padding: 3px 27px 0px 18px;
  white-space: nowrap;
}

#navi ul li a.end { padding-right: 10px; }

#navi ul li a:hover {
  background-position: left top;
  padding-top: 5px;
}

#quotes h2, #navi h2 { display: none; }

.box {
  padding: 5px;
  border: 1px solid #CCC;
}

} /* end screen */

@media print {
  #header,
  #navi,
  #quotes { display: none; }
}