﻿#regions {
 width: 350px;
 height: 230px;
 background: url(/upstatetogether/images/regions.gif);
 margin: 10px auto; padding: 0;
 position: relative;
}
#regions li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#regions a {display: block;}

#regions a .hide{position:absolute; left:-9999px;}

#oconee {left: 0px; top: 0px; width: 100px; height: 130px;}
#pickens {left: 79px; top: 0px; width: 73px; height: 100px;}
#greenville {left: 130px; top: 0px; width: 80px; height: 130px;}
#spartanburg {left: 200px; top: 0px; width: 90px; height: 120px;}
#cherokee {left: 265px; top: 0px; width: 85px; height: 70px;}
#anderson {left: 65px; top: 80px; width: 115px; height: 90px;}
#laurens {left: 180px; top: 80px; width: 100px; height: 80px;}
#union {left: 265px; top: 55px; width: 85px; height: 80px;}
#abbeville {left: 110px; top: 130px; width: 90px; height: 90px;}
#greenwood {left: 180px; top: 145px; width: 98px; height: 80px;}

#oconee a {height: 130px;}
#pickens a {height: 100px;}
#greenville a {height: 130px;}
#spartanburg a {height: 120px;}
#cherokee a {height: 70px;}
#anderson a {height: 95px;}
#laurens a {height: 100px; width:115px;}
#union a {height: 80px;}
#abbeville a {height: 90px;}
#greenwood a {height: 80px;}

#oconee a:hover {background: url(/upstatetogether/images/regions.gif) 0px -230px no-repeat;}
#pickens a:hover {background: url(/upstatetogether/images/regions.gif) -79px -461px no-repeat;}
#greenville a:hover {background: url(/upstatetogether/images/regions.gif) -130px -230px no-repeat;}
#spartanburg a:hover {background: url(/upstatetogether/images/regions.gif) -200px -461px no-repeat;}
#cherokee a:hover {background: url(/upstatetogether/images/regions.gif) -265px -230px no-repeat;}
#anderson a:hover {background: url(/upstatetogether/images/regions.gif) -65px -771px no-repeat;}
#laurens a:hover {background: url(/upstatetogether/images/regions.gif) -180px -1001px no-repeat;}
#union a:hover {background: url(/upstatetogether/images/regions.gif) -265px -746px no-repeat;}
#abbeville a:hover {background: url(/upstatetogether/images/regions.gif) -110px -591px no-repeat;}
#greenwood a:hover {background: url(/upstatetogether/images/regions.gif) -180px -375px no-repeat;}
