/* YUI v2.2.1 http://developer.yahoo.net/yui/license.txt */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;}
/* end YUI */

body {
  width: 760px;
  margin: 0 auto 80px auto;
  font-family: helvetica,arial,sans-serif;
  font-size: 12px;
  line-height: 18px;
}

a {
  color: #004;
}

p, ul, ol {
  line-height: 18px;
  margin-bottom: 18px;
  font-family: georgia,times,serif;
}

em,
strong {
  color: #C03000;
}

strong a {
  color: #C03000;
}

#header {
  padding-top: 90px;
  background: url('../img/train.jpg') no-repeat;
}

#header h1 {
  font: bold 20px/1em helvetica,arial,sans-serif;
}

#header ul.nav {
  font-size: 11px;
  font-family: helvetica,arial,sans-serif;
  margin-bottom: 34px;
}

#header ul.nav li {
  display: inline;
  padding-right: 6px;
}

#header ul.nav a {
  text-decoration: none;
  color: #000;
}

#header ul.nav a:focus,
#header ul.nav a:hover,
#header ul.nav a:active {
  text-decoration: underline;
  color: #000;
}

#header ul.nav li.on a {
  font-weight: bold;
  color: #C03000;
  text-decoration: none;
}

#main {
  float: left;
  width: 400px;
}

#also {
  float: right;
  width: 240px;
  color: #555;
}

#also .module {
  margin-bottom: 18px;
}

#also h1 {
  font-weight: bold;
  line-height: 18px;
}

#also h1 a {
  color: inherit;
}

#also .module a.logo {
  float: left;
  margin: 9px 12px 0px 0;
}

#also .module ul {
  list-style: outside disc;
  margin-left: 1.1em;
}

.more {
  margin-top: -12px;
  text-align: right;
  font: bold 11px helvetica,verdana,arial,sans-serif;
}

.more a {
  text-decoration: none;
}

.more a:hover,
.more a:active {
  text-decoration: underline;
}

#also .module h1 a {
  text-decoration: none;
}

#preface {
  margin-bottom: 36px;
}

.project {
  clear: both;
  margin-bottom: 36px;
}

.project .logo {
  float: left;
  width: 100px;
  margin-bottom: 36px;
}

.project .logo img {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.project h1 {
  font: 18px helvetica,arial,sans-serif;
}

.project h2 {
  font: 11px arial,sans-serif;
  line-height: 18px;
  color: #666;
}

.project h1,
.project h2,
.project p {
  margin-left: 118px;
}

.project h1 a {
  text-decoration: none;
  color: inherit;
}

#footer {
  clear: both;
  font-size: 10px;
  color: #999;
}
