body { text-align: center; height: 100%; background-color: #bbbb77; color: black; border: 0; padding: 0; margin: 0; }
.body { font-family: tahoma,arial,helvetica,sans-serif; font-size: small; background-color: #cccc33; width: 625px; text-align: left; vertical-align: middle; }

.floating { position: absolute; }
.floatimageleft {float: left; margin-right:15px}
.floatimageright {float: right; margin-left:15px }
.label	{ color: #333377; font-size: large; font-weight: bold; text-align: left; padding-left: 10px; text-decoration: none; }

.framed {margin : 0; border-style : solid; border-color : #cccc33; border-width : 4px; padding:5px; background-color: #cccc33}

.text {margin : 0; border-style : none; border-color : #666699; border-width : 4px; padding:5px; background-color: #ffff99}

.framed1 {border-style: solid; border-color: #cccc33; border-width: 6px; background-color: #cccc33; padding: 5px ; margin: 0; text-align: center; vertical-align: middle; }
.framed2 {border-style: solid; border-color: #cccc33; border-width: 6px; background-color: #cccc33; padding: 5px ; margin: 0; text-align: center; vertical-align: middle; }


a { color: black; }
a:hover { text-decoration: underline; }
img { border :none; padding: 0; margin: 0; position: relative; }
.tdi { border-width: 0; padding: 0; margin: 0; vertical-align: middle; text-align: center; }

.tdt { border-width: 0; padding: 5px; margin: 5px; vertical-align: middle; text-align: left; }
.title { font-size : small; font-weight: bold; }

.header { background-color: #cccc33; }
.header .copy { font-size: xx-small; }
.header a { text-decoration: none}

.feature {background-color: #ffff99; vertical-align:middle; padding-bottom:10px; }
.feature p {padding-left:10px; padding-right:10px; color: #333377; }
.feature dl {color: #333377 }

.caption { font-size: x-small; }
.minilabel { color: white; font-size: small; font-weight: bold; text-align: left; padding-left: 10px; }
.color1 { background-color: #99CC99; }
.color2 { background-color: #66CC66; }

.timeline { background-color: #cccc33; }
.timeline .dates { font-variant: small-caps; background-color: #ffff99; width: 15%; vertical-align: top} 
.timeline .period {}
.timeline .descrip { font-size: x-small; padding-left: 10px; width:100% }

.timeline table { border-width: 0; padding: 0; margin: 0; }
.timeline tr { border-width: 0; padding: 0; margin: 0; }
.timeline td { border-width: 0; padding: 0; padding-top: 5px; padding-left: 10px; margin: 0; }
.timeline .tdi { border-width: 0; padding: 0; margin: 0; vertical-align: top; text-align: center; }
.timeline img { border :none; padding: 0; margin: 0; position: relative; }


.navigation {text-align: center; font-size: small; color: white; background-color: #CCCC88; width: 100%; clear:both }

.navigation {text-align: center; font-size: small; color: white; background-color: #999933; width: 100%; }

.navigation .link {font-size: small; color: white; text-decoration:none;}