﻿
#map {
    position:relative;
    margin:0;
    padding:0;
    width:587px;
    height:562px;
    background:url(/i/memberzplus/membership_entry_payments.jpg) no-repeat #fff;
    font-family:arial, helvetica, sans-serif;
    font-size:8pt;
}		

#map li {
    margin:0;
    padding:0;
    list-style:none;
}

#map li a {
    position:absolute;
    display:block;
    /*
       Specifying a background image
       (a 1px by 1px transparent gif)
       fixes a bug in older versions of
       IE that causeses the block to not
       render at its full dimensions.
    */
	background:url(/i/webstructure/blank.gif);
    text-decoration:none;
    color:#000;
}

#map li a span { display:none; }

#map li a:hover span {
    position:relative;
    display:block;
    width:200px;
    left:20px;
    top:20px;
    border:1px solid #000;
    background:#7EE;
    padding:5px;
    filter:alpha(opacity=95);
    opacity:0.9;	
}

#map a.dues 
{
    top:45px;
    left:20px;
    width:542px;
    height:200px;
}

/*
#map a:hover
{
    background:#279;			
    filter:alpha(opacity=10);
    opacity:0.1;				
}
*/

#map a.waivefees 
{
    top:250px;
    left:240px;
    width:110px;
    height:22px;	
}

#map a.renewalmethod 
{
    top:274px;
    left:185px;
    width:215px;
    height:22px;
}	

#map a.payments 
{
    top:345px;
    left:20px;
    width:542px;
    height:110px;
}				

#map a.calculator 
{
    top:515px;
    left:20px;
    width:24px;
    height:25px;	
}	