#mapRegion { text-align: center; margin-bottom: 10px; }
#mapRegion A.active { color: #000; font-weight: bold; font-size: 13px; text-decoration: none; }
#mapRegion A.inactive { color: #6C3917; }

#sstMap { text-align: center; margin: 0 0 20px 0; }
#satPick { width: 456px; margin: 10px auto 10px auto; white-space: nowrap; text-align: center; }

.selectorBox { background-color: #F5F5F5; border-top: 1px solid #CCC; }

#typeTable { margin-top: 10px; }
#typeTable TD { width: 20%; text-align: center; padding: 2px; }
#typeTable TD.activeTab { color: #000; border-top: 1px solid #9A8221; border-right: 1px solid #9A8221; border-left: 1px solid #9A8221; font-weight: bold; background: #FFF url(http://www.weddinghope/graphics/wu2/brown_gradient.gif) repeat-x top; font-size: 13px; }
#typeTable TD.inactiveTab { border-bottom: 1px solid #9A8221; }
#typeTable TD.inactiveTab A { color: #6C3917; }
#typeTable TD SPAN { font-weight: normal; }

.storm { margin: 10px 0 0 0; width: 100%; border-bottom: 1px solid #CCC; }
.storm .stormMap { width: 140px; vertical-align: top; padding-right: 10px; }
.storm .stormDetail { width: 100%; vertical-align: top; }
.storm .stormName { font-weight: bold; padding: 1px; border-bottom: 1px dotted #999; }
.storm .stormName A { color: #00F; text-decoration: none; }
.storm TABLE { width: 100%; }
.storm .stormStats { background-color: #F5F5F5; border-top: 1px solid #CCC; padding: 2px; margin-top: 2px; }
.storm .stormLinks TR TD UL { margin: 0 0 5px 20px; padding: 0; }
.storm .stormLinks TR TD LI { margin-top: 3px; }
.storm .stormLinks TR TD A { color: #00F; }
.storm .stormDetail .flashMap { text-align: center; border: 1px solid #CCC; background-color: #F5F5F5; padding: 1px; }
.storm .stormDetail .flashMap SPAN { color: #F00; }
.storm .stormDetail .flashMap A { text-decoration: none; }

.mainTitle { font-size: 14px; font-weight: bold; background-color: #CDD9FF; border-bottom: 1px solid #172C6C; padding: 2px; }
.subTitle { background-color: #F5F5F5; padding: 2px; }
.subTitle A { color: #213F9A; text-decoration: none; border-bottom: 1px dotted #213F9A; }
.subTitle A:hover { color: #213F9A; text-decoration: none; border-bottom: 1px solid #213F9A; }

.note { background-color: #F5F5F5; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 3px; margin-top: 5px; }
.note SPAN { font-weight: bold; }

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

#rssTropic { border-top: 1px solid #CC9; border-bottom: 1px solid #CC9; margin: 0 5px 10px 5px; width: 100%; }
#rssTropic TR TD { padding: 3px; background-color: #FFC; }

.rightCol SELECT { width: 250px; }

#oneSource { background-color: #FFF; border-top: 1px solid #CCC; margin: 0 5px 0 5px; padding-top: 10px; }

.listTitle { margin: 5px 0 0 5px; font-weight: bold; }
#textList LI { float: left; list-style-type: none; margin: 5px; }
#textDate { background-color: #F5F5F5; border-bottom: 1px solid #CCC; padding: 2px; font-weight: normal; }
#mapList { clear: both; }
#mapList .mapBox { width: 110px; text-align: center; float: left; margin: 10px; border: 1px solid #CCC; background-color: #FFF; padding-bottom: 5px; }
#mapList .mapBox:hover { background-color: #FFF5CD; border-top: 1px solid #9A8221; border-right: 1px solid #6C5B17; border-bottom: 1px solid #6C5B17; border-left: 1px solid #9A8221; }
#mapList .mapBox .mapThumb IMG { margin: 5px; }
#mapList .mapBox .mapTitle A { color: #172C6C; }
#mapTable { width: 640px; margin: 10px auto 0 auto; background-color: #F5F5F5; border-bottom: 1px solid #333; }

#imgType { text-align: center; margin-bottom: 10px; }
#imgType A.active { color: #000; font-weight: bold; font-size: 13px; text-decoration: none; }
#imgType A.inactive { color: #6C3917; }
