/* 
  sparrow layout: v1.0
  spark blue: #559DC4
  warm grey 11: #695D54
  spark orange: #CC6E1F
  warm grey 5: #B2AAA4
  darker grey: #5c5449
  dvfr yellow accent: #ffcf48
*/

body {
  font-family: Helvetica, arial, sans-serif;
  font-size: 0.9em;
  line-height: 1.6;
  background-color: white;
  color: black;
  margin: 0;
  padding: 0;  
}

a, a:link {
  color: #ffcf48;
  text-decoration: none;
}

a:visited {
  color: #f0c139;
}

img {
  border: 0;
  padding: 0;
  margin: 0;
}

#container {
  width: 782px;
  margin: 44px auto 60px auto;
  padding: 0;
  background: white url(images/bodybg.gif) repeat-y top left;
}

#header {
  width: 782px;
  height: 238px;
  margin: 0;
  background: #695D54 url(images/masthead.jpg) no-repeat top left;
  display: block;
}

#footer {
  width: 782px;
  height: 78px;
  margin: 0;
  background: #695D54 url(images/footer.jpg) no-repeat top left;
  display: block;
}

#footer p {
  margin: 10px 0 0 60px;
  color: white;
}

#navigation {
  margin: 10px 0 0 60px;
}

#navigation a {
  font-family: HelveticaNeue-Light, helvetica, arial, sans-serif;
  font-size: 20px;
  line-height: 20px;
  margin-right: 12px;
  text-decoration: none;
}

#navigation a.fg {
  color: white;
}

#navigation a:hover {
  color: white;
}

#pagebody {
  margin: 26px 50px 40px 60px;
  color: white;
  background-color: #695D54;
}

#colophon {
  width: 782px;
  margin: 30px auto 60px auto;
}

#colophon p {
  font-size: 10px;
  color: #B2AAA4;
  text-align: center;
}

#colophon a {
  color: #695D54;
}

div.anchor {
  height: 20px;
  width: 20px;
  margin: 0;
  padding: 0;
  font-size: 8px;
}

h1.pagetitle {
  font-family: HelveticaNeue-Light, helvetica, arial, sans-serif;
  color: white;
  font-size: 30px;
  font-weight: lighter;
  margin: 164px 0 0 60px;
}

h1.pagetitle span.addendum {
  color:#B2AAA4;
}

h1.pagetitle a, h1.pagetitle a:link, h1.pagetitle a:visited {
  color: white;
}

h2, h3 {
  clear: left;
  margin-top: 20px;
}

span.headernote {
	font-size: 75%;
	font-weight: lighter;
}

#breadcrumbs {
  color: white;
  font-size: 10px;
  margin: 20px 0 10px 0;
}

span.separator {
  visibility: hidden;
}

table.fullpage {
	border-collapse: collapse; 
	width: 660px; 
	margin-bottom: 14px;
}
table.partpage { 
	border-collapse: collapse; 
	width: 310px; 
	font-size: 90%; 
	float: left;
	margin-right: 20px;
	margin-bottom: 14px;
}
td, th { padding: 4px; text-align: left;}
th {
  font-family: HelveticaNeue-Light, helvetica, arial, sans-serif;
  color: white;
  font-size: 18px;
  font-weight: lighter;
}
tr.odd td, tr.odd th { background-color:#5c5449; }
tr.dnf td { color: #B2AAA4; }

.note { color: #B2AAA4; }

table.compact {
  font-size: 80%;
}

div.illustration {
  float: right;
  width: 180px;
  margin: 4px 10px 6px 20px;
}

div.illustration p {
  margin: 0;
  font-size: 11px;
  font-family: Helvetica, arial, sans-serif;
  color: #B2AAA4;
}

div.illustration a {
  color: #B2AAA4;
}

a.bcrlink {
  color: #03c392;
}

form.floated {
  float: right;
  margin: 0 0 20px 20px;
}

form.floated p {
  margin: 0;
}