body  {
  margin: 0;
  padding: 0;
  background: #222;
}


.wrapper  {
  float:  left;
  clear:  left;
  width:  100%;
  margin: 0;
}

.container  {
  width:  830px;
  margin: 0 auto;
  padding:  0;
}




textarea.field,
input.field	{
	border:	1px solid #7C7C7C;
	border-left-color:	#C3C3C3;
	border-right-color:	#C3C3C3;
	border-bottom-color:	#DDD;
	font-size:	12px;
	padding:	2px;
	font-family:	Helvetica, Arial, sans-serif;
	background:	#FFF url('/images/forms/field.gif') top repeat-x;
	color:	#808080;
}
form span.notes  {
  margin-top: 10px;
}
input.short {
  width:  3em;
}
textarea.field	{
	height:	20em;
}
textarea.summary	{
	height:	6em;
}
textarea.address	{
	height:	3em;
}
textarea.short	{
	height:	2em;
}
.field select	{
	margin-top:	-2px;
	margin-left:	5px;
	font-size:	12px;
	font-family:	Helvetica, Arial, sans-serif;
	color:	#808080;
}
.save input.submit	{
	background:	#003172;
	border:	1px solid #F3A54B;
	color:	#FFF;
	font:	1em/1.5em Helvetica, Arial, sans-serif;
	padding:	2px 10px;
	_padding:	2px 5px;
}
input.discouraged	{
	background:	#EEE;
	border:	1px solid #CCC;
	color:	#CCC;
}
div.fieldWithErrors	{
	padding-right: 20px;
	background: url('/images/admin/icons/error.gif') 5px right no-repeat;
}
	div.fieldWithErrors input.field,
	div.fieldWithErrors textarea.field	{
		color:	#600;
		background: #FFC url('/images/admin/backgrounds/field_with_errors.gif');
	}




#header {
  background: #002164 url('/themes/the_pipers_trail/images/header_bg.png') top center repeat-x;
}
#body {
  background: #333;
}
#footer {
}





#masthead {
  font:  12px Helvetica, Verdana, sans-serif;
  background: #002164 url('/themes/the_pipers_trail/images/masthead_bg.png') top center no-repeat;
  height: 250px;
  position: relative;
  width:  908px;
}
  #masthead h1  {
    position: absolute;
    top:  60px;
    left:  490px;
    margin: 0;
    padding:  0;
  }
    #masthead h1 a  {
      display:  block;
      width:  210px;
      height: 100px;
    }
    #masthead h1 b  {
      display:  none;
    }
  #masthead .navigation {
    position: absolute;
    bottom: 0;
    width:  830px;
    margin: 0 39px;
    float:  left;
  }
    #masthead .navigation form#site_search  {
      position: relative;
      float:  left;
      margin: 0 10px;
      padding:  15px 0;
    }
      #masthead .navigation form#site_search label  {
        font:  10px Verdana, sans-serif;
        color:  #FFF;
        position: absolute;
        left: 0;
        top:  0.2em;
      }
      #masthead .navigation form#site_search input.field  {
        width:  175px;
      }
      #masthead .navigation form#site_search input.submit,
      #event_cities input.submit  {
        background: #215DA1;
        width:  35px;
        border: 1px solid #215DA1;
        color:  #FFF;
      }
    #masthead .navigation ul,
    #masthead .navigation li  {
      float:  left;
      margin: 0;
      padding:  0;
      list-style: none;
    }
    #masthead .navigation ul  {
      float:  right;
    }
    #masthead .navigation li  {
    }
      #masthead .navigation li a  {
        text-decoration:  none;
        color:  #6189C3;
        line-height:  20px;
        display:  block;
        margin: 10px 10px 10px 15px;
        padding:  5px 0;
      }
        #masthead .navigation li a:hover  {
          color: #FFF;
        }
        #masthead .navigation li a.current  {
          color: #FFF;
        }
      #masthead .navigation li#header_nav_feeds a  {
        padding-right:  25px;
        background: url('/images/feed.png') right no-repeat;
      }

#content  {
  padding-top: 20px;
  padding-bottom: 20px;
}
  #content a  {
    text-decoration:  none;
    color:  #6189C3;
  }
  #content a:hover  {
    color:  #FFF;
  }
  #content .navigation  {
    font:  12px Helvetica, Verdana, sans-serif;
    margin: 10px 0 30px 10px;
    width:  220px;
    float:  left;
  }
    #content .navigation h2 {
      font: bold 14px Helvetica, Verdana, sans-serif;
      margin: 0 0 5px 0;
      padding:  0;
      color:  #FFF;
    }
    #content .navigation ul,
    #content .navigation li  {
      margin: 0;
      padding:  0;
      list-style: none;
    }
    #content .navigation ul.map  {
      margin-top: 15px;
    }
    #content .navigation ul {
      margin-bottom:  20px;
      border-bottom:  2px groove #666;
      padding-bottom: 20px;
    }
      #content .navigation ul.adverts {
        margin-top: 20px;
        border-bottom:  none;
      }
    #content .navigation li  {
    }
      #content .navigation li a {
        text-decoration:  none;
        color:  #6189C3;
        display:  block;
        margin: 0;
        padding:  5px;
      }
        #content .navigation li a:hover  {
          color: #FFF;
          background: #444;
        }
        #content .navigation .adverts li a:hover  {
          color: #FFF;
          background: none;
          border: 1px solid #444;
          margin: -1px;
        }
        #content .navigation li a.current  {
          color: #FFF;
        }
      #content .navigation li a span.count  {
        float:  right;
      }
      #content .navigation li li a  {
        padding-left: 20px;
      }
      #content .navigation li a img,
      #content .navigation li img.nolink  {
        display:  block;
        margin: 0 auto;
      }
  #content .data  {
    font:  12px Helvetica, Verdana, sans-serif;
    margin: 10px 10px 30px;
    padding:  0;
    width:  580px;
    float:  left;
    color:  #CCC;
    background: #222 url('/themes/the_pipers_trail/images/data_bg_top.png') top left no-repeat;
  }
    #content .data a  {
      font-weight:  bold;
    }
    #content .data .information {
      display:  inline;
      margin: 10px 5px 20px;
      padding:  25px 0 0;
      font-size:  14px;
      float:  left;
      width:  560px;
      background: url('/themes/the_pipers_trail/images/information_bg_top.png') top left no-repeat;
    }
	    #content .data .information .title	{
		    display:	block;
		    float:	left;
		    padding:	0 3px;
        margin: 0 0 0 50px;
        padding:  0;
        font-size:  14px;
        float:  left;
      }
	    #content .data .information span.meta	{
		    display:	block;
		    float:	right;
		    padding:	0 20px;
	    }
		  #content .data .information span.meta a	{
			  color:	#6189C3;
		  }
		  #content .data .information span.meta a:hover	{
			  color:	#FFF;
		  }
	    #content .data .information span.supplementary	{
	      padding: 3px 0 15px 5px;
	      float:  left;
	      color:  #999;
		    display:	block;
		    clear:	both;
        width:  550px;
        background: url('/themes/the_pipers_trail/images/information_bg_bottom.png') bottom left no-repeat;
	    }
	      #content .data .information span.supplementary .title,
	      #content .data .information span.supplementary .meta  {
	        font-size:  12px;
	      }
	#content .data .content {
	  width:  500px;
	  font-size:  12px;
	  line-height:  1.5em;
	  padding:  0 40px 10px;
	}
    #content .data .content strong  {
      color:  #FBEEB2;
    }
    #content .data .content h2  {
      font-size:  18px;
      font-weight:  normal;
      color:  #FFF;
      padding:  0 0 3px;
      margin: 40px 0 0;
      clear:  both;
      border-bottom:  1px solid #6189C3;
    }
    #content .data .content .flash  {
      background: #2C3C49;
      padding:  10px 20px;
      font-weight:  bold;
      font-size:  1.2em;
    }

    #content .data .content h2 .count {
      font-weight:  normal;
      float:  right;
      color:  #FFF;
    }
    #content .data .flickr a  {
      display:  block;
      float:  left;
      margin: 8px 4px 0;
    }
    #content .data .flickr a img  {
      border: none;
    }
    #content .data .flickr h2 .link {
      font-weight:  normal;
      float:  right;
      color:  #FFF;
    }
      #content .data .flickr h2 .link a {
        font-weight:  normal;
        font-size:  12px;
        margin: 0;
      }
  #content .data table.calendar {
    float:  left;
    width:  100%;
    margin-bottom:  20px;
  }
    #content .data table.calendar a {
      color:  #FFF;
    }
    #content .data table.calendar a:hover {
      color:  #6189C3;
    }
    #content .data table.calendar td,
    #content .data table.calendar th  {
      padding:  5px 10px;
      font:  12px Verdana, sans-serif;
      background: #2C3C49;
    }
    #content .data table.calendar th  {
      width:  95px;
      color:  #FFF;
      text-align: right;
    }
  #content .data table.events {
      color:  #CCC;
      margin-bottom:  30px;
  }
    #content .data table.events th,
    #content .data table.events td  {
      font-size:  12px;
    }
    #content .data table.events td  {
      text-align: right;
    }
    #content .data table.events th  {
      width:  255px;
      text-align: left;
    }
      #content .data table.events tr.additional_information th,
      #content .data table.events tr.additional_information td  {
        font-size:  12px;
        background: none;
        padding-bottom: 15px;
      }
      #content .data table.events tr.additional_information th  {
        padding-left: 15px;
      }
  #content .data table.results {
    float:  left;
    width:  100%;
  }
    #content .data table.results td,
    #content .data table.results th  {
      padding:  5px 10px;
      font:  12px Verdana, sans-serif;
      background: #2C3C49;
    }
    #content .data table.results th  {
      width:  200px;
      color:  #FFF;
      text-align: right;
    }
  #content .data .paginator {
    clear:  both;
    padding-bottom: 10px;
    background: url('/themes/the_pipers_trail/images/data_bg_bottom.png') bottom left no-repeat;
    text-align: center;
  }
    #content .data .pagination  {
      border-top: 1px solid #3f3f3f;
      margin: 0 20px;
      padding-top:  10px;
    }

  #content .comments  {
    margin-top: 10px;
    border-top: 1px solid #333;
  }
  #content .comments .information  {
    margin: 5px 0 10px 0;
    background: none;
  }
    #content .comments .information h2 {
      font-size:  1em;
      background: none;
    }
    #content .comments .information abbr,
    #content .comments .information .count {
      float:  right;
      margin-right: 20px;
    }
    #content .comments .comment {
      clear:  both;
      margin: 20px 40px 0 50px;
      padding-bottom: 10px;
      padding-top:  5px;
    }
      #content .comments .comment .information {
        margin: 0 -40px 10px -50px;
      }
      #content .comments .comment .information h2 {
        font-size:  1em;
      }
      #content .comments .comment .information abbr {
        float:  right;
      }

  #content .form  {
    margin-top: 10px;
    margin-left:  80px;
    float:  left;
  }
    #content .form th,
    #content .form td  {
      padding:  4px;
      vertical-align: top;
    }
    #content .form th  {
      width:  70px;
      text-align: right;
    }
    #content .form td  {
    }
    #content .form label  {
      display:  block;
      margin-top: 5px;
      font-size:  0.9em;
    }
    #content input.field,
    #content textarea.field {
      width:  290px;
    }
    #content textarea.field {
      height: 100px;
    }
    #content textarea.address {
      height: 60px;
    }
    #content textarea.short {
      height: 30px;
    }
    #content form div.notes  {
      margin-top: 10px;
      width:  300px;
      line-height:  1.3em;
    }
    #content input.short {
      width:  3em;
    }
	#content form .errorExplanation	{
	  margin: 0 0 30px;
	  width:  420px;
  }
  	#content form .errorExplanation h2	{
  		border-top:	none;
  		background:	#666;
  		padding:	5px 10px;
  		color:	#FFF;
  		border-bottom:	1px solid #CCC;
  	}
  	#content form .errorExplanation p,
  	#content form .errorExplanation li	{
  		margin: 10px;
  		color:  #FFF;
  	}
  	#content form .errorExplanation	{
  		border-bottom: 1px solid #999;
  	}
  #content .form .save  {
    margin-top: 10px;
    margin-left:  45px;
  }
  #content .exhibits  {
    margin: 0 -10px 10px 0;
    padding:  5px 0 0 5px;
    float:  right;
    width:  170px;
  }
    #content .exhibits ul,
    #content .exhibits li  {
      margin: 0;
      padding:  0;
      list-style: none;
    }
      #content .exhibits li {
        float:  left;
        margin: 0 0 5px 5px;
      }
        #content .exhibits li a {
          display:  block;
          height: 78px;
          width:  78px;
          background-repeat:  no-repeat;
          background-position:  center;
          border: 1px solid #000;
          background-color: #3F3F3F;
        }
          #content .exhibits li a b {
            display:  none;
          }
  #content .exhibit {
    float:  left;
    margin:  5px -10px;
  }
    #content .exhibit a img {
      border: none;
    }

  #content .data .headpanels  {
    float:  left;
    clear:  left;
  }
  #content .data .headpanel {
/*    border: 1px solid #900;*/
    width:  289px;
    float:  left;
  }
    #content .data .headpanel .information  {
      width:  285px;
    }
    #content .data .headpanel span.supplementary  {
      width:  280px;
    }
    #content .data .headpanel .content  {
      width:  240px;
    }
    #content .data .calendar {
    }
      #content .data .calendar .information {
        width:  280px;
        float:  left;
        background: #3F3F3F url('/themes/the_pipers_trail/images/information_bg_top.png') top right no-repeat;
        margin-bottom: 0;
      }
      #content .data .calendar .information .supplementary {
        background: none;
      }
      #content .data .calendar .information h1.title {
        padding-bottom: 10px;
        margin-right:  30px;
        float: right;
      }
      #content .data .calendar .event {
        width:  245px;
        float:  left;
        padding:  5px 10px 10px;
        margin-top:  5px;
        margin-left:  5px;
        font:  12px Verdana, sans-serif;
        background: #3F3F3F;
      }
      #content .data .calendar .event h1 {
        margin: 3px 0;
        padding:  0;
        font:  12px Verdana, sans-serif;
      }
      #content .data .calendar .event .supplementary .meta {
        float:  right;
      }



  #content .data .content .event_details {
    width:  250px;
    display:  block;
    float:  right;
    margin: 0 0 10px 10px;
  }
    #content .data .content .event_details table.calendar,
    #content .data .content .event_details h2 {
      width:  250px;
    }
    #content .data .content .event_details table.calendar th {
      width:  50px;
    }
      #content .data .content .event_details h2  {
        font-size:  14px;
        margin: 0;
        text-align: right;
      }



#content .product {
  margin: 0 0 30px;
  width:  415px;
}
  #content .product img {
    display:  block;
    float:  left;
    width:  140px;
    margin-right: 10px;
  }
  #content .product .description  {
    padding-left: 150px;
  }
    #content .product .description h2  {
      margin-top: 0;
    }
    #content .product .description .price {
      font-size:  18px;
      color:  #FFF;
      font-weight:  bold;
      text-align: right;
    }
  #content .product .description ul {
    list-style: none;
    margin: 0;
    padding:  0;
  }
  #content .product .description li {
    list-style: none;
    margin: 5px 0 0;
    padding:  5px;
    border-top: 1px solid #999;
    clear:  both;
  }
    #content .product .description li select  {
      float:  right;
    }
    #content .product .description label  {
      display:  inline;
      font-size:  12px;
      line-height:  20px;
    }
  #content #order_totals  {
    border-top: 1px solid #999;
    padding:  10px;
    margin: 10px 0 0;
    color:  #FFF;
  }
    #content #order_totals h2,
    #content #order_totals div  {
      font-size:  18px;
      margin: 0;
      padding:  0;
    }
    #content #order_totals h2 {
      float:  left;
    }
    #content #order_totals div  {
      text-align: right;
      padding:  0 5px;
    }
  #content #payment_form .notes {
    width:  300px;
  }
  #content .delivery_notes  {
    margin: 0 0 40px;
    padding:  5px;
    text-align: right;
    line-height:  1.5em;
    border-top:  1px solid #999;
    border-bottom:  1px solid #999;
    color:  #999;
  }





#footnote {
  height: 45px;
  position: relative;
  margin-bottom:  100px;
}
  #footnote .navigation {
    position: absolute;
    bottom: 0;
    font:  12px Helvetica, Verdana, sans-serif;
    width:  100%;
    float:  left;
  }
    #footnote .navigation ul,
    #footnote .navigation li  {
      float:  left;
      margin: 0;
      padding:  0;
      list-style: none;
    }
    #footnote .navigation li  {
    }
      #footnote .navigation li a,
      #footnote .navigation li span {
        color:  #FFF;
        display:  block;
        margin: 2px 0 2px 10px;
        padding:  5px;
      }
      #footnote .navigation li a  {
        text-decoration:  none;
        color:  #6189C3;
        display:  block;
        margin: 2px 0 2px 10px;
        padding:  5px;
      }
        #footnote .navigation li a:hover  {
          color: #FFF;
        }
        #footnote .navigation li a.current  {
          color: #FFF;
        }
    #footnote .navigation li.first  {
      float:  right;
    }
      #footnote .navigation li.first a  {
        margin: 2px 10px 2px 0;
      }