html { margin: 0; padding: 0; background-image: url('../../images/home/background.gif'); background-repeat: repeat; overflow-y: scroll; background-color: #ffefe4 }
body { margin: 0; padding: 0; font-family: "Arial",sans-serif; font-size: 62.5% }
a { text-decoration: none; color: #000 }
a img { border: none }

.ClearAll { clear: both }

#body { width: 879px; margin: 0 auto; padding: 0 }

#header { width: 815px; height: 130px; margin: 0 auto; position: relative }
#header * { display: block; margin: 0; padding: 0 }
#headerLogo { position: absolute; left: 0; top: 5px; text-transform: uppercase; font-size: 240% }
#headerTagline { position: absolute; left: 290px; top: 60px; font-size: 190%; font-weight: bold }

#columns { width: 815px; margin: 0 auto }
#columnsLeft, #columnsMiddle, #columnsRight { float: left; position: relative }
#columnsLeft { width: 267px; padding: 50px 0 0 0 }
#columnsMiddle { width: 267px; padding: 50px 7px 0 7px }
#columnsRight { width: 267px; padding: 50px 0 0 0 }
#columnsClear { clear: left }

#columns a { text-decoration: underline }
#columns h2 { text-align: center; margin: 10px 0 0 0; font-size: 160%; text-transform: uppercase }
#columns h2.Overlapping { margin: 0; padding: 0; position: absolute; left: 0; top: 0; width: 100% }
#columns h2.RightSide { float: right; position: relative; left: 7px; padding: 10px 0 5px 5px; margin: 0 }
#columns img.Spotlight { margin: 10px auto 5px auto; display: block }

#columns div.ContentBox { border: solid 1px #000; background-color: #fff; width: 265px; margin-bottom: 7px; font-size: 120% }
#columns div.ContentBox p { margin: 0 0 1em 0 }
#columns div.ContentBox div.Padding { padding: 0 20px }
#columns div.ContentBox div.PaddingAll { padding: 20px }
#columns div.ContentBoxInside { border: solid 2px #fff; background-color: #ccc; width: 261px }
#columns div.ContentBoxInside.Overlapped { padding-top: 50px }
#columns div.ContentBoxInside.Blue { background-color: #1fc6bc }
#columns div.ContentBoxInside.Yellow { background-color: #fdffc7 }
#columns div.ContentBoxInside.Green { background-color: #92C487 }
#columns div.ContentBoxInside.LimeGreen { background-color: #acc61f }

#columns div.Hr { border-top: dashed 1px #000; margin: 0 2px; }
#columns div.ImageLeft { padding: 20px 10px 20px 5px; margin: 0 }
#columns div.ImageLeft p { margin: 0 0 0 80px }
#columns div.ImageLeft img { float: left }
#columns div.ImageLeft div { clear: both }

#control { width: 815px; margin: 10px auto 0; padding: 0 0 7px 0; text-transform: uppercase }
#control div.ContentBox { border: solid 1px #000; background-color: #fff }
#control div.ContentBoxInside { border: solid 2px #fff; background-color: #eca83d; padding: 16px 12px }
#control h1 { margin: 0; font-size: 120% }
#control p { margin: 0; font-weight: bold }
#control img.Key { float: right; margin: 0 0 0 20px }

#timeline { padding: 0 0 7px 0; font-size: 120% }
#timelineLeft { float: left; width: 18px; padding: 215px 14px 0 0 }
#timelineRight { float: right; width: 18px; padding: 215px 0 0 14px }
#timelineLeft img, #timelineRight img { display: block }
#timelineMiddle { float: left; width: 815px }
#timelineClear { clear: both }

#timeline div.Container { border: solid 1px #000; background-color: #fff; padding: 2px; position: relative }
#timeline div.Inside { background-color: #0085b6; height: 469px; background-image: url('../../images/home/timeline/gradient.jpg'); width: 809px; overflow: hidden; position: relative }

#timeline div.Container div.ActualBubble { width: 307px; position: absolute; display: none }
#timeline div.Container div.ActualBubble div.Top { /* See Also screen-lt-ie7.css */ height: 6px; background-image: url('../../images/home/timeline/actual-bubble-top.png'); background-repeat: no-repeat; }
#timeline div.Container div.ActualBubble div.Middle { /* See Also screen-lt-ie7.css */ background-image: url('../../images/home/timeline/actual-bubble-middle.png'); background-repeat: repeat-y; padding: 0 6px 0 11px }
#timeline div.Container div.ActualBubble div.Content { background-color: #ff3ae1; padding: 10px }
#timeline div.Container div.ActualBubble div.Bottom { /* See Also screen-lt-ie7.css */ height: 65px; background-image: url('../../images/home/timeline/actual-bubble-bottom.png'); background-repeat: no-repeat }

#timeline div.Container div.ActualMirror { width: 307px; position: absolute; display: none }
#timeline div.Container div.ActualMirror div.Top { /* See Also screen-lt-ie7.css */ height: 6px; background-image: url('../../images/home/timeline/mirror-actual-bubble-top.png'); background-repeat: no-repeat; }
#timeline div.Container div.ActualMirror div.Middle { /* See Also screen-lt-ie7.css */ background-image: url('../../images/home/timeline/mirror-actual-bubble-middle.png'); background-repeat: repeat-y; padding: 0 11px 0 6px }
#timeline div.Container div.ActualMirror div.Content { background-color: #ff3ae1; padding: 10px }
#timeline div.Container div.ActualMirror div.Bottom { /* See Also screen-lt-ie7.css */ height: 65px; background-image: url('../../images/home/timeline/mirror-actual-bubble-bottom.png'); background-repeat: no-repeat }

#timeline div.Container div.CommonBubble { width: 307px; position: absolute; display: none }
#timeline div.Container div.CommonBubble div.Top { /* See Also screen-lt-ie7.css */ height: 6px; background-image: url('../../images/home/timeline/common-bubble-top.png'); background-repeat: no-repeat; }
#timeline div.Container div.CommonBubble div.Middle { /* See Also screen-lt-ie7.css */ background-image: url('../../images/home/timeline/common-bubble-middle.png'); background-repeat: repeat-y; padding: 0 6px 0 11px }
#timeline div.Container div.CommonBubble div.Content { background-color: #00e2d6; padding: 10px }
#timeline div.Container div.CommonBubble div.Bottom { /* See Also screen-lt-ie7.css */ height: 65px; background-image: url('../../images/home/timeline/common-bubble-bottom.png'); background-repeat: no-repeat }

#timeline div.Container div.CommonMirror { width: 307px; position: absolute; display: none }
#timeline div.Container div.CommonMirror div.Top { /* See Also screen-lt-ie7.css */ height: 6px; background-image: url('../../images/home/timeline/mirror-common-bubble-top.png'); background-repeat: no-repeat; }
#timeline div.Container div.CommonMirror div.Middle { /* See Also screen-lt-ie7.css */ background-image: url('../../images/home/timeline/mirror-common-bubble-middle.png'); background-repeat: repeat-y; padding: 0 11px 0 6px }
#timeline div.Container div.CommonMirror div.Content { background-color: #00e2d6; padding: 10px }
#timeline div.Container div.CommonMirror div.Bottom { /* See Also screen-lt-ie7.css */ height: 65px; background-image: url('../../images/home/timeline/mirror-common-bubble-bottom.png'); background-repeat: no-repeat }

#timeline div.Container div.Marker div { display: none }

#timeline div.Field { position: absolute; left: 0; top: 0; height: 469px; background-image: url('../../images/home/timeline/grid.gif'); background-repeat: repeat; background-position: 9px 0 }
#timeline div.Field div.Labels { position: absolute; left: 0; bottom: 10px; padding: 2px 9px; background-color: #8cc8de; font-weight: bold }
#timeline div.Field div.Labels div { display: block; width: 79px; text-align: center; float: left }
#timeline div.Field div.Marker { position: absolute; width: 55px; height: 55px }
#timeline div.Field div.Marker img { position: absolute; top: 0; left: 0; width: 55px; height: 55px; display: block }

#media { width: 815px; margin: 0 auto; padding: 50px 0 8px 0; position: relative }
#media h1 { position: absolute; margin: 0; right: 10px; top: 0 }
#mediaImage { width: 815px; height: 568px; background-color: #5C4033; color: #fff; font-weight: bold; border: none }
#mediaHidden { display: none }

#footer { width: 815px; margin: 0 auto; text-align: right; padding: 5px 0 10px }
#footer hr { display: none }

#footerNavigation { text-transform: uppercase; font-size: 100%; font-weight: bold; display: block; margin: 0; padding: 1px; float: left; border: solid 1px; border-left-color: #586563; border-top-color: #303330; border-right-color: #15120f; border-bottom-color: #566360; background: #c7f1ee }
#footerNavigation li { display: block; list-style-type: none; margin: 0; padding: 0 6px 0 0; float: left; background: #1fc6bc url('../../images/home/footer/slash-divider.gif') no-repeat right }
#footerNavigation li.First { padding-left: 6px }
#footerNavigation li.Last { background-image: none }
#footerNavigation a { display: block; float: left; padding: 10px }

#footerSponsors { display: block; margin: 0; padding: 0; float: right }
#footerSponsors li { display: inline; margin: 0; padding: 0; list-style-type: none }
#footerSponsors a { vertical-align: middle; padding: 0 5px }
#footerSponsors img { vertical-align: middle }

#footerClear { clear: both }