/* map.css for the Kent manonabeach map */

body {
   background-color: #fff;
   font-family: Verdana, Arial, sans-serif;
   min-width: 1168px;
   min-height: 950px;
}
p{
   color: #000;
   margin: 0px;
   font-size: 8px;
}
h1{
   color: #000;
   font-size: 36px;
   font-weight: 100;
   margin: 0px 10px 10px 20px;
}
h2{
   color: #2e2e2d;
   font-size: 16px;
   margin: 0 10px 0 20px;
   font-weight: 500;
}
h3{
   font-size: 14px;
   margin: 0 10px 0 20px;
   font-weight: 500;
}

p.toLeft{
   text-align: right;
}


h4{
   font-size: 12px;
   margin: 0 10px 0 20px;
   font-weight: 100;
   color: #666;
}


#wrapper{
   width: 1168px;
   height: 950px;
   margin: 0 auto 20px auto;
   background-image: url('kent2.jpg');
   background-repeat: no-repeat;
   padding: 0px;
}
#container{
   position: absolute;
   width: 1168px;
   height: 950px;
   padding: 0px;
   text-align: right;

}

/* The beach overlays */


#dungeness{
   position: absolute;
   left: 500px;
   bottom: 75px;
   z-index: 50;
   color: #000;
}
#dungeness:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
   color: #000;

}

#greatstone{
   position: absolute;
   left: 490px;
   bottom: 135px;
   z-index: 50;
   color: #000;

}
#greatstone:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
   color: #000;

}

#stmarys{
   position: absolute;
   left: 510px;
   bottom: 198px;
   z-index: 50;
   color: #000;

}
#stmarys:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
   color: #000;

}

#dymchurch{
   position: absolute;
   left: 535px;
   bottom: 230px;
   z-index: 50;
   color: #000;

}
#dymchurch:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
   color: #000;

}

#hythe{
   position: absolute;
   left: 588px;
   bottom: 266px;
   z-index: 50;
   color: #000;

}
#hythe:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
   color: #000;

}

#dover{
   position: absolute;
   left: 790px;
   bottom: 342px;
   z-index: 50;
   color: #000;

}
#dover:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
   color: #000;

}

#stmargarets{
   position: absolute;
   left: 844px;
   bottom: 387px;
   z-index: 50;
   color: #000;

}
#stmargarets:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
   color: #000;

}

#kingsdown{
   position: absolute;
   left: 860px;
   bottom: 420px;
   z-index: 50;
   color: #000;

}
#kingsdown:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
   color: #000;

}

#sandwich{
   position: absolute;
   left: 835px;
   bottom: 590px;
   z-index: 50;
   color: #000;

}
#sandwich:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
   color: #000;

}


#deal{
   position: absolute;
   left: 860px;
   bottom: 460px;
   z-index: 50;
   color: #000;

}
#deal:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
   color: #000;

}

#pegwell{
   position: absolute;
   left: 830px;
   bottom: 610px;
   z-index: 50;
   color: #000;

}
#pegwell:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
   color: #000;

}

#viking{
   position: absolute;
   left: 891px;
   bottom: 663px;
   z-index: 50;
   color: #000;

}
#viking:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
   color: #000;

}

#joss{
   position: absolute;
   left: 893px;
   bottom: 690px;
   z-index: 50;
   color: #000;

}
#joss:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
   color: #000;

}

#botany{
   position: absolute;
   left: 882px;
   bottom: 715px;
   z-index: 50;
   color: #000;

}
#botany:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
   color: #000;

}

#walpole{
   position: absolute;
   left: 820px;
   bottom: 698px;
   z-index: 50;
   color: #000;

}
#walpole:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
   color: #000;

}

#thebay{
   position: absolute;
   left: 790px;
   bottom: 723px;
   z-index: 50;
   color: #000;

}
#thebay:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
   color: #000;

}

#westbrook{
   position: absolute;
   left: 762px;
   bottom: 687px;
   z-index: 50;
   color: #000;

}
#westbrook:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
   color: #000;

}

#stmildreds{
   position: absolute;
   left: 712px;
   bottom: 710px;
   z-index: 50;
   color: #000;

}
#stmildreds:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
   color: #000;

}

#minnis{
   position: absolute;
   left: 695px;
   bottom: 700px;
   z-index: 50;
   color: #000;

}
#minnis:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
   color: #000;

}

#westbay{
   position: absolute;
   left: 705px;
   bottom: 684px;
   z-index: 50;
   color: #000;

}
#westbay:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
   color: #000;

}

#herne{
   position: absolute;
   left: 583px;
   bottom: 695px;
   z-index: 50;
   color: #000;

}
#herne:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
   color: #000;

}

#tankerton{
   position: absolute;
   left: 543px;
   bottom: 668px;
   z-index: 50;
   color: #000;

}
#tankerton:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
   color: #000;

}

#whitstable{
   position: absolute;
   left: 468px;
   bottom: 673px;
   z-index: 50;
   color: #000;

}
#whitstable:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
   color: #000;

}

#seasalter{
   position: absolute;
   left: 493px;
   bottom: 645px;
   z-index: 50;
   color: #000;

}
#seasalter:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
   color: #000;

}

#leysdown{
   position: absolute;
   left: 462px;
   bottom: 721px;
   z-index: 50;
   color: #000;

}
#leysdown:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
   color: #000;

}

#minster{
   position: absolute;
   left: 375px;
   bottom: 765px;
   z-index: 50;
   color: #000;

}
#minster:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
   color: #000;

}

#sheerness{
   position: absolute;
   left: 310px;
   bottom: 794px;
   z-index: 50;
   color: #000;

}
#sheerness:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
   color: #000;

}

#halstow{
   position: absolute;
   left: 225px;
   bottom: 678px;
   z-index: 50;
   color: #000;

}
#halstow:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
   color: #000;

}

#allhallows{
   position: absolute;
   left: 180px;
   bottom: 818px;
   z-index: 50;
   color: #000;

}
#allhallows:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
   color: #000;

}

/************************************************/

#credits{
   position: absolute;
   right: 10px;
   bottom: 5px;
   z-index: 50;
   text-align: right;
}


/* Overlay fonts */
a:link {
        color: #000;
        text-decoration: none; 
        font-weight: 900;

}
a:visited {
        color: #000;
        text-decoration: none; 
        font-weight: 900;

}
h1 a:hover {
        color: #000;
        text-decoration: none; 
        font-weight: 200;
        color: #000;
}

h1 :active 
        color: #000;
        text-decoration: none; 
        font-weight: 200;
        color: #000;

}
h1 a:link {
        text-decoration: none; 
        font-weight: 200;
        color: #000;

}
h1 a:visited {
        text-decoration: none; 
        font-weight: 200;
        color: #000;

}
a:hover {
        text-decoration: none; 
        font-weight: 200;
}

a:active {
        text-decoration: none; 
        font-weight: 900;

}