.basictext { font-size: 12px; font-family: arial; color: #000000; text-align: justify; padding: 8px 0 8px 0 }
.basictext a { color: #0385B0 }
.basictext a:hover { color: #000000 }
.small { font-size:11px; color: #000000 }
.wthrtop { font-size:12px; font-family:arial; color: #000000; background:#F9F9F9  }
.wthrmid { font-size:12px; font-family:arial; font-weight: bold; color: #000000; background:#F9F9F9; padding: 4px 0 4px 0; border: 1px #E1E1E1 solid; text-align: center }
.wthrbtm { font-size:12px; font-family:arial; color: #000000; background:#F9F9F9 }
.form { font-size:11px;font-family: Arial }

#forecast { padding: 6px 0 0 0; overflow: hidden }
#wthrmap { border: 1px #D8D8D8 solid; max-width: 100%; height: 400px; position: relative; margin-bottom: 10px }

.weatherwrap { margin: 10px 0 10px 0 }
.cctable { margin: auto; border-bottom:1px #E1E1E1 solid }
.cctitle { font-size:12px; font-family:arial; color: #000000; background:#F9F9F9; border-bottom:1px #E1E1E1 solid; 
	border-top:1px #E1E1E1 solid; padding:4px 0px 4px 10px; text-align:left }
.ccicon { width:140px; padding: 6px 0 5px 0; text-align:right }
.ccupdate { font-size:12px; font-family:arial; color: #000000; background:#F9F9F9; border-bottom:1px #E1E1E1 solid; 
	border-top:1px #E1E1E1 solid; padding:4px 10px 4px 0px; font-size:11px; text-align:right }
.ccmaintemp { width:190px; font-size: 22px; font-family: arial; color: #000000; text-align: justify; padding:8px 0px 8px 0px; text-align:center }
.cctemp { color: #0490B3; font-size:22px; font-weight:bold; font-family: verdana }
.ccfeels { font-size:12px }
.cccond { margin: 6px 0 4px 0; font-size:12px }
.ccvar { font-size:13px;font-family: Arial; text-align:left; display: block; margin: 7px 0 7px 0 }
.wthrlogo { padding-top:5px; text-align:center }
.wthrtext { width: 750px; font-size:11px; font-family:arial; color: #000000; background:#F9F9F9; border-bottom:1px #E1E1E1 solid; 
	border-top:1px #E1E1E1 solid; margin:10px auto 0 auto; padding:5px 0px 5px 0px; text-align:center }
a { color: #0385B0 }
.exttable { margin: 10px auto 10px auto }

.foreicon { background: #FFFFFF; text-align: center }
.foretemps { background: #FFFFFF; font-family: Verdana; font-size:18px; color: #E1E1E1; text-align: center; color: #0490B3 }
.foretemps .temp {  color: #C80A0C; font-weight: bold }
.forecond { background: #FFFFFF; font-family: arial; font-size:12px; text-align: center; padding: 6px 0 0 0 }
.forecond2 { background: #FFFFFF; font-family: arial; font-size:12px; text-align: left; padding-left: 9px }
.forecond2 p { margin: 4px 0 4px 0 }
.foredetail { background: #FFFFFF; font-family: arial; font-size:12px; padding: 7px 5px 7px 5px }

.tempone {  color: #6400E1; font-weight: bold }
.temptwo { color: #0032E1; font-weight: bold }
.tempthree { color: #0096E1; font-weight: bold }
.tempfour { color: #00FFB0; font-weight: bold }
.tempfive { color: #00FF82; font-weight: bold }
.tempsix { color: #9CEA00; font-weight: bold }
.tempseven { color: #E1E100; font-weight: bold }
.tempeight { color: #FFE100; font-weight: bold }
.tempnine { color: #FFAA00; font-weight: bold }
.tempten { color: #FF6400; font-weight: bold }
.tempeleven { color: #C80000; font-weight: bold }

#wthravg { width: 355px; background: #E1E1E1; margin: 10px 0 0 0 }
#wthravg .wthrhdr { background: #F9F9F9; font: bold 12px Arial; text-indent: 7px; padding: 4px 0 4px 0 }
#wthravg .hdr { width: 65px; background: #FFFFFF; font: bold 12px Arial; text-align: center; padding: 4px 0 4px 0 }
#wthravg .month { background: #FFFFFF; font: bold 12px Arial; color: #C80A0C; text-align: center }
#wthravg .data { background: #FFFFFF; font: 12px Arial; color: #000000; text-align: center; padding: 4px 0 4px 0 }

#radar { background-image: url('32830.gif'); float: right; width: 485px; height: 337px }
#radar #beacon { position: relative; top: 172px; left: 232px }

#forecast span.block { display: inline-block; width: 58px }

#notice { clear: both; background: #FFFFED; padding: 6px 0 7px 0; font: 12px Arial; text-align: center; margin: 10px 0 10px 0; border: 1px #D8D8D8 solid }

@media only screen and (max-width: 40em) { 
   #forecast { padding: 0; border-top: none }
   .wthrmid { margin-bottom: 6px; text-align: left; text-indent: 8px; border-left: none; border-right: none }
   .foretemps, .basictext { padding-left: 10px; text-align: left }
   #wthrmap { height: 250px; margin-left: 0.3375rem; margin-right: 0.3375rem }
   .forecond { padding-left: 10px; text-align: left }
}