/* map.css for the manonabeach dorset map */
/* THE NEXT TIME USE CLASSES FOR THE ROLLOVERS */

body {
   background-color: #fff;
   font-family: Verdana, Arial, sans-serif;
   min-width: 800px;
   height: 770px;
}
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;
   color: #dfa045;
}


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

h3.north{
   color: #dfa045;
}
h3.south{
   color: #913e2e;
}
h3.east{
   color: #2e9133;
}


#wrapper{
   width: 770px;
   min-width: 770px;
   height: 770px;
   margin: 0px auto 20px auto;
   background-image: url('devon.jpg');
   padding: 0px;
}
#container{
   position: absolute;
   width: 770px;
   min-width: 770px;
   height: 770px;
   padding: 0px;

}

#titleStuff{
   position: absolute;
   width: 400px;
   padding: 0px;
   right: 0px;
   top: 10px;
   text-align: right;
}

/* The beach overlays */

/* The expand class */


#woolacombe{
   position: absolute;
   left: 190px;
   top: 82px;
   z-index: 50;
}
#woolacombe: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;
}
#putsborough{
   position: absolute;
   left: 188px;
   top: 92px;
   z-index: 50;
}
#putsborough: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;
}

#croyde{
   position: absolute;
   left: 178px;
   top: 114px;
   z-index: 50;
}
#croyde: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;
}

#saunton{
   position: absolute;
   left: 182px;
   top: 130px;
   z-index: 50;
}
#saunton: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;
}

#bigbury{
   position: absolute;
   left: 240px;
   bottom: 52px;
   z-index: 50;
}
#bigbury: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;
}



#bantham{
   position: absolute;
   left: 255px;
   bottom: 42px;
   z-index: 50;
}
#bantham: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;
}
#hope{
   position: absolute;
   left: 290px;
   bottom: 16px;
   z-index: 50;
}
#hope: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;
}

#salcombeN{
   position: absolute;
   left: 345px;
   bottom: 52px;
   z-index: 50;
}
#salcombeN: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;
}

#salcombeS{
   position: absolute;
   left: 348px;
   bottom: 26px;
   z-index: 50;
}
#salcombeS: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;
}

#sunnybay{
   position: absolute;
   left: 380px;
   bottom: 1px;
   z-index: 50;
}
#sunnybay: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;
}

#millbay{
   position: absolute;
   left: 388px;
   bottom: 24px;
   z-index: 50;
}
#millbay: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;
}

#milton{
   position: absolute;
   left: 268px;
   bottom: 25px;
   z-index: 50;
}
#milton: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;
}

#beesands{
   position: absolute;
   left: 445px;
   bottom: 38px;
   z-index: 50;
}
#beesands: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;
}

#slapton{
   position: absolute;
   left: 445px;
   bottom: 52px;
   z-index: 50;
}
#slapton: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;
}

#mothecombe{
   position: absolute;
   left: 250px;
   bottom: 80px;
   z-index: 50;
}
#mothecombe: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;
}

#exmouth{
   position: absolute;
   right: 201px;
   bottom: 300px;
   z-index: 50;
}
#exmouth: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;
}

#torre{
   position: absolute;
   left: 510px;
   bottom: 135px;
   z-index: 50;
}
#torre: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;
}

#newton{
   position: absolute;
   left: 238px;
   bottom: 89px;
   z-index: 50;
}
#newton: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;
}

#wembury{
   position: absolute;
   left: 195px;
   bottom: 63px;
   z-index: 50;
}
#wembury: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;
}

#dawlish{
   position: absolute;
   right: 260px;
   bottom: 265px;
   z-index: 50;
}
#dawlish: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;
}

#budleigh{
   position: absolute;
   right: 139px;
   bottom: 279px;
   z-index: 50;
}
#budleigh: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;
}

#seaton{
   position: absolute;
   right: 50px;
   bottom: 356px;
   z-index: 50;
}
#seaton: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;
}

#beer{
   position: absolute;
   right: 89px;
   bottom: 355px;
   z-index: 50;
}
#beer: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;
}


#branscombe{
   position: absolute;
   right: 99px;
   bottom: 345px;
   z-index: 50;
}
#branscombe: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;
}

#dartmouth{
   position: absolute;
   left: 505px;
   bottom: 115px;
   z-index: 50;
}
#dartmouth: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;
}
#blackpool{
   position: absolute;
   left: 475px;
   bottom: 86px;
   z-index: 50;
}
#blackpool: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;
}


/* Other structural items */



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


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

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

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

a:active {
        text-decoration: none; 
        font-weight: 900;
        color: #333;
}


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

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

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

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

}

h4 a:link {
        text-decoration: none; 
        font-weight: 200;

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

}

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

h4 a:active {
        text-decoration: none; 
        font-weight: 200;

}

a.north:link{ color: #000;}
a.north:visited{ color: #000;}
a.north:hover{ color: #dfa045;}
a.north:active{ color: #000;}

a.south:link{ color: #000;}
a.south:visited{ color: #000;}
a.south:hover{ color: #913e2e;}
a.south:active{ color: #000;}

a.east:link{ color: #000;}
a.east:visited{ color: #000;}
a.east:hover{ color: #2e9133;}
a.east:active{ color: #000;}



a.crow:link{ color: #666;}
a.crow:visited{ color: #666;}
a.crow:hover{ color: #333;}
a.crow:active{ color: #666;}