body{ font: normal 12px Verdana, Sans-Serif; color: #666666; }

p {text-align: justify; line-height: 18px; }

#logo { position: relative; }
#logo a { width: 336px; height: 180px; display:block; text-indent: -9999px; background: url("../images/logo.jpg"); }
#logo a.home { width: 234px; height: 100px; display:block; text-indent: -9999px; background: url("../images/logo2.jpg"); position: absolute; top: 50px; left: 600px;}

#navigation{ width: 952px; height: 181px; padding: 0px; margin: 10px 0px 5px 0px; background: #6d4a9e; position: relative; }
#navigation ul{ width: 543px; height: 181px; list-style: none; margin: 0px; padding-left: 45px;}
#navigation ul li { width: 181px; height: 181px; display:inline; float: left; }
#navigation ul li a{ display: block; width: 181px; height: 181px; text-indent: -9999px; outline: none; }
#navigation a.nav1{ background: url("../images/nav1_off.jpg"); }
#navigation a.nav1:hover, #navigation a.nav1.active{ background: url("../images/nav1_on.jpg"); }
#navigation a.nav2{ background: url("../images/nav2_off.jpg"); }
#navigation a.nav2:hover, #navigation a.nav2.active{ background: url("../images/nav2_on.jpg"); }
#navigation a.nav3{ background: url("../images/nav3_off.jpg"); }
#navigation a.nav3:hover, #navigation a.nav3.active{ background: url("../images/nav3_on.jpg"); }

#navigation.message { background: url("../images/nav1_text.jpg") no-repeat #6d4a9e top right; }
#navigation.why { background: url("../images/nav2_text.jpg") no-repeat #6d4a9e top right; } 
#navigation.change { background: url("../images/nav3_text.jpg") no-repeat #6d4a9e top right; } 

/* Splash Page */
#splash{ width: 955px; height: 664px; background: url("../images/splash.jpg");}
#splashText { width: 389px; height: 360px; background: url("../images/splashtext.jpg"); margin: 0px auto; position: relative; top: 150px; display:none;}
#splashText a { width: 389px; height: 360px; display:block; text-indent: -9999px;}

/* Home Page */
#body { width: 900px; margin-left: 50px;}
#body.full { width: 880px; height: 307px; overflow: auto; padding-right: 15px; }

/* 30 Years */
#yearsbutton { width: 193px; height: 28px; position:relative; left: 600px; margin-bottom: 15px; }
#yearsbutton a { display:block; width: 193px; height: 28px; background: url("../images/30years_off.jpg"); text-indent: -9999px;}
#yearsbutton a:hover, #yearsbutton a.active { background: url("../images/30years_on.jpg");}

/* Timeline */
#timeline { height: 350px; }
#timeline ul {list-style: none; padding: 0px; margin: 0px; width: 918px; height: 26px; margin-top: 125px; }
#timeline ul li {float: left; width: 102px; height: 26px; position: relative; }
#timeline ul li a {display:block; width: 102px; height: 26px; background: url("../images/yeargrid.jpg"); text-indent: -9999px; outline:none;}

#timeline ul li a.year78{ background-position: 0px -26px; }
#timeline ul li a.year79{ background-position: -102px -26px; }
#timeline ul li a.year83{ background-position: -204px -26px; }
#timeline ul li a.year86{ background-position: -306px -26px; }
#timeline ul li a.year87{ background-position: -408px -26px; }
#timeline ul li a.year91{ background-position: -510px -26px; }
#timeline ul li a.year95{ background-position: -612px -26px; }
#timeline ul li a.year97{ background-position: -714px -26px; }
#timeline ul li a.year99{ background-position: -816px -26px; }

#timeline ul li a.year78:hover{ background-position: 0px 0px; }
#timeline ul li a.year79:hover{ background-position: -102px 0px; }
#timeline ul li a.year83:hover{ background-position: -204px 0px; }
#timeline ul li a.year86:hover{ background-position: -306px 0px; }
#timeline ul li a.year87:hover{ background-position: -408px 0px; }
#timeline ul li a.year91:hover{ background-position: -510px 0px; }
#timeline ul li a.year95:hover{ background-position: -612px 0px; }
#timeline ul li a.year97:hover{ background-position: -714px 0px; }
#timeline ul li a.year99:hover{ background-position: -816px 0px; }

#timeline ul li a.year00{ background-position: 0px -78px; }
#timeline ul li a.year01{ background-position: -102px -78px; }
#timeline ul li a.year02{ background-position: -204px -78px; }
#timeline ul li a.year04{ background-position: -306px -78px; }
#timeline ul li a.year05{ background-position: -408px -78px; }
#timeline ul li a.year07{ background-position: -510px -78px; }
#timeline ul li a.year08{ background-position: -6120px -78px; }
#timeline ul li a.year09{ background-position: -714px -78px; }

#timeline ul li a.year00:hover{ background-position: 0px -52px; }
#timeline ul li a.year01:hover{ background-position: -102px -52px; }
#timeline ul li a.year02:hover{ background-position: -204px -52px; }
#timeline ul li a.year04:hover{ background-position: -306px -52px; }
#timeline ul li a.year05:hover{ background-position: -408px -52px; }
#timeline ul li a.year07:hover{ background-position: -510px -52px; }
#timeline ul li a.year08:hover{ background-position: -6120px -52px; }
#timeline ul li a.year09:hover{ background-position: -714px -52px; }

#timeline ul li img.year78 { display: none; }
#timeline ul li img.year79 {position: absolute; top: -71px; display: none;}
#timeline ul li img.year83 { display: none; }
#timeline ul li img.year86 {position: absolute; top: -96px; display: none;}
#timeline ul li img.year87 { display: none; }
#timeline ul li img.year91 {position: absolute; top: -94px; display: none; }
#timeline ul li img.year95 {position: absolute; left: -95px; display: none; }
#timeline ul li img.year97 {position: absolute; top: -68px; left: -200px; display: none; }
#timeline ul li img.year99 {position: absolute; right: 0px; display: none; }
#timeline ul li img.year00 {display: none; }
#timeline ul li img.year01 {position: absolute; top: -68px; display: none;}
#timeline ul li img.year02 {display: none; }
#timeline ul li img.year04 {position: absolute; top: -66px; display: none; }
#timeline ul li img.year05 {display: none; }
#timeline ul li img.year07 {position: absolute; top: -78px; left: -117px; display: none; }
#timeline ul li img.year08 {position: absolute; right: 0px; display: none; }
#timeline ul li img.year09 {position: absolute; top: -78px; right: 0px; display: none; }

#nav { width: 163px; height: 307px; float:left; }
#nav.why{ background: url("../images/why.gif"); }

#bannernav {width:85px; margin:100px auto; padding: 0px; }
#bannernav li {float:left; display: inline; width:auto; height:auto;}
#bannernav a {display:block; width:15px; height: 15px; padding:3px; margin:3px; font-size:11px; text-align:center; text-decoration:none; color:#fff; background:#bcbdc0; outline: none;}
#bannernav a:hover {background:#6d4a9e;}
#bannernav a.activeSlide {background:#6d4a9e;}
#bannernav li.thanks a{ width: 75px; height: 15px; padding: 3px 0px 3px 0px; margin-top: 3px; }

#bannerContainer{ width: 789px; height: 312px; 	margin: 0px; position: relative; float: left;}
#bannerContainer ul{ margin:0!important; list-style:none; width:100%; height:100%; }
#bannerContainer li{ /*display: none;*/	position:relative; 	width:100%; height:100%; 	margin:0!important; }

#banner li span.img{ width: 245px; height: 307px; float:left; }
#banner li span.content{ width: 544px; height: 307px; float:left; background: #fff; position:relative;}
#banner li span.content h3{ padding-left: 20px; margin-bottom: 10px; color: #6d6e71; font-weight: normal; font-style: italic; font-size: 20px; }
#banner li span.content div{ width: 505px; height: 185px; margin-left: 20px; padding-right: 15px; overflow: auto; }
#banner li span.content div.full { height: 246px; }

div.mp3{ position:absolute; top: 70px; right: 20px; width: 94px; height: 44px; }

#copyright{ clear:both; font-size: 10px; padding-top:20px; padding-left: 50px;}