body  { font-size: 12px; font-family: Georgia, Arial, Verdana, Helvetica, sans-serif; background: #f7f5ef url(../images/bodybg.gif) repeat-y; margin: 0 0 0 10px; padding: 0 }
#pagetitle    { margin-bottom: 0; margin-left: 0; padding: 6px 0 0; display: block  }
td  { font-size: 12px; padding-right: 9px }
.intro { color: #5a8a96; font-family: Arial; font-weight: bold; line-height: 24px  }
#sidebar      { position: absolute; margin: 0; padding: 0; top: 86px; left: 10px; width: 130px  }
.sidetext { color: #4c7f8d; font-family: Arial; font-weight: bold; line-height: 24px; margin-right: 9px; margin-left: 9px; }
#main     { line-height: 1.4em; background: url(../images/star.gif) no-repeat 0 10px; top: 0; margin: 0 170px 0 130px; padding: 9px 16px 12px; border-left: 1px solid #adadad   }
#main h2  { color: #5a8a96; font-size: 140%; font-family: arial ; font-weight: normal; font-style: normal; line-height: normal; margin-top: 1.5em; margin-bottom: 1em; }
#main h3 { color: #5a8a96; font-size: 120%; font-family: arial; font-weight: bold; margin-top: 1.5em; margin-bottom: 1em; }
#main h5 { color: #5a8a96; font-size: 100%; font-family: Arial; font-weight: bold; margin-top: 0; margin-bottom: 0; }
/*Activities List*/
#activities { margin-right: -16px; padding-top: 16px; position: absolute; top: 145px; right: 16px; width: 160px }
#actside { background-color: #f3e6c0; margin: 2px 0px 2px 2px; padding: 6px 0px 12px }
#rule { margin-top: 6px; border-top: 1px solid #f3e6c0; border-bottom: 1px solid #f3e6c0; border-left: 1px solid #f3e6c0 }
#actside a  { color: #c95608; font-weight: normal; text-decoration: none }
#actside a.selected { color: #5a8a96; font-weight: bold; text-decoration: none }
#actside a:hover { text-decoration: underline }
#actside li { list-style: none; color: #4c7f8d; font-size: 95%; font-family: Arial; line-height: normal; margin: 0; padding: 8px 8px 8px 25px; border-top: 1px solid white; }
#actside ul { list-style: none; padding-left: 0; }
#a1 { background: url(../images/nav/1a.gif) no-repeat 4px 10px; }
#b1 { background: url(../images/nav/1b.gif) no-repeat 4px 10px; }
#c1 { background: url(../images/nav/1c.gif) no-repeat 4px 10px; }
#a2 { background: url(../images/nav/a2.gif) no-repeat 4px 10px; }
#b2 { background: url(../images/nav/b2.gif) no-repeat 4px 10px; }
#a3 { background: url(../images/nav/a3.gif) no-repeat 4px 10px; }
#b3 { background: url(../images/nav/b3.gif) no-repeat 4px 10px; }
#c3 { background: url(../images/nav/c3.gif) no-repeat 4px 10px; }
#a4 { background: url(../images/nav/a4.gif) no-repeat 4px 10px; }
#b4 { background: url(../images/nav/b4.gif) no-repeat 4px 10px; }
#c4 { background: url(../images/nav/c4.gif) no-repeat 4px 10px; }
#a5 { background: url(../images/nav/a5.gif) no-repeat 4px 10px; }
#b5 { background: url(../images/nav/b5.gif) no-repeat 4px 10px; }
#c5 { background: url(../images/nav/c5.gif) no-repeat 4px 10px; }
#a6 { background: url(../images/nav/a6.gif) no-repeat 4px 10px; }
#a7 { background: url(../images/nav/a7.gif) no-repeat 4px 10px; }
#b7 { background: url(../images/nav/b7.gif) no-repeat 4px 10px; }
#c7 { background: url(../images/nav/c7.gif) no-repeat 4px 10px; }
#a8 { background: url(../images/nav/a8.gif) no-repeat 4px 10px; }
#b8 { background: url(../images/nav/b8.gif) no-repeat 4px 10px; }
#a9 { background: url(../images/nav/a9.gif) no-repeat 4px 10px; }
#a10 { background: url(../images/nav/a10.gif) no-repeat 4px 10px; }
#b10 { background: url(../images/nav/b10.gif) no-repeat 4px 10px; }
#c10 { background: url(../images/nav/c10.gif) no-repeat 4px 10px; }
#a11 { background: url(../images/nav/a11.gif) no-repeat 4px 10px; }
em { color: #c95608; font-style: normal }
h4 { color: #c95608; font-size: 105%; font-family: Arial; font-weight: bold; letter-spacing: 5px; margin: 0; padding: 0; }
#actside ul  { margin: 0px; padding: 0px }
#timebaract { margin-left: 130px; height: 26px; overflow: hidden }
#timelineact { margin: 0px; padding: 0px; height: 26px; overflow: hidden; display: inline }
#timelineact ul { margin: 0px; padding: 0px }
#timelineact li { list-style-type: none; margin: 0px; padding: 0px; display: inline }
#timelineact a { float: left; padding: 26px 0px 0px; height: 26px }
#timelineact a:hover { background-position: 0 -26px }
#becomingact a  { background: url(../images/nav/becomeshort.gif) no-repeat left top; float: left; width: 159px }
#doingact a  { background: url(../images/nav/doingshort.gif) no-repeat left top; float: left; width: 155px }
#livingact a  { background: url(../images/nav/livingshort.gif) no-repeat left top; float: left; width: 156px }
#back a { margin-top: -20px; width: 120px }
.popstyle  { font-size: 8pt; font-family: arial; background-color: #f9f1cf; padding: 3px; border: solid 1px #a8b8b9; position: absolute; width: 150px; visibility: hidden; cursor: default }
.mouseover { color: #5a8a96 }
.caption  { color: #7b838a; font-size: 95%; font-family: Arial; line-height: normal; margin: 0; padding: 4px 6px 24px 16px   }
.callout { color: #6b8696; font-size: 105%; font-family: Arial; font-weight: bold; line-height: 1.25; margin: 65px 0 12px; padding: 12px 6px 12px 16px; border-top: 1px solid #adadad; border-bottom: 1px solid #adadad; display: block; }
.maincaption { color: #7b838a; font-size: 90%; font-family: Arial; line-height: normal; margin: 0; padding-top: 4px; padding-bottom: 24px; }
.photowide { margin: 0 0 12px 12px; padding: 3px; width: 220px; float: right; border: solid 1px #adadad; }
.photo { float: left; margin: 0 12px 12px 0; padding: 3px; width: 299px ; border: solid 1px #adadad; }
.photocaption  { color: #7b838a; font-size: 85%; font-family: Arial; line-height: normal; margin: 0; padding: 4px 6px 4px 3px   }
#meanwhile { margin: 12px 0 0; padding: 0; }
sup { font-size: 80%; line-height: normal; }
#main h1 { color: #c95608; font-weight: bold; font-size: 150%; font-family: Arial ; line-height: normal; margin-top: 0; }
.list { font-size: 90%; margin-left: 24px; padding-bottom: 12px }
.list p { padding-top: 0px; padding-bottom: 4px; border-bottom: 1px dotted #5a8a96 }
#footer  { font-size: 90%; text-align: right; margin-right: 170px; margin-bottom: 20px; margin-left: 130px; padding-top: 6px; padding-right: 9px; border-top: 1px solid #adadad; border-right: 1px solid #adadad   }
#next { position: relative; right: 3px; margin: 0; padding: 0; border: 0   ; display: block; }
#trailblazers { width: 100%; margin-top: 24px; margin-bottom: 12px; border-top: 1px solid #6b8696; border-bottom: 1px solid #6b8696; }
#trailblazers p { margin-top: 4px; margin-bottom: 2px; }
.floatleft { float: left; clear: both; padding: 0 9px 9px 0; }
ol { margin: 0 0 0 1.75em; padding: 0; }
li { padding-bottom: 6px; }
table { width: 100%; margin: 0; padding: 0; border-style: none; }
td { font-size: 12px; font-family: arial; vertical-align: top; margin: 0; padding: 6px 12px 12px 0; border-bottom: 1px solid #c95608; }
.timelink { color: #4c7f8d; list-style-type: none; list-style-position: outside; margin: 0 0 0 26px; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; border-top: 1px solid white; display: block; }
.question { margin-top: 2em; padding-top: 6px; border-top: 1px solid #4c7f8d; }
.question em { color: #4c7f8d; font-size: 140%; font-family: Arial; font-weight: bold; line-height: normal; }