img.image{ display: none; }
			h1.title{
    			font-size: 115%;
    			color: white;
    			position: absolute;
    			left: 0;
    			top: 0;
    			padding: 10px 0 0 5px;
			}
			.location{font-size:85%;}
           /* image map container (and actual image) */
            dl#locationMaps{
                margin: 0;
                padding: 0;
                background: transparent url(/files/photos/map-all-locations.png) top left no-repeat;
                height: 720px;
                width: 490px;
                position: relative;
                /*box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5 );*/
                border: 5px solid #fff;
            }

			dt{ margin: 0; padding: 0; position: absolute; font-size: 85%; display: none; }
			dd{ margin: 0; padding: 0; position: absolute;  font-size: 85%; }

			dl#locationMaps dt.title{
			    position: absolute;
			    right: 0;
			    top: 10px;
			    color: white;
			    display: block;
			    font-size: 115%;
			    background: rgba( 255, 255, 255, 0.5 );
			    padding: 5px 3px 5px 15px;
			    text-shadow: 0 1px 2px #000;
			}

/* ---------- Hover Bubbles ---------- */

            dd a{
                position: absolute;
                outline: none;
                text-decoration: none;
                border: 1px solid #FFFCE6;
                background: rgba( 255, 255, 191, 0.4 );
                text-shadow: 0 1px 0 rgba( 255, 255, 255, 0.9 );

                -webkit-transition: background 1s ease-in-out, border 1s ease-in-out;
                -moz-transition: background 1s ease-in-out, border 1s ease-in-out;
                -o-transition: background 1s ease-in-out, border 1s ease-in-out;
                -ms-transition: background 1s ease-in-out, border 1s ease-in-out;
                transition: background 1s ease-in-out, border 1s ease-in-out;
            }

            dd a:hover{
                background: rgba( 255, 255, 255, 0 );
                border: 1px solid transparent;
            }

            dd a:active{
                outline: none;
                -moz-outline: none;
            }

            dd a span{
                opacity: 0;
                visibility: hidden;
                position: absolute;
                left: -1px;
                top: 0;
                height: 40px;
                line-height: 20px;
                text-indent: 0;
                vertical-align: top;
                background-color: #F4F4F4;
                font-weight: bold;
                color: #333;
                border: 1px solid #F4F4F4;
                margin: 0;
                padding: 5px;
                white-space: nowrap;
                box-shadow: 0 0px 5px rgba( 0, 0, 0, 0.5 );

                -webkit-transition: all 1s ease-in-out;
                -moz-transition: all 1s ease-in-out;
                -o-transition: all 1s ease-in-out;
                -ms-transition: all 1s ease-in-out;
                transition: all 1s ease-in-out;
            }

            /*dd a span:after{
                border: 10px solid #F4F4F4;
                width: 0;
                height: 0;
                content: '';
                position: absolute;
                border-color: #F4F4F4 transparent transparent;
                left: 25px;
                bottom: -21px;
                opacity: 1;
            }*/

            dd a:hover span, dd a:focus span{
                visibility: visible;
                opacity: 1;   
                top: -15px;
                left:-35px;
            }

            /***
             * Hotspot Positions
             * - replace with location to your annotations
             ***/
            
            dd#bainbridgeDef {
                left: 345px;
                top: 377px;
            }

            dd#bainbridgeDef a {
                width: 43px;
                height: 42px;
            }

            dd#bremertonDef a {
                width: 41px;
                height: 42px;
            }
            
            dd#bremertonDef {
                left: 183px;
                top: 490px;
            }
            
            dd#kingstonDef {
                left: 357px;
                top: 18px;
            }

            dd#kingstonDef a {
                width: 40px;
                height: 48px;
            }
            
            dd#northkitsapDef {
                left: 145px;
                top: 118px;
            }

            dd#northkitsapDef a {
                width: 61px;
                height: 37px;
            }
            
            dd#portorchardDef {
                left: 145px;
                top: 622px;
            }

            dd#portorchardDef a {
                width: 45px;
                height: 47px;
            }
            
            dd#poulsboDef {
                left: 145px;
                top: 155px;
            }

            dd#poulsboDef a {
                width: 59px;
                height: 47px;
            }
            
            dd#silverdaleDef {
                left: 102px;
                top: 318px;
            }

            dd#silverdaleDef a {
                width: 43px;
                height: 50px;
            }