a { color: #5a8a96 }
a:hover { color: #c95608 }
#top   { background-color: #729fab; background-image: url(../images/nav/sa-logo.gif); background-repeat: no-repeat; background-position: 0 0; text-align: right; width: 100%; height: 62px ; margin: 0; padding: 0; display: block; }
#title  { margin-top: 22px }
#topnav   { position: absolute; top: 0; right: 32px; width: 324px; margin: 0 -22px 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; height: 23px; overflow: hidden ; margin: 0; padding: 0 0 0 130px; }
#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/timebg.gif); height: 58px; overflow: hidden ; margin: 0 0 0 130px; padding: 0; }
#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 }
#timenav1 a  { background: url(../images/timenav/timenav1-1.gif) no-repeat left top; width: 138px }
#timenav2 a  { background: url(../images/timenav/timenav1-2.gif) no-repeat left top; width: 115px }
#timenav3 a  { background: url(../images/timenav/timenav1-3.gif) no-repeat left top; width: 165px }
#timenav4 a  { background: url(../images/timenav/timenav1-4.gif) no-repeat left top; width: 93px }
#timearrow a { background: url(../images/timenav/timearrow.gif) no-repeat left top; width: 27px }
.drop { color: #c95608; font-size: 2.45em; line-height: 1em; float: left; margin: 0; padding: 0 2px 0 0; }