/* Global Styles
----------------------------------------------- */

.none {
   display:none;
}
a {
   text-decoration:none;
   color:#036;
}
a:hover {
   text-decoration:underline;
   color:#369;
}
.breakline {
   clear:both;
   height:1px;
   margin:0px;
   padding:0px;
   overflow:hidden;
}
fieldset, form {
   border:0px solid #fff;
   margin:0;
}
label {
   font-weight:bold;
   color:#036;
}


/* Page Structure
----------------------------------------------- */
html body {
  margin:0;
  padding:0;
  background:#fff;
  text-align:center;
  font:x-small Verdana,Sans-serif;
  voice-family: "\"}\""; voice-family:inherit;
  font-size:small;
  } html>body {font-size:small;}
#page {
   text-align:left;
   width:760px;
   margin:0 auto;
   padding:0;
}
#content {
   width:760px;
   background:#fff url("graphics/bg01.gif") repeat-y;
}
#maincol {
   float:left;
   width:460px;
}
#maincol .col {
   margin:0;
  padding:15px 35px 3em 15px;
}
#subcol {
   float:right;
   width:280px;
}
#subcol .col {
   padding:130px 15px 50px 15px;
}
#footer {
   clear:both;
   font-size:85%;
   border-top:1px dotted #000;
   padding:10px 5px 20px 5px;
   margin:10px 0 2em 0;
}



/* Footer
----------------------------------------------- */

#footer p {
   margin:0;
   padding:0;
}

#footer img {
   float:left;
   margin:0 5px 0 0;
}

#footer #copyright {
   text-align:left;
   float:left;
   width:65%;
}

#footer #imaginet {
   float:right;
}




/* Masthead
----------------------------------------------- */
#masthead {
   width:760px;
   background:#036 url("graphics/nortrail.gif") no-repeat;
}
#masthead span {
  display:none;
  margin:0;
  padding:0;
}

#masthead #topnav {
  padding:5px 0 0 0;
  float:right;
  width:400px;
  text-align:center;
}

#masthead img {
   border:0px;
   margin:0px;
}

/* Main Navigation
----------------------------------------------- */
#masthead ul {
  margin:0 0 0 -15px;
  padding:0 0 0 15px;
  text-transform:uppercase;
  font-size:85%;
  white-space:nowrap;
  }
#masthead ul li {
  margin:0; padding:0;
  display:inline;
  list-style:none;
  background-image:none;
  }

#masthead ul a, #masthead ul strong, #masthead ul em {
  float:left;
  display:block;
  border-style:solid;
  border-color:#69c;
  border-width:0 0 0 1px;
  padding:4px 6px;
  font-weight:bold;
  color:#fff;
  white-space:nowrap;
  }
#masthead ul a#home {
  border-width:0;
}

/* Hack to get IE5-Mac to ignore the following rules \*/
#header ul a, #header ul strong, #header ul em {height:1em; line-height:1em;}
/* End IE5-Mac hack */

#masthead ul em {
  float:none;
  border-style:none;
  display:block;
  }





/* Footprints
----------------------------------------------- */

.footprints {
   width:760px;
   height:84px;
   overflow:hidden;
}

#about1 {background:url("graphics/feet01.gif") no-repeat;}
#about2 {background:url("graphics/pic01.gif") no-repeat top right;}
#walks1 {background:url("graphics/feet05.gif") no-repeat;}
#walks2 {background:url("graphics/pic05.gif") no-repeat top right;}
#themes1 {background:url("graphics/feet03.gif") no-repeat;}
#themes2 {background:url("graphics/pic03.gif") no-repeat top right;}
#want1 {background:url("graphics/feet04.gif") no-repeat;}
#want2 {background:url("graphics/pic04.gif") no-repeat top right;}
#shop1 {background:url("graphics/feet02.gif") no-repeat;}
#shop2 {background:url("graphics/pic02.gif") no-repeat top right;}







/* Titles
----------------------------------------------- */
.pageheader {
  font-size:85%;
  }
#maincol h1 {
   font-size:135%;
   font-size:1.7em;
   border-bottom:1px dotted #000;
   color:#036;
   padding:12px 0 0.8em 0;
   margin:0;
  }
#maincol h1 span {
   font-weight:normal;
   color:#369;
}
h2 {
   font-size:1.2em;
}
h3 {
   font-size:1em;
}
#subcol h3 {
  font-size:1em;
}
h4 {
  font-size:1em;
  color:#369;
}

#theme01 {background:#fff url("graphics/theme01.gif") no-repeat top right;padding-right:60px;}
#theme02 {background:#fff url("graphics/theme02.gif") no-repeat top right;padding-right:60px;}
#theme03 {background:#fff url("graphics/theme03.gif") no-repeat top right;padding-right:60px;}
#theme04 {background:#fff url("graphics/theme04.gif") no-repeat top right;padding-right:60px;}
#theme05 {background:#fff url("graphics/theme05.gif") no-repeat top right;padding-right:60px;}

#uk {background:#fff url("graphics/flag_uk.gif") no-repeat top right;padding-right:60px;}
#sv {background:#fff url("graphics/flag_sv.gif") no-repeat top right;padding-right:60px;}
#no {background:#fff url("graphics/flag_no.gif") no-repeat top right;padding-right:60px;}
#nl {background:#fff url("graphics/flag_nl.gif") no-repeat top right;padding-right:60px;}
#da {background:#fff url("graphics/flag_da.gif") no-repeat top right;padding-right:60px;}
#de {background:#fff url("graphics/flag_de.gif") no-repeat top right;padding-right:60px;}


/* Content
----------------------------------------------- */

#maincol img {
}

#symbols img {
}

.inlineright {
   width:180px;
   float:right;
   text-align:center;
}

.caption {
   font-size:0.8em;
   color:#036;
}


/* Main Column Link Lists
----------------------------------------------- */

#maincol ul.lista {
  margin:0.5em 0px 1em 0px;
  padding:0;
  list-style-type:none;
}

#maincol ul.lista li {
  margin:0;
  padding:0 0 0.3em 14px;
  background:url("graphics/arrow02.gif") no-repeat 0 .4em;
  border-bottom:1px dotted #9cf;
}



/* Right Column Link Lists
----------------------------------------------- */

#subcol ul.submenu {
  margin:0 0 1em 0;
  padding:0;
  list-style-type:none;
}

#subcol ul.submenu li {
  margin:0;
  padding:1px 0 2px 22px;
  line-height:2em;
  font-weight:bold;
  background:url("graphics/arrow01.gif") no-repeat 0 .4em;
  border-bottom:1px dotted #000;
}



/* Map Links
----------------------------------------------- */

#mapbox {
   width:248px;
   margin:0px;
   padding:0px;
}

#mapbox_home {
   float:right;
   width:248px;
   margin:0px 20px 0px 0px;
   padding:0px;
}

#map_top {
  width:248px;
  height:10px;
  background:url("graphics/maplinks_top.gif") no-repeat;
  overflow:hidden;
}

#map_bot {
  width:248px;
  height:10px;
  background:url("graphics/maplinks_bot.gif") no-repeat;
  overflow:hidden;
}

#maplinks {
  width:248px;
  line-height:2em;
  background:url("graphics/maplinks_bg.gif") repeat-y;
  overflow:hidden;
}

#maplinks ul {
  padding:0;
  margin:0px 0px 0px 10px;
  list-style-type:none;
}

#maplinks ul li {
  list-style-type:none;
  margin:0;
  padding:4px 0 4px 32px;
  font-weight:bold;
  background:url("graphics/maplinks_arrow.gif") no-repeat 0 .4em;
  text-transform:uppercase;
  font-weight:bold;
}

#maplinks ul li a {
  text-decoration:none;
}

#maplinks ul li a:hover {
  text-decoration:underline;
}

#maplinks ul sup {
   text-transform:capitalize;
   line-height:0.8em;
   font-weight:normal
}

#plugins p a {
  text-decoration:none;
}

#plugins p a:hover {
  text-decoration:underline;
}

#plugins p {
   margin:0;
   padding:5px 0px 2px 10px;
}


#maplinks span {
   text-transform:capitalize;
   line-height:0.8em;
   font-weight:normal
}





/* Home Page
----------------------------------------------- */

#home1 {
   font-size:85%;
   clear:both;
   width:760px;
   color:#036;
   background:#fff url("graphics/home01.gif") no-repeat;
   text-align:left;
}

#homeblurb {
   padding:44px 0px 22px 24px;
   width:300px;
   line-height:2em;
}

#home1 homeblurb p {
   padding:0;
   margin:0;
}

#home2 {
   width:760px;
   height:43px;
   overflow:hidden;
   background:#fff url("graphics/home02.gif");
}

#home3 {
   font-size:85%;
   text-align:left;
   width:760px;
   overflow:visible;
   background:#dcf0f9 url("graphics/home03.gif") no-repeat;
   padding:15px 0px 15px 0px;
}

#welcome {
   float:left;
   width:200px;
   padding:0px 0px 0px 20px;
}

#home3 #welcome img {
   border:0;
}

#homethemes1 {
   font-size:85%;
   text-align:left;
   width:760px;
   overflow:visible;
   background:#dcf0f9 url("graphics/homethemebg1.gif");
}

#homethemes1 img {
   border:0;
}

.htbox1 {
   float:left;
   width:152px;
   padding:0;
   margin:0;
}

.htbox2 {
   padding:132px 6px 16px 6px;
   margin:0;
}

#ht1a {background-color:#4a863e;}
#ht2a {background-color:#86642d;}
#ht3a {background-color:#b03e70;}
#ht4a {background-color:#f47421;}
#ht5a {background-color:#d8bd00;}
#ht1b {background:url("graphics/hometheme1.gif") no-repeat;}
#ht2b {background:url("graphics/hometheme2.gif") no-repeat;}
#ht3b {background:url("graphics/hometheme3.gif") no-repeat;}
#ht4b {background:url("graphics/hometheme4.gif") no-repeat;}
#ht5b {background:url("graphics/hometheme5.gif") no-repeat;}


#homethemes1 img {
   float:left;
   padding:0px 4px 0px 0px;
   margin:0;
}

#homethemes1 p {
   padding:0;
   margin:0;
}

#homethemes1 h3 {
   color:#fff;
   margin:0;
   padding:3px 2px 4px 5px;
   text-transform:capitalize;
}

#homethemes1 h3 a {
   color:#fff;
}




/* HTML Version
----------------------------------------------- */

#nofeet {
   width:760px;
   height:32px;
   background:#fff url("graphics/nofeet.gif") no-repeat;
   overflow:hidden;
   margin:0px;
   padding:0px;
}

#walkselect {
   width:760px;
   margin:0px;
   padding:10px 0 10px 0;
   border-bottom:1px solid #036;
}

#walkselect table {
   margin:0.3em 0 0 0;
}

#circselect {
   text-align:left;
   width:360px;
   float:left;
   margin:0px;
   padding:0px;
}

#linselect {
   text-align:left;
   width:360px;
   float:right;
   margin:0px;
   padding:0px;
}
#subcol .htmlcol {
  padding:10px 15px 50px 15px;
}
#subcol .htmlcol h3 {
   font-size:1em;
   text-transform:uppercase;
}
#subcol .htmlcol ul {
  margin:0.5em 0px 1em 0px;
  padding:0;
  list-style-type:none;
}

#subcol .htmlcol ul li {
  margin:0;
  padding:1px 0 2px 14px;
  background:url("graphics/arrow02.gif") no-repeat 0 .4em;
  border-bottom:1px dotted #9cf;
}