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

body {
   background-color: #fff;
   font-family: Verdana, Arial, sans-serif;
   min-width: 750px;
   height: 635px;
}
p{
   color: #cf4646;
   margin: 5px 0 0 0;
   font-size: 10px;
}
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: 750px;
   min-width: 750px;
   height: 635px;
   margin: 0px auto 20px auto;
   background-image: url('britain4.jpg');
   padding: 0px;
}
#container{
   position: absolute;
   width: 750px;
   min-width: 750px;
   height: 635px;
   padding: 0px;

}

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

/* The beach overlays */

/* The expand class */


#lincoln{
   position: absolute;
   left: 375px;
   top: 518px;
   z-index: 50;
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   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;
}
#lincoln:hover{
   background-color: #5c56ac;
   opacity:0.9;
   filter:alpha(opacity=90);
   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;
}


#speedwell{
   position: absolute;
   left: 400px;
   top: 488px;
   z-index: 50;
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   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;
}
#speedwell:hover{
   background-color: #5c56ac;
   opacity:0.9;
   filter:alpha(opacity=90);
   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;
}

#jellybean{
   position: absolute;
   left: 294px;
   top: 518px;
   z-index: 50;
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   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;
}
#jellybean:hover{
   background-color: #5c56ac;
   opacity:0.9;
   filter:alpha(opacity=90);
   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;
}

#conqueror{
   position: absolute;
   left: 285px;
   top: 460px;
   z-index: 50;
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   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;
}
#conqueror:hover{
   background-color: #5c56ac;
   opacity:0.9;
   filter:alpha(opacity=90);
   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;
}

#emc2{
   position: absolute;
   left: 320px;
   top: 490px;
   z-index: 50;
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   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;
}
#emc2:hover{
   background-color: #5c56ac;
   opacity:0.9;
   filter:alpha(opacity=90);
   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: #000;

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

a:hover {
        text-decoration: none; 
        font-weight: 900;
        color: #fff;
}

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


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;}