#tropicPage { width: 800px; text-align: left; margin-top: 20px; }
#tropicPage H4 { border-bottom: 1px solid #999; }
#tropicPage .rowG TD { background-color: #F5F5F5; }
#tropicPage .boxG { border: 1px solid #999; }
#tropicPage .boxG UL { margin: 10px 0 20px 20px; }
#tropicPage .primary { width: 480px; float: left; }
#tropicPage .secondary { width: 300px; float: right; }

#flashTracker { margin-top: 10px; }

#rssAdvisory { border: 1px solid #CC9; #FFC; width: 100%; margin-top: 20px; }
#rssAdvisory TR TD { padding: 3px; background-color: #FFC; }

#tropicPage #advisories FIELDSET { border: 1px solid #996; margin-top: 10px; padding: 5px 10px 5px 10px; }
#tropicPage #advisories FIELDSET P.noStorms { border: 1px solid #CC9; background-color: #FFC; padding: 5px; margin-bottom: 0; }
#tropicPage #advisories LEGEND { font-weight: bold; color: #F00; font-size: 12px; }
#tropicPage #advisories LEGEND SPAN { color: #333; font-weight: normal; }
#tropicPage #advisories LEGEND SPAN A { color: #00F; }
#tropicPage #advisories .storm { margin: 5px 0 10px 0; width: 100%; }
#tropicPage #advisories .storm .stormMap { width: 140px; vertical-align: top; padding-right: 10px; }
#tropicPage #advisories .storm .stormDetail { width: 100%; vertical-align: top; }
#tropicPage #advisories .storm .stormName { font-weight: bold; padding: 1px; border-bottom: 1px dotted #999; }
#tropicPage #advisories .storm .stormName A { color: #00F; text-decoration: none; }
#tropicPage #advisories .storm TABLE { width: 100%; }
#tropicPage #advisories .storm .stormStats TR TD { text-align: center; white-space: nowrap; font-size: 11px; }
#tropicPage #advisories .storm .stormStats TR TD SPAN { font-weight: bold; }
#tropicPage #advisories .storm .stormLinks TR TD UL { margin: 0 0 5px 20px; padding: 0; }
#tropicPage #advisories .storm .stormLinks TR TD LI { margin-top: 3px; }
#tropicPage #advisories .storm .stormLinks TR TD A { color: #00F; }
#tropicPage #advisories .storm .stormDetail .flashMap { text-align: center; border: 1px solid #CCC; background-color: #F5F5F5; padding: 1px; }
#tropicPage #advisories .storm .stormDetail .flashMap SPAN { color: #F00; }
#tropicPage #advisories .storm .stormDetail .flashMap A { text-decoration: none; }

#tropicPage #viewMaps { margin-top: 20px; }
#tropicPage #viewMaps FIELDSET { border: 1px solid #333; padding: 10px; }
#tropicPage #viewMaps FIELDSET P { border: 1px solid #CCC; background-color: #F5F5F5; padding: 5px; text-align: center; }
#tropicPage #viewMaps LEGEND { font-weight: bold; color: #333; font-size: 12px; }
#tropicPage #viewMaps DIV { margin-top: 10px; }
#tropicPage #viewMaps SELECT { border: 1px solid #CC9; background-color: #FFC; }

#tropicPage #extLinks { margin-top: 20px; }
#tropicPage #extLinks FIELDSET { border: 1px solid #333; padding: 10px; }
#tropicPage #extLinks LEGEND { font-weight: bold; color: #333; font-size: 12px; }
#tropicPage #extLinks P.note { border: 1px solid #CCC; background-color: #F5F5F5; padding: 5px; }
#tropicPage #extLinks P.note SPAN { font-style: italic; }

#tropicPage #hurricaneArchive { margin-top: 17px; border: 1px solid #CCC; }
#tropicPage #hurricaneArchive #yearSelect { border: 1px solid #CCC; background-color: #F5F5F5; padding: 5px; text-align: center; }
#tropicPage #hurricaneArchive #yearSelect SELECT { border: 1px solid #CC9; background-color: #FFC; }

#tropicPage #blogBox { margin-top: 20px; border: 1px solid #CCC; }
#tropicPage #blogBox DIV { padding: 0 10px 10px 10px; }
#tropicPage #blogBox IMG { border: 1px solid #000; margin-right: 5px; }

#tropicPage .linkBox { margin-top: 20px; border: 1px solid #CCC; }
#tropicPage .linkBox DIV { padding: 0 10px 10px 10px; }
#tropicPage .linkBox DIV UL { margin-top: 10px; }

#tropicPage .stormList { width: 250px; }
#tropicPage .stormList .done { font-weight: normal; }
#tropicPage .stormList .active { font-weight: normal; color: #F00; }
#tropicPage .stormList .inactive { color: #999; }

#tropicPage #pwsList { width: 250px; margin-top: 10px; }
#tropicPage #pwsList .pwsNo { color: #666; }
#tropicPage #pwsList .pwsSite { padding-left: 20px; }

#tropicPage #nhcList { width: 250px; margin-top: 5px; }

#tropicData { width: 640px; text-align: left; }
#tropicData H1 { text-align: left; font-size: 16px; margin-bottom: 10px; border-bottom: 1px solid #CCC; padding: 2px; }
#tropicData DIV { margin-top: 10px; }
#tropicData UL { margin: 0; }
#tropicData UL LI { list-style-type: none; float: left; }
#tropicData UL LI A { display: block; width: 150px; border: 1px solid #CCC; padding: 2px; margin: 2px; text-decoration: none; color: #00F; text-align: center; }
#tropicData UL LI A:hover { background-color: #DEF; }
#tropicData UL LI A.active { background-color: #F5F5F5; color: #333; font-weight: bold; }
#tropicData UL LI A.active:hover { background-color: #F5F5F5; }

#stormPage { width: 640px; text-align: left; }
#stormPage H1 { border-bottom: 1px solid #CCC; padding-bottom: 2px; }
#stormPage #map { margin-top: 10px; }
#stormPage #textList { margin: 10px 0 10px 0; }
#stormPage #textList UL { margin: 0; clear: both; }
#stormPage #textList UL LI { float: left; list-style-type: none; margin: 0 5px 0 5px; }
#stormPage #textList UL LI A { color: #00F; }
#stormPage #mapList { background-color: #F5F5F5; width: 100%; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #CCC; }
#stormPage #mapList #title { background-color: #CCC; padding: 3px; }
#stormPage #mapList .thumb { float: left; margin: 10px; }
#stormPage #mapList .thumb .url A { display: block; width: 100px; text-align: center; background-color: #FFF; text-decoration: none; margin-top: 3px; border: 1px solid #7B7DC6; color: #4245AD; }
#stormPage #mapList .thumb .url A:hover { background-color: #FFC; }