/* CSS Document */
 body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: black; background: white;}
 
 
 /***************Navigation******************/
#menu {
position:relative;
margin-top: 0;
width: 780px;
margin-left: auto;
margin-right: auto;
height: 20px;
clear: both;
}

#floating {
	width:780px;
	position:relative;
	height: 20px;
}

 #header-menu {
 position:absolute;
	bottom:0;
	left:0;
          width:780px;
    background:white url("../../images/menu/bg.gif") repeat-x bottom;
      font-size:12px;
      line-height:normal;
	}
    #header-menu ul {
      margin:0;
      padding:0;
      list-style:none;
	       }
    #header-menu li {
      float:left;
      background:url("../../images/menu/left_both.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      }
    #header-menu a {
      float:left;
      display:block;
      width:.1em;
      background:url("../../images/menu/right_both.gif") no-repeat right top;
      padding:5px 22px 4px 13px;
      text-decoration:none;
      font-weight:normal;
      color: white;
	  font-weight: bold;
      }
   
   
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #header-menu a {float:none;}
    /* End IE5-Mac hack */
   
    #header-menu ul li a:hover {
      color:white;
	  font-weight: bold;
	      }
		  /* set up the menu colouring denoting the page you are on */
    #Home #nav-home, #Stalls #nav-stalls, #About #nav-about,  #Events #nav-events, #Links #nav-links, #Contact #nav-contact, #Yuletide #nav-yuletide {background-position:0 -150px;
      border-width:0;
      }
    #Home #nav-home a, #Stalls #nav-stalls a, #About #nav-about a,  #Events #nav-events a, #Contact #nav-contact a, #Links #nav-links a, #Yuletide #nav-yuletide a  {
      background-position:100% -150px;
      padding-bottom:4px;
      color: white;
      }
	  
	      /* reverses    width:.1em above in non ie browsers*/
    #header-menu > ul a {width:auto;}

	  
	  
    #header-menu li:hover, #header-menu li:hover a {
      background-position:0% -150px;
      color: white;
      }
    #header-menu li:hover a {
      background-position:100% -150px;
      }

 
 
 h1 {font-size: 22px;}
 
 /*events*/
 #programme {width: 95%; border: 1px solid #CCCCCC; margin-left: auto; margin-right: auto; }
 #programme td {padding: 10px 3px 10px 10px; text-align: left;}
 
 #programme ul li {padding: 5px 0 5px 0; }
p.market {padding-left: 25px;}
 
/* CONTACT PAGE */

#contact { width: 780px; font-family: Arial, Helvetica, sans-serif; font-size: 14px;}

#contact td {border:0 solid #CCCCCC; padding: 5px; vertical-align: top;}

/*links page*/
#links-holder {text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; width: 780px; margin: 20px 0 0 0;}
img.link-image {float: left; margin: 0 20px 0 0;}
div.links h4 {margin: 0 0 3px 0;}
div.clearing {clear: both; margin: 0 0 20px 0;}

#links-holder a:link{text-decoration: underline; color: #FF6600;}
#links-holder a:visited{text-decoration: underline; color: #B36B00;}
#links-holder a:hover{text-decoration: none; color: #002DB3; }

#gallery img {
  padding:  4px 4px 9px 4px;
    border: 1px solid #ccc;
border-top-color: #eee;
  border-right-color: #ddd;
  border-bottom-color: #bbb;
  background-color: #ffffff;
  margin: 25px 0 5px 0;
  }