BODY { display: block; background: #222; font-family: Arial, Tahoma, sans-serif; color: #EEE }
H1 { color: #0AF; font-size: x-large; font-weight: bold; text-align: center; background: transparent }
P { text-indent: 2em; margin-left: 10%; margin-right: 10%}
a { text-decoration: none }
a:link { color: #5EE; background: transparent }
a:visited { color: #5AA; background: transparent }
a:active { color: #0F0; background: transparent }
a:link:hover { color: #EEA; background: transparent; text-decoration: underline }
a:visited:hover { color: #EEA; background: transparent; text-decoration: underline }
a i { visibility: hidden; }
IMG { border: 0px }
DIV.goback { text-align: center; margin-top: 1.5em }
P.copyright { font-size: small; text-indent: 0em; margin-top: 2em; margin-bottom: 1em; margin: 0% }

/* ---------- Video Display ---------- */

DIV#video {background-image: url(VideoBack.jpg); position: relative; margin-left: auto; margin-right: auto; height: 480px; width: 655px; text-align: center}
DIV#video OBJECT {background: transparent; position: relative; margin-left: auto; margin-right: auto; height: 480px; width: 585px; text-align: center}
DIV#video OBJECT EMBED {height: 480px; width: 585px}
#video a {text-decoration: none}
a#backl {background-image: url(./buttons/Back.gif); position: absolute; height: 249px; width: 24px; top: 115px; left: 5px; text-align: center;}
a#backr {background-image: url(./buttons/Back.gif); position: absolute; height: 249px; width: 24px; top: 115px; left: 625px; text-align: center;}
a#backl:hover {background-image: url(./buttons/Back-lit.gif)}
a#backr:hover {background-image: url(./buttons/Back-lit.gif)}

/* ---------- Main Menu ---------- */

#MainMenu {background-image: url(MainMenu.jpg); position: relative; margin-left: auto; margin-right: auto; height: 480px; width: 655px; text-align: center}
#MainMenu a {position: absolute; height: 42px; width: 172px; text-decoration: none}
/*#MainMenu a i { visibility: hidden; }*/

a#credits {height: 109px; width: 253px; left: 64px; top: 47px}
a#v1998 { top: 165px; left: 66px}
a#v1999 { top: 210px; left: 100px}
a#v2000 { top: 257px; left: 69px}
a#v2001 { top: 300px; left: 104px}
a#v2002 { top: 347px; left: 69px}
a#v2003 { top: 392px; left: 104px}

a#credits:hover { background-image: url(./buttons/Info.gif)}
a#v1998:hover { background-image: url(./buttons/1998.gif)}
a#v1999:hover { background-image: url(./buttons/1999.gif)}
a#v2000:hover { background-image: url(./buttons/2000.gif)}
a#v2001:hover { background-image: url(./buttons/2001.gif)}
a#v2002:hover { background-image: url(./buttons/2002.gif)}
a#v2003:hover { background-image: url(./buttons/2003.gif)}


/* ---------- 1998 Sub-menu ---------- */
          
#Menu1998 {background-image: url(1998Menu.jpg); position: relative; margin-left: auto; margin-right: auto; height: 480px; width: 655px; text-align: center}
#Menu1998 a {position: absolute; height: 89px; width: 123px; text-decoration: none}

a#y8-1 { top: 56px; left: 81px}
a#y8-2 { top: 56px; left: 266px}
a#y8-3 { top: 56px; left: 456px}
a#y8-4 { top: 202px; left: 170px}

a#y8-1:hover { background-image: url(./buttons/1998-1.jpg)}
a#y8-2:hover { background-image: url(./buttons/1998-2.jpg)}
a#y8-3:hover { background-image: url(./buttons/1998-3.jpg)}
a#y8-4:hover { background-image: url(./buttons/1998-4.jpg)}

/* ---------- 1999 Sub-menu ---------- */
          
#Menu1999-1 {background-image: url(1999Menu1.jpg); position: relative; margin-left: auto; margin-right: auto; height: 480px; width: 655px; text-align: center}
#Menu1999-2 {background-image: url(1999Menu2.jpg); position: relative; margin-left: auto; margin-right: auto; height: 480px; width: 655px; text-align: center}
#Menu1999-1 a {position: absolute; height: 89px; width: 123px; text-decoration: none}
#Menu1999-2 a {position: absolute; height: 89px; width: 123px; text-decoration: none}

a#y9-1 { top: 55px; left: 171px}
a#y9-2 { top: 55px; left: 356px}
a#y9-3 { top: 196px; left: 171px}
a#y9-4 { top: 196px; left: 356px}
a#y9-5 { top: 55px; left: 171px}
a#y9-6 { top: 55px; left: 354px}
a#y9-7 { top: 192px; left: 171px}

a#y9-1:hover { background-image: url(./buttons/1999-1.jpg)}
a#y9-2:hover { background-image: url(./buttons/1999-2.jpg)}
a#y9-3:hover { background-image: url(./buttons/1999-3.jpg)}
a#y9-4:hover { background-image: url(./buttons/1999-4.jpg)}
a#y9-5:hover { background-image: url(./buttons/1999-5.jpg)}
a#y9-6:hover { background-image: url(./buttons/1999-6.jpg)}
a#y9-7:hover { background-image: url(./buttons/1999-7.jpg)}

/* ---------- 2000 Sub-menu ---------- */
          
#Menu2000 {background-image: url(2000Menu.jpg); position: relative; margin-left: auto; margin-right: auto; height: 480px; width: 655px; text-align: center}
#Menu2000 a {position: absolute; height: 89px; width: 123px; text-decoration: none}

a#y0-1 { top: 57px; left: 169px}
a#y0-2 { top: 58px; left: 357px}
a#y0-3 { top: 195px; left: 169px}
a#y0-4 { top: 195px; left: 357px}

a#y0-1:hover { background-image: url(./buttons/2000-1.jpg)}
a#y0-2:hover { background-image: url(./buttons/2000-2.jpg)}
a#y0-3:hover { background-image: url(./buttons/2000-3.jpg)}
a#y0-4:hover { background-image: url(./buttons/2000-4.jpg)}

/* ---------- 2001 Sub-menu ---------- */
          
#Menu2001 {background-image: url(2001Menu.jpg); position: relative; margin-left: auto; margin-right: auto; height: 480px; width: 655px; text-align: center}
#Menu2001 a {position: absolute; height: 89px; width: 123px; text-decoration: none}

a#y1-1 { top: 56px; left: 169px}
a#y1-2 { top: 56px; left: 357px}
a#y1-3 { top: 196px; left: 265px}

a#y1-1:hover { background-image: url(./buttons/2001-1.jpg)}
a#y1-2:hover { background-image: url(./buttons/2001-2.jpg)}
a#y1-3:hover { background-image: url(./buttons/2001-3.jpg)}

/* ---------- 2002 Sub-menu ---------- */
          
#Menu2002 {background-image: url(2002Menu.jpg); position: relative; margin-left: auto; margin-right: auto; height: 480px; width: 655px; text-align: center}
#Menu2002 a {position: absolute; height: 89px; width: 123px; text-decoration: none}

a#y2-1 { top: 55px; left: 79px}
a#y2-2 { top: 55px; left: 270px}
a#y2-3 { top: 55px; left: 452px}
a#y2-4 { top: 202px; left: 79px}
a#y2-5 { top: 202px; left: 270px}

a#y2-1:hover { background-image: url(./buttons/2002-1.jpg)}
a#y2-2:hover { background-image: url(./buttons/2002-2.jpg)}
a#y2-3:hover { background-image: url(./buttons/2002-3.jpg)}
a#y2-4:hover { background-image: url(./buttons/2002-4.jpg)}
a#y2-5:hover { background-image: url(./buttons/2002-5.jpg)}

/* ---------- 2003 Sub-menu ---------- */
          
#Menu2003 {background-image: url(2003Menu.jpg); position: relative; margin-left: auto; margin-right: auto; height: 480px; width: 655px; text-align: center}
#Menu2003 a {position: absolute; height: 89px; width: 123px; text-decoration: none}

a#y3-1 { top: 56px; left: 78px}
a#y3-2 { top: 56px; left: 265px}
a#y3-3 { top: 56px; left: 450px}
a#y3-4 { top: 203px; left: 78px}
a#y3-5 { top: 203px; left: 265px}
a#y3-6 { top: 203px; left: 450px}

a#y3-1:hover { background-image: url(./buttons/2003-1.jpg)}
a#y3-2:hover { background-image: url(./buttons/2003-2.jpg)}
a#y3-3:hover { background-image: url(./buttons/2003-3.jpg)}
a#y3-4:hover { background-image: url(./buttons/2003-4.jpg)}
a#y3-5:hover { background-image: url(./buttons/2003-5.jpg)}
a#y3-6:hover { background-image: url(./buttons/2003-6.jpg)}

/* ---------- Cross-menu properties ---------- */

a#Next { height: 23px; width: 76px; top: 363px; left: 513px}
a#Next:hover { background-image: url(./buttons/Next.gif)}
a#Previous { height: 25px; width: 135px; top: 361px; left: 302px}
a#Previous:hover { background-image: url(./buttons/Previous.gif)}
a#BackToMain { height: 24px; width: 177px; top: 404px; left: 412px}
a#BackToMain:hover { background-image: url(./buttons/MainMenu.gif)}

/* ---------- Fix Microsoft's stupid hover bug ---------- */

a#Next:hover, a#BackToMain:hover, a#credits:hover,
a#v1998:hover, a#v1999:hover, a#v2000:hover, a#v2001:hover, a#v2002:hover, a#v2003:hover,
a#y8-1:hover, a#y8-2:hover, a#y8-3:hover, a#y8-4:hover,
a#y9-1:hover, a#y9-2:hover, a#y9-3:hover, a#y9-4:hover, a#y9-5:hover, a#y9-6:hover, a#y9-7:hover,
a#y0-1:hover, a#y0-2:hover, a#y0-3:hover, a#y0-4:hover,
a#y1-1:hover, a#y1-2:hover, a#y1-3:hover,
a#y2-1:hover, a#y2-2:hover, a#y2-3:hover, a#y2-4:hover, a#y2-5:hover,
a#y3-1:hover, a#y3-2:hover, a#y3-3:hover, a#y3-4:hover, a#y3-5:hover, a#y3-6:hover, { border: none}