/* 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: 1100px;
   height: 800px;
}
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;
}


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

}

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

/* The beach overlays */

/* The expand class */


.expand: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;
}

#lymeregis{
   position: absolute;
   left: 126px;
   top: 468px;
   z-index: 50;
}

#westbay{
   position: absolute;
   left: 195px;
   top: 482px;
   z-index: 50;
}

#westbexington{
   position: absolute;
   left: 318px;
   top: 535px;
   z-index: 50;
}

#chesilbay{
   position: absolute;
   left: 362px;
   top: 625px;
   z-index: 50;
}

#weymouth{
   position: absolute;
   left: 485px;
   top: 615px;
   z-index: 50;
}

#ringsteadbay{
   position: absolute;
   left: 560px;
   top: 590px;
   z-index: 50;
}

#durdledoor{
   position: absolute;
   left: 583px;
   top: 615px;
   z-index: 50;
}

#lulworthcove{
   position: absolute;
   left: 618px;
   top: 603px;
   z-index: 50;
}

#swanage{
   position: absolute;
   left: 848px;
   top: 620px;
   z-index: 50;
}

#studlandbay{
   position: absolute;
   left: 855px;
   top: 572px;
   z-index: 50;
}

#sandbanks{
   position: absolute;
   left: 858px;
   top: 533px;
   z-index: 50;
}

#branksomechine{
   position: absolute;
   left: 872px;
   top: 518px;
   z-index: 50;
}

#alumchine{
   position: absolute;
   left: 884px;
   top: 507px;
   z-index: 50;
}

#durleychine{
   position: absolute;
   left: 905px;
   top: 499px;
   z-index: 50;
}

#bournemouthcentral{
   position: absolute;
   left: 857px;
   top: 483px;
   z-index: 50;
}

#southbourne{
   position: absolute;
   left: 923px;
   top: 485px;
   z-index: 50;
}

#hengistburyhead{
   position: absolute;
   left: 990px;
   top: 505px;
   z-index: 50;
}

#mudefordsandbank{
   position: absolute;
   left: 1010px;
   top: 484px;
   z-index: 50;
}

#avon{
   position: absolute;
   left: 972px;
   top: 468px;
   z-index: 50;
}

#highcliffe{
   position: absolute;
   left: 1015px;
   top: 456px;
   z-index: 50;
}


/* 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.crow:link{ color: #666;}
a.crow:visited{ color: #666;}
a.crow:hover{ color: #333;}
a.crow:active{ color: #666;}