html, body, form, img { margin:0; border:0; padding:0; }
body { background:#999; margin:0.8em; }
body, th, td { font-family:helvetica,arial,sans-serif; font-size:small;
    color:#333; line-height:1.4em; }

/* page layout */

div#page { width:55em; text-align:left; }
div#border { padding:0.8em; background-color:white; }
div#masthead { background:#6cf url(masthead.jpg) top left no-repeat;
    padding:1.6em 1.6em 0 1.6em; margin-bottom:0.8em; overflow:hidden; }
div#body { border:1px solid #ccc; padding:0.3em; }
div#content { padding:0.8em; }
div#main { float:left; width:32em !important; /*\*/ width:31em;
    margin-right:2em; /* */ }
div#sidebar { width:16em; margin-left:35em !important;
    /*\*/ margin-left:0; /* */ }

h1#pagetitle { margin:0 0 0.6em 0; padding:0; }

/* link formatting */

a { color:#333; padding:0.2em; margin:-0.2em; }
a:visited { color:#666; }
a:hover { background-color:#333; color:white; }
a:active { background-color:#333; color:red; }

/* content typography */

ul, ol, dl { margin:1em 2em; padding:0; }
li { margin-bottom:0.5em; }
ul li { list-style-type:circle; margin-bottom:0.5em; }
dt { font-size:1.2em; }
dd { margin:0.7em 2em 1em 2em; padding:0; }
p { padding:0; margin:1em 0; }

/* title typography */

h1, h2, h3, h4 { color:#069; font-weight:normal; }
h1 { font-size:1.8em; }
h2 { font-size:1.6em; margin-top:0.3em; }
h2.block { font-size:1em; color:#069; margin:0 0 1em 0;
    border-bottom:1px dotted #069; padding-bottom:0.3em; }
h3 { font-size:1.3em; margin:0; }
h4 { font-size:1.1em; margin:0; }

h2 a, h3 a, h4 a { text-decoration:none; }

/* navigation */

ul#nav { margin:0; padding:0; height:2.1em !important; height:2em; }
ul#nav li { list-style-type:none; display:block; float:left; width:11em;
    margin:0 1px 0 0; padding:0.7em; font-weight:bold;
    background-color:#333; color:white; font-size:0.9em; line-height:1em; }
ul#nav li a, ul#nav li a:hover { color:white; }
ul#nav li a { text-decoration:none; }
ul#nav li a:hover { text-decoration:underline; }
ul#nav li:hover, ul#nav li a:hover { background-color:red; }

ul#nav li.selected { background-color:white; color:black; }
ul#nav li.selected a, ul#nav li a.selected:hover { color:black; }
ul#nav li.selected:hover, ul#nav li.selected:hover a, ul#nav li.selected a:hover
    { background-color:red; color:white; }

/* home */

div#map { background:#daeeff url(map.png) top right no-repeat;
    position:relative; padding:1.3em 0.8em; margin-bottom:0.5em; }

div#blurb, div#blurb2 { margin:0.5em 0; }
div.blurb-line, div.blurb2-line { font-size:2em; line-height:1.3em; }
span.blurb-linebg, span.blurb2-linebg { background:#069; color:#069;
    padding:0.5em 0.65em !important; padding:0.5em; }
div#blurb2 { position:absolute; top:1.3em; left:0.8em !important; left:0.2em;
    color:white; }
span.blurb2-linebg { background:transparent; color:white; }

div#route-label { position:absolute; top:1em; right:1em; margin:0 !important;
    margin-right:2em; font-size:0.8em; background-color:#069; padding:0.3em
    0.5em; color:white; }

ul#hotlinks { margin:1em 0 1.5em 0; padding:0; height:2.1em; }
ul#hotlinks li { list-style-type:none; display:block; float:left; width:11em;
    margin:0 1px 0 0; padding:0.6em; font-weight:bold; background-color:#333;
    color:white; font-size:1.1em; line-height:1em; }
ul#hotlinks li a { color:white; text-decoration:none; }
ul#hotlinks li a:hover { text-decoration:underline; }
ul#hotlinks li:hover, ul#hotlinks li a:hover { background-color:red; }

p.totaliser1, p.totaliser2, p.totaliser3 { text-align:center; }
p.totaliser2 { font-size:2.5em; color:black; margin:0; padding-bottom:0;
    line-height:1.1em; }
p.totaliser3 { font-size:0.9em; margin-top:0; padding-top:0; }

p.sig { font-weight:bold; }

/* pictures */

.picture { border:1px solid #ccc; line-height:1.4em;
    padding:0.5em; font-size:0.9em; }
span.picture { margin:0 0.4em 0.3em 0; display:inline-block;
    display:-moz-inline-box; width:200px; min-height:200px; height:auto
    !important; height:200px; }
.picture div div { margin-top:0.3em; width:200px; }

ol#nav-pictures { margin:0; padding:0; height:2.1em !important; height:2em;
    position:relative; }
ol#nav-pictures li { list-style-type:none; display:block; float:left; width:7em;
    margin:0 1px 0 0; padding:0.7em; font-weight:bold;
    background-color:#333; color:white; font-size:0.9em; line-height:1em; }
ol#nav-pictures li a, ol#nav-pictures li a:hover { color:white; }
ol#nav-pictures li a { text-decoration:none; }
ol#nav-pictures li a:hover { text-decoration:underline; }
ol#nav-pictures li:hover, ol#nav-pictures li a:hover { background-color:red; }

ol#nav-pictures li.caption { width:auto; font-weight:normal; }
ol#nav-pictures li.next { text-align:right; position:absolute; right:-1px !important; right:-2px; }
ol#nav-pictures li.caption:hover, ol#nav-pictures li.caption a:hover {
    background-color:#333; }

div.picture-large { background-color:#333; padding:1em; text-align:center; }

/* footer */

div#footer { margin:0 0.8em 0.8em 0.8em; border-top:1px dotted #069;
    padding-top:0.4em; clear:both; }
div#footer p { margin:0; font-size:0.7em; color:#666; }