*{margin:0;padding:0}
body{padding:0; margin: 0; background: #97b4c5 url(/images_global/bkgrnd_wallpaper.png) repeat; color:#000; font:80%/140% Helvetica, Arial, san-serif; position: relative;}
a {color: #fff;  text-decoration: none; outline: none;}
a:hover {color: #fff; border-bottom:1px dotted #fff;}
#fancy_wrap a:hover {border-bottom: 0;}
.clear {clear: both;}

h1 a {display: block; width: 241px; height: 167px; background: url(images/costumedesign.gif) no-repeat; text-align: left; text-indent: -9999px; margin: 0 auto 15px;border-bottom: 0;}
h1 a:hover {border-bottom: 0;}
h2 {display: block; width: 296px; height: 73px; background: url(images/anniversary.gif) no-repeat; text-align: left; text-indent: -9999px; margin: 0 auto;}

#container {width: 820px; margin: 0 auto; position: relative; text-align: left;}

#intro {position: absolute; top: 30px; width: 300px; text-align: center; }
#intro p {margin: 5px 0;}

#intro #navigation {width: 270px; background: url(images/nav_bg.gif) no-repeat; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; line-height: 1.4em; margin: 15px auto 3px; padding: 0;}
#intro #navigation p {padding: 2px 5px 10px; margin: 0;}
#intro #navigation a {margin: 0 5px; color: #56829c; text-decoration: none; border-bottom: 0;}
#intro #navigation a:hover {color: #000;}

#timeline {width: 450px; position: relative; top: 0; left: 350px; margin: 0; background: url(images/timeline_bg.gif) repeat-y; text-align: left;}
#timeline .inner {padding: 30px 0;}
#timeline .event {margin: 20px 0; clear: both;}
#timeline .event img {float: left; border: 4px solid #000; margin-right: 10px; clear: left; }
#timeline .event a:hover {border-bottom: 0; margin: 0; padding: 0;} /*New*/ 
#timeline .event .details {margin-left: 138px; text-align: left; clear: right;}
#timeline .decade {margin-bottom: 40px;}
#timeline .decade h3 {display: block; width: 95px; height: 59px; background: url(images/decade_bg.gif) no-repeat; margin: 0 0 10px 16px; font-weight: normal; padding: 0 1px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 2em; line-height: 2em; text-align: center;}

#footer {position: absolute; bottom: 10px; text-align: left; font-size: .8em; line-height: 1.4em;}

.toplink {text-align: right; position: absolute; right: 0;}
.toplink a:hover {border-bottom: 0;}

a.gototop {background:transparent url(images/arrow_up_white.gif) no-repeat scroll left top;
color:#fff;font-size:9px;letter-spacing:0.02em;padding:0 0 2px 15px;text-transform:uppercase; position:absolute;bottom:10px; border-bottom: 0;}


/*Adds Fixed positioning for all but IE6*/
#container > div#intro, #container > div#footer, .toplink > a.gototop {position: fixed;}