body { background: #fff; margin: 0px; text-align: center; font: 1em Arial, sans-serif }
#header { width: 723px; margin: 0px auto }
#header img { display: block; float: right }

#content { width: 723px; margin: 0px auto; padding: 26px 24px 0px 25px; clear: right; text-align: left }

#content h1#live-at-the-intersection { width: 297px; height: 58px; background: url('../img/live-at-the-intersection.gif'); margin: 0px 0px 0.5em 0px }
#content h1#live-at-the-intersection span { display: none }

#content h2 { color: #cd5d1a; font-size: 0.9em; margin-bottom: 0px }
#content h3 { color: #cd5d1a; font-size: 0.9em; text-transform: uppercase; margin-bottom: 5px }
#content p { font-size: 0.8em }
#content p.start { margin-top: 5px }

#content label { font-size: 0.8em; font-weight: bold }
#content input, #content button { margin-top: 5px }
#content input:focus { background: #e5f7fd }

#content ul { font-size: 0.8em }
#content ul li { padding: 3px 0px }
#content ul.column { float: left; margin: 0px; padding-left: 20px; padding-right: 5px }

#map-callout { width: 346px; padding: 0px 9px 0px 13px; float: right; background: url('../img/map-background.gif') 0px 0px no-repeat; margin-left: 20px }
#map-callout h2 { color: #666; text-transform: uppercase }
#map-callout p { color: #666; font-weight: bold; font-size: 0.9em }
#map-callout a { color: #666 }
#map-callout a:hover { text-decoration: none }
#map-callout a:visited { color: #888 }

#map-callout #map { width: 346px; height: 261px }

#stay-informed { padding-top: 10px }

#footer { border-bottom: 5px solid #f18c02; clear: both; text-align: center; padding-top: 20px }
#footer p img { vertical-align: middle }
#footer p { font-size: 0.7em; margin: 5px auto }

.details { font-size: 0.8em }
.details h1 { color: #000; font-weight: bold; font-size: 1.2em; margin: 0px }
.details a { color: #666 }

a { color: #04aae9 }
a img { border: none }
.clear-left { clear: left }
.clear-right { clear: right }