/***

    Lanner style sheet


***/


body{
  margin:   0;
  padding:  0;
  font-family:	"Bookman Old Style", Bookman, serif;
}

td{
  vertical-align: top;
}

img{
  border:   none;
}

h1{
	font-size:	18pt;font-family:Bookman Old Style
}
h2{
font-size:	110%;
}


#banner{
  background-color:    #336633;
  text-align:   center;
}

#navigation{
  background-color: #CCCC99;
}


#content{
  background-color: #66CC99;
  padding:  10px;
}


#navigation ul{
  margin:   8px;
  padding:  0;
  list-style:   none;
}

#navigation ul li{
  margin:   3px 0;
}


#navigation a{
  width:    180px;
  height:   33px;
  display:  block;
}

#navigation a span{
  margin-left:  -1000px;
  overflow: hidden;
}


#navigation li#home a{
  background:   url(images/home1.gif) no-repeat top left;
}
#navigation li#home a:hover{
  background:   url(images/home2.gif) no-repeat top left;
}

#navigation li#contact a{
  background:   url(images/makingcontact1.gif) no-repeat top left;
}
#navigation li#contact a:hover{
  background:   url(images/makingcontact2.gif) no-repeat top left;
}

#navigation li#whats-on a{
  background:   url(images/whats-on1.gif) no-repeat top left;
}
#navigation li#whats-on a:hover{
  background:   url(images/whats-on2.gif) no-repeat top left;
}

#navigation li#minutes a{
  background:   url(images/minutes1.gif) no-repeat top left;
}
#navigation li#minutes a:hover{
  background:   url(images/minutes2.gif) no-repeat top left;
}

#navigation li#lanner-trail a{
  background:   url(images/lannertrail1.gif) no-repeat top left;
}
#navigation li#lanner-trail a:hover{
  background:   url(images/lannertrail2.gif) no-repeat top left;
}

#navigation li#planning-decisions a{
  background:   url(images/planning1.gif) no-repeat top left;
}
#navigation li#planning-decisions a:hover{
  background:   url(images/planning2.gif) no-repeat top left;
}

#navigation li#roads-footpaths a{
  background:   url(images/roads1.gif) no-repeat top left;
}
#navigation li#roads-footpaths a:hover{
  background:   url(images/roads2.gif) no-repeat top left;
}

#navigation li#other-services a{
  background:   url(images/otherservices1.gif) no-repeat top left;
}
#navigation li#other-services a:hover{
  background:   url(images/otherservices2.gif) no-repeat top left;
}

#navigation li#local-directory a{
  background:   url(images/localdirectory1.gif) no-repeat top left;
}
#navigation li#local-directory a:hover{
  background:   url(images/localdirectory2.gif) no-repeat top left;
}

#navigation li#other-contacts a{
  background:   url(images/othercontacts1.gif) no-repeat top left;
}
#navigation li#other-contacts a:hover{
  background:   url(images/othercontacts2.gif) no-repeat top left;
}

#navigation li#picture-gallery a{
  background:   url(images/picturegallery1.gif) no-repeat top left;
}
#navigation li#picture-gallery a:hover{
  background:   url(images/picturegallery2.gif) no-repeat top left;
}

#navigation li#parish-plan a{
  background:   url(images/parishplan1.gif) no-repeat top left;
}
#navigation li#parish-plan a:hover{
  background:   url(images/parishplan2.gif) no-repeat top left;
}