/* ============== HeadPops for poster pop-ups ======================= */

/* setup the background image */
.headpop {padding:0; list-style-type: none; 
          Background: black url(/graphics/poster/poster.jpg); 
          background-repeat: no-repeat;
          width:740px; height:552px; 
          margin:5px 5px 5px 5px; 
          position:relative; z-index:100; 
          
          }

/* move the text off screen */   
/* ROBHINT: change each 20px (3 of them) to smaller or larger to fit headsize (originally were 8px) */
/* ROBHINT: change background-color from TRANSPARENT to BLUE to see where positioned */
/* ROBHINT: possibly remove the border */
.headpop li a { border-style: dotted; border-width: 1px; border-color: gray; 
                background-color: TRANSPARENT; position:absolute; display:block; 
                width:5px; height:15px; line-height:20px; text-indent:-1999px; 
              }
/* make the images and description invisible and an absolute position so that it does not take up any space */
.headpop li a em {visibility:hidden; position:absolute;}

/* position the square markers */

/* Row 1 (from front) */
.headpop li a.p001 {top:223px; left:073px; }
.headpop li a.p002 {top:227px; left:116px; }
.headpop li a.p003 {top:233px; left:168px; }
.headpop li a.p004 {top:229px; left:221px; }
.headpop li a.p005 {top:236px; left:277px; }
.headpop li a.p006 {top:238px; left:333px; }
.headpop li a.p007 {top:239px; left:397px; }
.headpop li a.p008 {top:240px; left:463px; }
.headpop li a.p009 {top:238px; left:526px; }
.headpop li a.p010 {top:235px; left:586px; }
/* Row 2 */
.headpop li a.p011 {top:170px; left:088px; }
.headpop li a.p012 {top:183px; left:127px; }
.headpop li a.p013 {top:183px; left:170px; }
.headpop li a.p014 {top:183px; left:193px; }
.headpop li a.p015 {top:186px; left:233px; }
.headpop li a.p016 {top:181px; left:248px; }
.headpop li a.p017 {top:180px; left:263px; }
.headpop li a.p018 {top:189px; left:311px; }
.headpop li a.p019 {top:198px; left:395px; }
.headpop li a.p020 {top:190px; left:447px; }
.headpop li a.p021 {top:197px; left:579px; }
.headpop li a.p022 {top:187px; left:615px; }
/* Row 3 */
.headpop li a.p023 {top:169px; left:109px; }
.headpop li a.p024 {top:160px; left:137px; }
.headpop li a.p025 {top:164px; left:160px; }
.headpop li a.p026 {top:163px; left:191px; }
.headpop li a.p027 {top:169px; left:227px; }
.headpop li a.p028 {top:158px; left:268px; }
.headpop li a.p029 {top:159px; left:289px; }
.headpop li a.p030 {top:161px; left:326px; }
.headpop li a.p031 {top:166px; left:355px; }
.headpop li a.p032 {top:160px; left:381px; }
.headpop li a.p033 {top:162px; left:410px; }
.headpop li a.p034 {top:159px; left:451px; }
.headpop li a.p035 {top:151px; left:495px; }

.headpop li a.p036 {top:167px; left:539px; }
.headpop li a.p037 {top:154px; left:554px; }
.headpop li a.p038 {top:152px; left:585px; }

.headpop li a.p039 {top:162px; left:622px; }
.headpop li a.p040 {top:182px; left:638px; }
.headpop li a.p041 {top:174px; left:654px; }
.headpop li a.p042 {top:188px; left:687px; }

/* Row 4 onwards */
.headpop li a.p043 {top:160px; left:148px; }
.headpop li a.p044 {top:159px; left:180px; }
.headpop li a.p045 {top:172px; left:215px; }
.headpop li a.p046 {top:147px; left:213px; }

.headpop li a.p047 {top:159px; left:242px; }
.headpop li a.p048 {top:155px; left:234px; }
.headpop li a.p049 {top:137px; left:238px; }

.headpop li a.p050 {top:143px; left:249px; }
.headpop li a.p051 {top:135px; left:260px; }

.headpop li a.p052 {top:127px; left:270px; }
.headpop li a.p053 {top:138px; left:279px; }
.headpop li a.p054 {top:124px; left:288px; }
.headpop li a.p055 {top:134px; left:297px; }
.headpop li a.p056 {top:143px; left:309px; }

.headpop li a.p057 {top:116px; left:306px; }  /* jeff deherdt */
.headpop li a.p058 {top:105px; left:317px; }
.headpop li a.p059 {top:122px; left:321px; }
.headpop li a.p060 {top:112px; left:336px; }
.headpop li a.p061 {top:134px; left:341px; }

.headpop li a.p062 {top:111px; left:353px; }
.headpop li a.p063 {top:135px; left:367px; }
.headpop li a.p064 {top:090px; left:389px; }
.headpop li a.p065 {top:115px; left:387px; }
.headpop li a.p066 {top:133px; left:404px; }

.headpop li a.p067 {top:097px; left:414px; } 
.headpop li a.p068 {top:110px; left:430px; }
.headpop li a.p069 {top:128px; left:441px; }

.headpop li a.p070 {top:096px; left:447px; }  /* Rob */
.headpop li a.p071 {top:109px; left:463px; } /* frank */
.headpop li a.p072 {top:128px; left:480px; }

.headpop li a.p073 {top:095px; left:481px; } 
.headpop li a.p074 {top:116px; left:496px; }
.headpop li a.p075 {top:136px; left:515px; }

.headpop li a.p076 {top:097px; left:502px; } 
.headpop li a.p077 {top:109px; left:527px; }
.headpop li a.p078 {top:138px; left:538px; }
.headpop li a.p079 {top:123px; left:556px; } 
.headpop li a.p080 {top:142px; left:609px; }

.headpop li a.p081 {top:096px; left:337px; } 
.headpop li a.p082 {top:093px; left:348px; } /* Dave */
.headpop li a.p083 {top:092px; left:361px; }
.headpop li a.p084 {top:087px; left:377px; } 

.headpop li a.p085 {top:051px; left:304px; } 
.headpop li a.p086 {top:059px; left:315px; } /* sailor */
.headpop li a.p087 {top:043px; left:318px; }
.headpop li a.p088 {top:055px; left:328px; } 
.headpop li a.p089 {top:055px; left:344px; } 

.headpop li a.p090 {top:073px; left:347px; } 
.headpop li a.p091 {top:069px; left:358px; } 
.headpop li a.p092 {top:074px; left:365px; }
.headpop li a.p093 {top:070px; left:374px; } /* frank */
.headpop li a.p094 {top:070px; left:389px; } 

.headpop li a.p095 {top:079px; left:400px; } 
.headpop li a.p096 {top:076px; left:414px; } /* reggie */
.headpop li a.p097 {top:076px; left:430px; }
.headpop li a.p098 {top:076px; left:449px; } 

.headpop li a.p099 {top:090px; left:461px; } 
.headpop li a.p100 {top:082px; left:470px; } 
.headpop li a.p101 {top:091px; left:493px; }

.headpop li a.p102 {top:084px; left:512px; } 
.headpop li a.p103 {top:075px; left:527px; } 
.headpop li a.p104 {top:054px; left:547px; }

.headpop li a.p105 {top:053px; left:568px; } 
.headpop li a.p106 {top:048px; left:580px; } 
.headpop li a.p107 {top:038px; left:595px; }
.headpop li a.p108 {top:028px; left:612px; }

.headpop li a.p109 {top:156px; left:279px; } /* BETWEEN FRED WITHROW AND REGIIE DUVALLE */


/* move the text back into view on hover                                                                                         width was 90px */
.headpop li a:hover { background:blue; color:#fff; 
                      height:1.2em; line-height:1em; 
                      width:240px; 
                      padding: 3px 10px;  text-indent: 14px; 
                      font-size:1.25em; font-weight: 800; text-decoration: none; 
                      opacity: 0.75; filter: alpha(Opacity=75); -moz-opacity: 0.75;  
                    }
/* hack for IE5.x             was 110px                   was 90px */
* html .headpop li a:hover {width:220px; height:1.5em; w\idth:200px; he\ight:1.2em;}

/* make the descriptive text visible, give it a size and position */
/*
.headpop li a:hover em {visibility:visible; margin-left:5px; background:#fff; border:1px solid #fff; 
                        width:150px; color:blue; padding:25px;font-style:normal; top:-135px; 
                        font-family:arial, verdana, sans-serif, tahoma, geneva; 
                        letter-spacing:1px; line-height:1.5em;}
*/
/* hack for IE5.x */
/*
* html .headpop li a:hover em {width:200px; w\idth:150px;}
*/

/* give the image a border and margin */
/*
.headpop li a:hover em img {border:1px solid #000; display:block; margin-bottom:10px;}
*/

/* style the empty span (I know it's not semantically correct) into an arrow point */
/*
.headpop li a:hover em span {display:block; width:0; height:0; overflow:hidden; 
                             border:15px solid #fff; border-width:15px 0 15px 15px; 
                             border-left-color:BLUE; 
                             position:absolute; left:0; top:128px;}
*/
/* hack for IE5.x */
/*
* html .headpop li a:hover em span {width:30px; height:30px; w\idth:0; he\ight:0;}
*/