/*Map Links- USED ON PHD HOMEPAGE SERVICE CENTERS MAP*/ /* ================================================================ This copyright notice must be untouched at all times. original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menu/solar_map.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ /*THIS POSITIONS THE LINKS FOR THE ICONS*/ #map {position:relative; margin:5px auto; width:325px; height:300px;} #map ul {padding:0; margin:0; list-style:none; position:absolute; top:0; left:0;} #map ul li {position:absolute;} #map ul li#SMWHC {width:10px; height:10px; top:48px; left:65px;} #map ul li#SMAnimal {width:10px; height:10px; top:48px; left:57px;} #map ul li#SMClinic {width:10px; height:10px; top:59px; left:55px;} #map ul li#EHS {width:10px; height:10px; top:58px; left:66px;} #map ul li#WICGuad {width:10px; height:10px; top:43px; left:26px;} #map ul li#WICMc {width:10px; height:10px; top:46px; left:47px;} #map ul li#SMmtu {width:10px; height:10px; top:56px; left:47px;} #map ul li#SMsat {width:10px; height:10px; top:66px; left:74px;} #map ul li#SMbat {width:10px; height:10px; top:56px; left:77px;} #map ul li#WICbet{width:10px; height:10px; top:62px; left:85px;} #map ul li#LOClinic {width:10px; height:10px; top:133px; left:48px;} #map ul li#LOAnimal {width:10px; height:10px; top:137px; left:57px;} #map ul li#LOwic {width:10px; height:10px; top:124px; left:47px;} #map ul li#LOmtu {width:10px; height:10px; top:126px; left:55px;} #map ul li#Buelmtu {width:10px; height:10px; top:149px; left:124px;} #map ul li#WICsol {width:10px; height:10px; top:159px; left:137px;} #map ul li#EHSSB {width:10px; height:10px; top:205px; left:235px;} #map ul li#SBClinic {width:10px; height:10px; top:207px; left:223px;} #map ul li#SBAnimal {width:10px; height:10px; top:205px; left:210px;} #map ul li#Franklin {width:10px; height:10px; top:202px; left:246px;} #map ul li#SBmtu {width:10px; height:10px; top:205px; left:199px;} #map ul li#SBwic {width:10px; height:10px; top:199px; left:217px;} #map ul li#casa {width:10px; height:10px; top:213px; left:243px;} #map ul li#rescue {width:10px; height:10px; top:210px; left:253px;} #map ul li#Carp {width:10px; height:10px; top:217px; left:287px;} #map ul li#WICcarp {width:10px; height:10px; top:209px; left:291px;} #map ul li#carpmtu {width:10px; height:10px; top:217px; left:300px;} #map ul li#Cuywic {width:10px; height:10px; top:52px; left:215px;} #map ul li#Cuysat {width:10px; height:10px; top:50px; left:225px;} /* remove the absolute position from the list items for lte IE6 */ * html #map ul li {position:static;} /* and give the absolute position to the links for lte IE6 */ * html #map ul li a.tl {position:absolute;} * html #map ul li#SMWHC a.tl {top:48px; left:67px;} * html #map ul li#SMAnimal a.tl {top:50px; left:61px;} * html #map ul li#SMClinic a.tl {top:58px; left:48px;} * html #map ul li#EHS a.tl {top:58px; left:66px;} * html #map ul li#SMsat a.tl {top:55px; left:76px;} * html #map ul li#SMbat a.tl {top:60px; left:78px;} * html #map ul li#WICGuad a.tl {top:46px; left:26px;} * html #map ul li#WICMc a.tl {top:45px; left:46px;} * html #map ul li#SMmtu a.tl {top:50px; left:46px;} * html #map ul li#WICbet a.tl {top:60px; left:79px;} * html #map ul li#LOClinic a.tl {top:130px; left:49px;} * html #map ul li#LOAnimal a.tl {top:134px; left:59px;} * html #map ul li#LOwic a.tl {top:140px; left:47px;} * html #map ul li#LOmtu a.tl {top:127px; left:55px;} * html #map ul li#Buelmtu a.tl {top:136px; left:125px;} * html #map ul li#WICsol a.tl {top:159px; left:139px;} * html #map ul li#EHSSB a.tl {top:205px; left:235px;} * html #map ul li#SBClinic a.tl {top:205px; left:223px;} * html #map ul li#SBAnimal a.tl {top:203px; left:213px;} * html #map ul li#Franklin a.tl {top:198px; left:246px;} * html #map ul li#SBmtu a.tl {top:203px; left:199px;} * html #map ul li#SBwic a.tl {top:205px; left:210px;} * html #map ul li#casa a.tl {top:198px; left:246px;} * html #map ul li#casa a.tl {top:205px; left:266px;} * html #map ul li#Carp a.tl {top:213px; left:289px;} * html #map ul li#WICcarp a.tl {top:210px; left:291px;} * html #map ul li#carpmtu a.tl {top:215px; left:291px;} * html #map ul li#Cuywic a.tl {top:40px; left:215px;} * html #map ul li#Cuysat a.tl {top:40px; left:225px;} #map ul li a {text-decoration:none;} #map ul li a.tl {display:block; text-indent:-9999px; background: url(../images/_blnk.gif);} #map ul li a.tl:hover, #map ul li:hover {z-index:500;} /*ICON-IMAGE PROPERTIES*/ #map ul li#SMWHC a.tl {width:10px; height:10px;} #map ul li#SMWHC a.tl:hover, #map ul li#SMWHC:hover {background:url(../images/hc_dot.gif);} #map ul li#SMAnimal a.tl {width:10px; height:10px;} #map ul li#SMAnimal a.tl:hover, #map ul li#SMAnimal:hover {background:url(../images/as_dot.gif);} #map ul li#SMClinic a.tl {width:10px; height:10px;} #map ul li#SMClinic a.tl:hover, #map ul li#SMClinic:hover {background:url(../images/hc_dot.gif);} #map ul li#SMmtu a.tl {width:10px; height:10px;} #map ul li#SMmtu a.tl:hover, #map ul li#SMmtu:hover {background:url(../images/mtu_dot.gif);} #map ul li#WICGuad a.tl {width:10px; height:10px;} #map ul li#WICGuad a.tl:hover, #map ul li#WICGuad:hover {background:url(../images/wic_dot.gif);} #map ul li#WICMc a.tl {width:10px; height:10px;} #map ul li#WICMc a.tl:hover, #map ul li#WICMc:hover {background:url(../images/wic_dot.gif);} #map ul li#EHS a.tl {width:10px; height:10px;} #map ul li#EHS a.tl:hover, #map ul li#EHS:hover {background:url(../images/ehs_dot.gif);} #map ul li#SMsat a.tl {width:10px; height:10px;} #map ul li#SMsat a.tl:hover, #map ul li#SMsat:hover {background:url(../images/hc_dot.gif);} #map ul li#SMbat a.tl {width:10px; height:10px;} #map ul li#SMbat a.tl:hover, #map ul li#SMbat:hover {background:url(../images/mtu_dot.gif);} #map ul li#WICbet a.tl {width:10px; height:10px;} #map ul li#WICbet a.tl:hover, #map ul li#WICbet:hover {background:url(../images/wic_dot.gif);} #map ul li#LOClinic a.tl {width:10px; height:10px;} #map ul li#LOClinic a.tl:hover, #map ul li#LOClinic:hover {background:url(../images/hc_dot.gif);} #map ul li#LOAnimal a.tl {width:10px; height:10px;} #map ul li#LOAnimal a.tl:hover, #map ul li#LOAnimal:hover {background:url(../images/as_dot.gif);} #map ul li#LOwic a.tl {width:10px; height:10px;} #map ul li#LOwic a.tl:hover, #map ul li#LOwic:hover {background:url(../images/wic_dot.gif);} #map ul li#LOmtu a.tl {width:10px; height:10px;} #map ul li#LOmtu a.tl:hover, #map ul li#LOmtu:hover {background:url(../images/mtu_dot.gif);} #map ul li#Buelmtu a.tl {width:10px; height:10px;} #map ul li#Buelmtu a.tl:hover, #map ul li#Buelmtu:hover {background:url(../images/mtu_dot.gif);} #map ul li#WICsol a.tl {width:10px; height:10px;} #map ul li#WICsol a.tl:hover, #map ul li#WICsol:hover {background:url(../images/wic_dot.gif);} #map ul li#EHSSB a.tl {width:10px; height:10px;} #map ul li#EHSSB a.tl:hover, #map ul li#EHSSB:hover {background:url(../images/ehs_dot.gif);} #map ul li#SBClinic a.tl {width:10px; height:10px;} #map ul li#SBClinic a.tl:hover, #map ul li#SBClinic:hover {background:url(../images/hc_dot.gif);} #map ul li#SBAnimal a.tl {width:10px; height:10px;} #map ul li#SBAnimal a.tl:hover, #map ul li#SBAnimal:hover {background:url(../images/as_dot.gif);} #map ul li#Franklin a.tl {width:10px; height:10px;} #map ul li#Franklin a.tl:hover, #map ul li#Franklin:hover {background:url(../images/hc_dot.gif);} #map ul li#SBmtu a.tl {width:10px; height:10px;} #map ul li#SBmtu a.tl:hover, #map ul li#SBmtu:hover {background:url(../images/mtu_dot.gif);} #map ul li#SBwic a.tl {width:10px; height:10px;} #map ul li#SBwic a.tl:hover, #map ul li#SBwic:hover {background:url(../images/wic_dot.gif);} #map ul li#casa a.tl {width:10px; height:10px;} #map ul li#casa a.tl:hover, #map ul li#casa:hover {background:url(../images/hc_dot.gif);} #map ul li#rescue a.tl {width:10px; height:10px;} #map ul li#rescue a.tl:hover, #map ul li#rescue:hover {background:url(../images/hc_dot.gif);} #map ul li#Carp a.tl {width:10px; height:10px;} #map ul li#Carp a.tl:hover, #map ul li#Carp:hover {background:url(../images/hc_dot.gif);} #map ul li#WICcarp a.tl {width:10px; height:10px;} #map ul li#WICcarp a.tl:hover, #map ul li#WICcarp:hover {background:url(../images/wic_dot.gif);} #map ul li#carpmtu a.tl {width:10px; height:10px;} #map ul li#carpmtu a.tl:hover, #map ul li#carpmtu:hover {background:url(../images/mtu_dot.gif);} #map ul li#Cuywic a.tl {width:10px; height:10px;} #map ul li#Cuywic a.tl:hover, #map ul li#Cuywic:hover {background:url(../images/wic_dot.gif);} #map ul li#Cuysat a.tl {width:10px; height:10px;} #map ul li#Cuysat a.tl:hover, #map ul li#Cuysat:hover {background:url(../images/hc_dot.gif);} #map ul li .xsnazzy, #map ul li a .xsnazzy {visibility:hidden;} /* For IE7 to keep the :hover over .xsnazzy - goodness knows why? */ #map ul li:hover .xsnazzy {background:url(_blnk.gif);} /* For IE6 to work */ * html #map ul li a.tl:hover {border:0;} * html #map ul li a:hover .xsnazzy {visibility:visible;} #map ul li:hover .xsnazzy {visibility:visible;} .xsnazzy {display:block; position:absolute; height:auto; text-align:center;} /*CONTROLS WIDTH AND LOCATION OF POPUP TEXT CONTAINING WEBSITE LINKS*/ #SMWHC .xsnazzy {left:-5px; top:-60px; width:160px;} #SMAnimal .xsnazzy {left:-5px; top:-40px; width:150px;} #SMClinic .xsnazzy {left:-5px; top:-60px; width:160px;} #WICGuad .xsnazzy {left:-5px; top:-60px; width:180px;} #WICMc .xsnazzy {left:-5px; top:-60px; width:180px;} #SMmtu .xsnazzy {left:-5px; top:-60px; width:180px;} #EHS .xsnazzy {left:-5px; top:-60px; width:175px;} #SMsat .xsnazzy {left:-5px; top:-60px; width:160px;} #SMbat .xsnazzy {left:-5px; top:-60px; width:180px;} #WICbet .xsnazzy {left:-5px; top:-60px; width:180px;} #LOClinic .xsnazzy {left:-3px; top:-60px; width:150px;} #LOAnimal .xsnazzy {left:-5px; top:-60px; width:150px;} #LOwic .xsnazzy {left:-3px; top:-60px; width:150px;} #LOmtu .xsnazzy {left:-5px; top:-60px; width:150px;} #Buelmtu .xsnazzy {left:-5px; top:-60px; width:175px;} #WICsol .xsnazzy {left:-5px; top:-60px; width:180px;} #EHSSB .xsnazzy {left:-205px; top:-160px; width:195px;} #SBClinic .xsnazzy {left:-165px; top:-140px; width:155px;} #SBAnimal .xsnazzy {left:-165px; top:-90px; width:155px;} #Franklin .xsnazzy {left:-185px; top:-150px; width:175px;} #SBmtu .xsnazzy {left:-185px; top:-90px; width:175px;} #SBwic .xsnazzy {left:-185px; top:-90px; width:175px;} #casa .xsnazzy {left:-185px; top:-150px; width:175px;} #rescue .xsnazzy {left:-185px; top:-150px; width:175px;} #Carp .xsnazzy {left:-185px; top:-140px; width:175px;} #WICcarp .xsnazzy {left:-185px; top:-140px; width:175px;} #carpmtu .xsnazzy {left:-185px; top:-140px; width:175px;} #Cuywic .xsnazzy {left:-175px; top:-40px; width:165px;} #Cuysat .xsnazzy {left:-195px; top:-40px; width:185px;} /*Properties for the popup text)*/ .xsnazzy h1, .xsnazzy p {margin:0 10px;} .xsnazzy h1 {font-size:1em; color:#000; font-family:georgia, "times new roman", serif; border-bottom:1px solid #fff;} .xsnazzy p {padding-bottom:0.5em; color:#000; font-size:11px; text-align:center;} .xsnazzy {background: transparent; margin:1em;} /*Properties for the popup)*/ .xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; font-size:0; overflow:hidden;} .xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;} .xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #fff;} .xb1 {margin:0 8px; background:#fff;} .xb2 {margin:0 6px; background:#fff;} .xb3 {margin:0 4px; background:#fff;} .xb4 {margin:0 3px; background:#efe3b5; border-width:0 5px;} .xb5 {margin:0 2px; background:#efe3b5; border-width:0 4px;} .xb6 {margin:0 2px; background:#efe3b5; border-width:0 3px;} .xb7 {margin:0 1px; background:#efe3b5; border-width:0 3px; height:2px;} .xboxcontent {display:block; background:#efe3b5; border:3px solid #fff; border-width:0 3px;} .xboxcontent a, .xboxcontent a:visited {display:block; color:#666; font-weight:bold; font-size:12px; text-indent:0; padding:4px;} #map ul li a:hover .xsnazzy .xboxcontent a:hover {color:#fff;} #map ul li:hover .xsnazzy .xboxcontent a:hover {color:#fff;} /* .xsnazzy em.point_top {display:block; font-size:0; width:25px; height:14px; background:url(point.gif) center top; position:absolute; left:50px; top:-11px;} .xsnazzy em.point_bottom {display:block; font-size:0; width:25px; height:14px; background:url(point.gif) center bottom; position:absolute; right:50px; bottom:-11px;} */ /* for IE5.5 * html .xsnazzy em.point_bottom {bottom:-12px; bo\ttom:-11px;} .xsnazzy em.point_left {display:block; font-size:0; width:14px; height:25px; background:url(point.gif) left center; position:absolute; left:-11px; top:30px;} .xsnazzy em.point_right {display:block; font-size:0; width:14px; height:25px; background:url(point.gif) right center; position:absolute; right:-11px; top:125px;} */ /* for IE5.5 * html .xsnazzy em.point_right {right:-12px; ri\ght:-11px;}*/ /* END MAPPED IMAGE */