a { color: #5a8a96 }
a:hover { color: #c95608 }
#top   { background: #729fab url(../images/nav/sa-logo.gif) no-repeat; text-align: right; width: 100%; height: 62px }
#title  { margin-top: 22px }
#topnav   { position: absolute; top: 0; right: 32px; width: 324px; margin: 0 -20px 0 0; padding: 0; height: 22px; overflow: hidden     }
#topnavbar { height: 22px; overflow: hidden;}
#topnav ul { margin: 0px; padding: 0px }
#topnav li { list-style-type: none; margin: 0px; padding: 0px; display: inline }
#topnav a { float: left; padding: 22px 0 0; height: 22px; overflow: hidden }
#topnav a:hover { background-position: 0 -22px }
#topnav a:active, #topnav a.selected { background-position: 0 -44px }
#tn-act a { background: url(../images/nav/tn-act.gif) no-repeat left top; width: 72px }
#tn-archives a { background: url(../images/nav/tn-archives.gif) no-repeat left top; width: 65px }
#tn-gloss a { background: url(../images/nav/tn-gloss.gif) no-repeat left top; width: 70px }
#tn-teach a { background: url(../images/nav/tn-teach.gif) no-repeat left top; width: 89px }
#tn-ack a { background: url(../images/nav/tn-ack.gif) no-repeat left top; width: 125px; }
#tn-home a { background: url(../images/nav/tn-home.gif) no-repeat left top; width: 38px; }
#toptimebar       { background: #4c7f8d url(../images/timenav/navbg-left.gif) no-repeat left top; padding-left: 130px; height: 23px; overflow: hidden }
#toptime       { width: 475px; margin: 0; padding: 0; height: 23px; overflow: hidden; display: inline  }
#toptime a    { float: left; padding: 23px 0 0; height: 23px;}
#toptime a:hover { background-position: 0 -23px }
#toptime a.selected { background-position: 0 -46px }
#toptime li { list-style-type: none; margin: 0px; padding: 0px; display: inline }
#becoming a { background: url(../images/nav/tn_becoming.gif) no-repeat left top; width: 147px }
#doing a { background: url(../images/nav/tn_doing.gif) no-repeat left top; width: 110px }
#living a { background: url(../images/nav/tn_living.gif) no-repeat left top; width: 218px }
#timebar   { background-image: url(../images/timenav/timebg2.gif); margin-left: 130px; height: 58px; overflow: hidden  }
#timeline      { margin: 0; padding: 0; top: 64px; left: 150px; height: 58px; display: inline   }
#timeline ul { margin: 0px; padding: 0px }
#timeline li { list-style-type: none; margin: 0px; padding: 0px; display: inline }
#timeline a   { float: left; padding: 58px 0px 0px; height: 58px }
#timeline a:hover  { background-position: 0 -58px }
#timeline a:active, #timeline a.selected  { background-position: 0 -116px }
#timenav5 a  { background: url(../images/timenav/timenav1-5.gif) no-repeat left top; width: 103px }
#timenav6 a  { background: url(../images/timenav/timenav1-6.gif) no-repeat left top; width: 115px }
#timenav7 a  { background: url(../images/timenav/timenav1-7.gif) no-repeat left top; width: 129px }
#timenav8 a  { background: url(../images/timenav/timenav1-8.gif) no-repeat left top; width: 104px }
#timenav9 a { background: url(../images/timenav/timenav1-9.gif) no-repeat left top; width: 112px }
#timearrow a { background: url(../images/timenav/timearrow2.gif) no-repeat left top; width: 27px }
.drop { color: #c95608; font-size: 250%; line-height: 1em; float: left; margin: 0; padding: 0 2px 0 0; }