body {
 color: #000000;
 background: #ffffff url(/images/menu_bg.jpg) left 135px no-repeat;
 margin: 0;
 padding: 0;
}

input, textarea, select { font-size: 100%; }
input.location {
 background: #ffffff url(/images/location.png) right center no-repeat;
 padding: 2px;
 border: 1px solid #999999;
}

form.inline {
 padding: 0.5em;
 background-color: #FEFAEB;
 border: 1px solid #FFEFB6;
}

h2 {
 color: #000000;
 background: #C1BFBF;
 font-size: 150%;
 padding: 0.3em;
 margin:0;
 margin-bottom: 0.5em;
}

h3, input.h3 {
 font-size: 110%;
 font-weight: bold;
}

h3 {
 background: #f0f0f0;
 margin-top: 1.5em;
 margin-bottom: 0.5em;
 padding: 0.2em 0.4em;
 border-left: 0.25em solid #c1bfbf; 
}

.date { font-size: 90%; }

dt { font-weight: bold; }

label.nobreak {
 white-space: nowrap;
}

span.username { color: #006600; font-weight: bold; }

span.unknown { color: #999999; font-style: italic; }

img.icon12 { border: none; margin-right: 1px; position: relative; top: 1px; }
img.icon16 { border: none; margin-right: 2px; position: relative; top: 2px; }
img.sort { position: relative; top: 1px; }
img.right { margin-left: 0.5em; float: right; }

div.errors {
 border: 2px solid #aa0000;
 padding: 0.1em;
 padding-left: 34px;
 margin-left: 2px;
 color: #aa0000;
 background: #ffffcc url(/images/exclamation.jpg) 8px 8px no-repeat;
}
 
table.lined td.error,
td.error {
 color: #990000;
 font-weight: bold;
 padding-left: 22px !important;
 background-image: url(/images/exclamation_16.jpg) !important; 
 background-position: 4px 4px !important;
 background-repeat: no-repeat !important;
}

a.imglink,
a.imglink:link,
a.imglink:visited,
a.imglink:active,
a.imglink:hover,
img { border: 0; }

img.left {
 float: left;
 margin-right: 0.5em;
 margin-bottom: 0.5em;
}

span.pseudolink,
a, a:visited, a:active {
 color: #000099;
 text-decoration: none;
 border-bottom: 1px solid #ccccff;
}

span.pseudolink:hover,
a:hover {
 border-bottom: 1px solid #000099;
}

span.pseudolink { cursor: pointer; }

a.external:after {
 content: url(/images/outlink.png);
}

td.rowtitle a.help,
td.rowtitle a.help:link,
td.rowtitle a.help:visited,
td.rowtitle a.help:active,
td.rowtitle a.help:hover
{
 cursor: help;
}

dt { margin-top: 1em;}
dd { margin-bottom: 0.5em; }
.hangpunc {
 text-indent: -0.4em;
}

table.inner td { padding: 0; padding-right: 1em; font-size: 100%; }

table.spaced td {
 vertical-align: top;
 padding-bottom: 1em;
 padding-right: 1em;
}
 
table.lined td,
table.lined th {
 border: 1px solid #B3C6FF;
 padding: 0.1em 0.5em; /* TB RL */
 margin-bottom: 1em;
 text-align: left;
}

table.unlined td,
table.unlined th  {
 padding: 0.1em 0.5em; /* TB RL */
 margin-bottom: 1em;
 text-align: left;
 border: none;
}

table.lined td.rowtitle {
 font-weight: bold;
 background-color: #FFFBEC;
}

table.lined td.rowtitle {
 text-align: right;
 vertical-align: top;
}

table.shaded th a {
 color: #ffffff;
 border: none;
}

table.shaded th, table.shaded td {
 border: 1px solid #dddddd;
 padding-left: 0.4em;
 padding-right: 0.4em;
}

table.shaded tr.dark { background-color: #f6f7f9; }
table.shaded tr.light { background-color: #ffffff; }

/*===== Banner =====*/

h1 {
 display: none;
 position: absolute;
 bottom: 0;
 left: 69px;
 color: #ffffff;
 margin: 0;
 padding: 0;
 padding-bottom: 4px;
 font-size: 220%;
}

h1 .strapline {
 font-size: 50%;
}

h1 a,
h1 a:link,
h1 a:visited,
h1 a:active,
h1 a:hover { border-bottom: none; display: none; }

div#banner {
 position: relative;
 height: 92px;
 margin-top: 10px;
 border-bottom: none;
 color: #666666;
 background: #ffffff url(images/header.gif) left no-repeat;
}

div#banner img.ie6fix {
 display: none; 
 margin: 5px;
}

div#banner p {
 font-size: 70%;
 position: absolute;
 right: 0;
 top: 5px;
 right: 5px;
 margin: 0;
}

div#banner a,
div#banner a:link,
div#banner a:visited,
div#banner a:active,
div#banner a:hover { color: #666666; }
div#banner a:hover { border-bottom: 1px solid #666666; }

div#banner form {
 font-size: 70%;
}

/*===== Main =====*/ 
div#main {
 position: relative;
 font-size: 90%;
 color: #000000;
 padding: 1em;
 margin-left: 14em;
 padding-bottom: 2em;
 background: #ffffff;
 min-height: 630px;
 line-height: 130%;
}

div.frontpage#main { margin-left: 1em; min-height: 1em; }
div.frontpage#footer { margin-left: 1em; }

div#location {
 font-size: 90%;
 color: #6666EB;
 background: #f0f0f0;
 margin-left: 14em;
 padding: 0.1em 0;
 padding-left: 1em;
 margin-bottom: 1px solid #e0e0e0;
}

div#location span {
 font-size: 80%;
}

div#location a {
 color: #6666EB;
 border-bottom: none;
}

div#location a:hover {
 color: #000088;
}

/*----- Menus -----*/

div#mainmenu {
 left: 0px;
}

div.menu {
 font-size: 90%;
 position: absolute;
 top: 101px;
 text-align: center;
}

div.menu ul {
 margin: 10px;
 padding: 0;
 text-align: left;
 list-style-type: none;
}

div.menu ul li,
div#main div.menu ul li {
 margin: 0;
 margin-bottom: 0;
 width: 12.5em;
}

div.menu ul li span.noa,
div.menu ul li a,
div.menu ul li a:link,
div.menu ul li a:visited,
div.menu ul li a:active {
 display: block;
 color: #ffffff;
 background: #002EBE;
 padding: 2px;
 padding-left: 0.5em;
 font-weight: bold;
 text-decoration: none;
 text-align: left;
 border: none;
 border-top: 1px solid #B3C6FF;
}

div.menu a img { display: block; float: right; }

#offroad, .offroad { background: #515CA6; }
#ctchome, .ctchome { background: #B25054; }
#onroad, .onroad { background: #4D6F46; }
#website, .website { background: #765B3D; }

div.menu ul ul {
 padding: 0;
 padding-bottom: 1px; 
 display: block;
 margin: 0;
 background: #FFFFE5;
}

div.menu ul ul li {
 width: 100%;
 font-size: 80%;
}

div.menu ul ul li span.noa,
div.menu ul ul li a,
div.menu ul ul li a:link,
div.menu ul ul li a:visited,
div.menu ul ul li a:active {
 padding: 0.2em;
 margin: 0;
 padding-left: 1em;
 font-weight: normal;
 color: #002FBE;
 background-color: transparent;
 background-image: none;
 border: none;
}

div.menu ul ul li span.noa {
 color: #000000;
}
 
div.menu ul ul li a:hover {
 background-color: #FFFFB3;
 border: none;
}
div.menu ul ul ul {
 display: none;
}

p.mapack {
 font-size: 75%;
 font-style: italic;
}

div.googlemap {
 border: 1px solid #000000;
}

div#footer {
 color: #9999ff;
 font-size: 90%;
 clear: both;
 margin: 0;
 margin-left: 14em;
 padding: 0;
 padding-bottom: 0.5em;
 text-align: left;
}

div#footer p {
 margin: 0;
 padding: 0;
 font-size: 88%;
}

div#footer img {
 position: relative;
 top: 1px;
}

#main li {
 margin-bottom: 0.25em;
}

table th { text-align: left; }

form table td,
form table th {
 padding: 0.25em;
 vertical-align: top;
}
form td.rowtitle {
 text-align: right;
 width: 12em;
}

/*----- Tabs -----*/

div.tabs {
 position: relative;
 width: 100%;
 height: 3em;
 padding-left: 1em;
}

div.tabs ul {
 margin: 0;
 padding: 0;
 position: absolute;
 bottom: -1px;
 list-style: none;
}

div.tabs ul li {
 display: inline;
 position: relative;
}

div.tabs ul li a {
 /* width: 6em; */
 display: block;
 float: left;
 padding: 4px 0.5em;
 margin: 1px 0.5em 0 0;
 text-align: center;
 font-size: 85%;
 text-decoration: none;
 color: #333333; 
}

div.tabs ul li#current a,
div.tabs ul li#current a:hover {
 border-right: 1px solid #726644;
 border-bottom: none;
 color: #000000;
 background: transparent url(/images/tab_tl2.png) top left no-repeat;
 padding-bottom: 6px;
 margin-top: 0;
}

div.tabs ul a,
div.tabs ul a:link,
div.tabs ul a:visited,
div.tabs ul a:active
{
 background: transparent url(/images/tab_tl.png) top left no-repeat;
 border-right: 1px solid #dddddd;
 border-bottom: none;
}

div.tabs ul a:hover {
 margin-top: 0;
 border-color: #999999;
 color: #333333;
 background: transparent url(/images/tab_tl2.png) top left no-repeat;
 padding-bottom: 5px;
}

div.tabs ul li.empty a,
div.tabs ul li.empty a:link,
div.tabs ul li.empty a:visited,
div.tabs ul li.empty a:active {
 color: #999999;
 background: transparent url(/images/tab_tl_empty.png) top left no-repeat;
} 

div.tabpage {
 border-top: 1px solid #726644;
 border-left: 1px solid #726644;
 clear: both;
 padding-left: 0.5em;
 padding-top: 0.5em;
 padding-bottom: 2em;
 min-height: 30em;
}
 
div.tabpage input.submit {
 margin: 1em;
}
 
div.tabpage p.dataok {
 font-weight: bold;
 color: #009900;
 margin: 1em;
 margin-left: 0.5em;
}

div.note {
 position: relative;
 font-size: 90%;
 clear: right;
 background-color: #ffffdd;
 margin: 1em;
 padding: 0.1em 1em;
 border: 1px solid #f0f0c0;
}

div.note h3 {
 font-size: 100%;
 margin: 0;
 margin-top: 1em;
 padding: 0;
}

img.notetl {
 position: absolute;
 top: -1px;
 left: -1px;
}

div.note p {
 margin: 0.75em 0 0 0;
 padding: 0;
}

div.note p.contributor {
 text-align: right;
 font-size: 80%;
 font-style: italic;
 margin: 0;
 padding: 0;
}

span.highlight {
 color: #cc0000;
 background: #ffff00;
}

div.right,
div.captioned {
 float: right;
 clear: right;
 margin-left: 1em;
 margin-bottom: 1em;
 padding: 2px;
 color: #000000;
 background: #EDF1FF;
 border: 1px solid #B3C6FF;
}

div.right {
 font-size: 90%;
}

div.captioned {
 font-size: 80%;
 text-align: center;
}

div.captioned img {
 margin: 6px auto;
 display: block;
}

p.smallprint {
 font-size: 90%;
 font-style: italic;
}

ul.sitemap { list-style-type: none; }
ul.sitemap ul {
 list-style-type: none;
 margin-top: 0.25em;
 font-size: 95%;
 line-height: 130%;
}

ul.sitemap li ul { margin-left: 1em; padding-left: 2em;}

ul.twolevel ul {
 list-style-type: none;
 margin-top: 0.25em;
 font-size: 90%;
 line-height: 120%;
}

ul.twolevel ol {
 margin-top: 0.25em;
 font-size: 90%;
 line-height: 120%;
}

p.metalink {
 margin-top: 5em;
 font-size: 70%;
 font-style: italic;
}

p.metalink a,
p.metalink a:link,
p.metalink a:visited,
p.metalink a:active
{
 color: #9999ff;
}

div.contentbox {
 font-size: 90%;
 width: 31%;
 display: block;
 float: left;
 margin: 0;
 margin-right: 1em;
 margin-bottom: 1em;
 padding-bottom: 1em;
 background: #FFFFE5;
}

div.contentbox h3 {
 border: none;
 font-size: 110%;
 color: #ffffff;
 font-weight: bold;
 margin:0;
 padding: 0.2em;
 padding-left: 0.5em;
}

div.contentbox h4 {
 font-size: 100%;
 padding-left: 1em;
 margin: 0.25em 0;
}

table td h4 {
margin-top: 0;
}

div.contentbox p {
 font-size: 95%;
 margin: 0 0 0 2em; /* trbl */
}


table.routeinstructions th, table.routeinstructions td { font-size: 90%; border: 1px solid #999999; padding: 0.2em; vertical-align: top; }
table.routeinstructions th { background: #dddddd; color: #000000; font-weight: normal; }
table.routeinstructions tr.dark { background: #f6f6ff; }
table.routeinstructions tr.light { background: #ffffff; }
table.routeinstructions tr.extra { background: #FFF6E5; }

ol#sortable li 
{
 background: #ddddff;
 padding: 1px;
 padding-left: 0.3em;
}

ol#sortable li:hover { cursor: n-resize; }

div.comment {
 line-height: 1.4;
 position: relative;
 font-size: 90%;
 background-color: #ffffdd;
 padding: 0.1em 1em;
 border: 1px solid #f0f0c0;
 /* overflow: auto; */
 margin-bottom: 1em; }
 
div.comment p {
 margin: 1em 0 0 0;
 padding: 0;
}
div.comment span.reportcomment { float: right; font-size: 70%; margin-left: 1em; }

div.comment span.contributor {
 float: right;
 clear: right;
 text-align: right;
 font-size: 80%;
 font-style: italic;
 margin: 0;
 padding: 0;
}
 

table { border-collapse: collapse; }

th, td { font-size: 90%; border: 1px solid #999999; padding: 0.2em; vertical-align: top; }
th { background: #666666; color: #ffffff; font-weight: bold; }
th.sectionheading { font-weight: bold; color: #ffffff; background: #666666; padding-left: 0.5em; } 

form table { border-collapse: separate; border-spacing: 2px; } 
form table th,
form table td { border: 0; }
form table td { background: #f6f6ff; }


td.rowtitle { background: #dddddd; text-align: right; padding-left: 0.5em; font-weight: bold; }

tr.dark { background: #f9f9f9; }
tr.light { background: #ffffff; }
tr.extra { background: #FFF6E5; }

label:hover,
label:hover h4 {
 background: #ffff99;
}

div.captioned {
 display: block;
 margin-top: 1em;
 }
 
p.versions {
 font-size: 90%;
 font-style: italic;
 padding: 0.25em;
 background: #FFE7BF;
}

table.routeinstructions td {
 border: 1px solid black;
}

p.wizardstages { line-height: 2 }
p.wizardstages span { padding: 0.2em 0.5em; border: 1px solid black; white-space: nowrap; }
p.wizardstages span.done { background: #009900; color: #ffffff; border-color: #009900; }
p.wizardstages span.current { background: #6666ff; color: #ffffff; border-color: #6666ff; }
p.wizardstages span.todo { border-color: #aaaaaa; background: #f6f6f6; color: #999999; }

span.button { background: #f0f0f0; border: 1px #f0f0f0 outset; padding: 1px 0.3em; }

div.loginmapoverlay {
 position: absolute;
 top: 50%;
 left: 50%;
 margin-top: -1.5em;
 margin-left: -25%;
 background: url(/images/white_70.png);
 font-size: 125%;
 border: 1px solid #cc0000;
 padding: 0.5em;
}

/*----- Images -----*/

div.thumbnailcontainer {
 margin-right: -10px;
}

div.thumbnail {
 display: inline-block;  /* Op, Saf \*/
 background: #f0f0f0;
 margin-right: 10px;
 margin-bottom: 10px;
 border: 1px solid #cccccc;
 padding: 5px;
 display: -moz-inline-box;  /* Moz */
 vertical-align: top;  /* IE Mac */
 font-size: 90%;
 line-height: 1.3;
}

div.thumbnail a { border: none; }

div.thumbnail p {
 margin: 0;
 margin-top: 2px;
 width: 160px;
}

p.prevnext {
 font-size: 90%;
 margin: 0;
 padding: 0.15em 0.25em 0.25em 0.25em;
 background: #FFF6D8;
}

div#frontpage {
 font-size: 120%;
 line-height: 1.2;
 border: 3px solid #000000;
 max-width: 28em;
 padding: 1em;
 background: #f0f6fc;
}

div#frontpage h3 {
 background: transparent;
 border: none;
 margin-top: 0;
}

ul.examples { background-color: #F2FCFF; border: 1px dashed #70ADBF; margin: 0.5em 1em; padding: 0.5em 1em 0.5em 2em; font-size: 90%; }
#main ul.examples li { margin-bottom: 0; }

div#mainmenu li { margin-bottom: 0.5em;  border: 1px solid #b5c9c1; }
div#mainmenu ul ul { background: transparent url(/images/menu_panel_bg.png);  }
div#mainmenu ul ul li { margin-bottom: 0; border: none; }
div#mainmenu h3 { border: none; margin-top: 0; }

div#main { border-left: none; border-right: none; border-bottom: none; }

div#footer { color: #999999; }
div#footer a { color: #999999; border-bottom: 1px solid #cccccc; }
div#footer a:hover { color: #666666; border-bottom: 1px solid #666666; } 

div.boxedtext { max-width: 50em; background: #fcfaf9; border: 1px solid #000000; padding: 8px; }
div.boxedtext h3 {
 background: #f0f0f0;
 padding: 8px;
 margin: -8px;
 margin-bottom: 0.5em;
 border: none;
}
span.hilite {
 background: #f9f9bb;
 padding: 0.1em 0.1em;
 margin: -0.1em -0.1em;
}