body,td,th,div,p,a,font,span { text-align: left; font-family: Verdana, Arial, sans-serif;}
body {text-align: left; font-size: 0.9em; background: #efefff; }

.social { text-align: center; }

.content { background: white; width: 84%; border: 1px solid #42aec2;
margin-left: 15%; }
.innercontent { margin: 1em; }

#sponsors { width: 100%; }

.links {
/* border: 1px solid black; */
border-radius: 10px;
width: 14%;
margin-right: 1em;
margin-bottom: 1em;
font-family: Verdana, Arial, sans-serif;
font-size: 0.9em;
}

.links p { padding: 0px; margin: 0px; margin-left: 1em; }

.links a { text-decoration: none; color: white; }

.links ul { list-style-type: none; padding-left: 1em; padding-right: 1em; }

.links li { border-bottom: 1px dotted white; padding-right: 1em; }
.links li:hover { background: #75C4D3; }

#local { clear: left; float: left; background: #0d76ac; }
#ozforecast { clear: left; float: left; background: #0d76ac; }
#external { clear: left; float: left; background: #0d76ac; }
#leftad { clear: left; float: left; background: #0d76ac; text-align: center; }

.disabled_text {
  color: grey;
}


@media all and (min-width: 1500px) {
  #leftad
  {
    visibility: visible;
    display: block;
  }
}
@media all and (max-width: 1499px) {
  #leftad
  {
    visibility: hidden;
    display: none;
  }
}

.warning { background: LemonChiffon; margin: 1em; border: 1px solid black;
padding-left: 0.5em; padding-right: 0.5em; padding-bottom: 0.5em; }

.heading { color: white; font-weight: bold; margin-top: 0.2em;  
text-align: center; }

.news { width: 97%; padding-left: 1em; padding-right: 0.2em; 
font-size: 1.0em; background: white; }

h1 { font: 1.3em Trebuchet MS,Arial,sans-serif,Tahoma; color: red;
border-bottom: 1px solid; }

h2 { font: 1.3em Trebuchet MS,Arial,sans-serif,Tahoma; color: #cc6600; 
border-bottom: 1px solid; padding-top: 0.3em; }

h3 { font: 1.2em Trebuchet MS,Arial,sans-serif,Tahoma; color: black;
border-bottom: 1px solid; display: inline; padding: 1em; }

.radarimage { width: 100%; text-align: center; }
.radarimage a { font-size: 1.2em; }
.radarimage img { margin-top: 1em; margin-bottom: 1em; }

.webcamimage { width: 100%; text-align: center; }
.webcamimage a { font-size: 1.2em; }
.webcamimage img { margin-top: 1em; margin-bottom: 1em; }

.modisimage { width: 100%; text-align: center; }
.modisimage a { font-size: 1.2em; }
.modisimage img { margin-top: 1em; margin-bottom: 1em; }

/*
.rightinfo { border-radius: 10px; 
padding: 0.6em; margin-top: 0.4em; text-align: center; margin-right: 1em; width: 133px; right: 3%;
position: absolute; }
*/
.rightinfo { text-align: center; width: 133px; margin-left: 85%; }

.topstuff { background: #ffffff; }

.firedanger { margin-right: 1em; width: 125px; position: absolute; text-align: center; }

#stations { margin-left: 1em; margin-right: 1em; }

#forecastcams { margin-left: 1em; margin-right: 1em; }

#forecast { width: 54%; float: left; }
#webcams { width: 42%; float: right; min-width: 370px; }

#radarsponsors { clear: both; margin-left: 1em; margin-right: 1em; 
padding-top: 1em; }

#radar { float: left; }
.radartext { text-align: center; }
#rsponsors { width: 35%; float: right; }

#bottom { clear: both; padding: 0.2em; }

#infodisclaimer { border-radius: 10px; background: #ffffcc;
padding: 0.6em; margin-top: 0.4em; text-align: center; }

#info { text-align: center; }
#disclaimer { text-align: center; }

#stormreports { border-collapse: collapse; border: 0px; padding: 0.5em; }
#stormreports td { padding: 0.5em; }

#otherstormphotos { border-collapse: collapse; border: 0px; }

table.ozfire th { text-align: center; font-weight: normal; }

table.ozf
{
border: solid black 2px;
border-collapse: collapse;
width: 100%;
border-radius: 10px;
}

table.ozf th
{
font-size: 0.95em;
text-align: center;
background: #000000;
color: #CCCCCC;
font-weight: bold;
}

table.ozf tr td
{
font-size: 0.95em;
text-align: center;
background-color:#EEEEEE;
color:black
}


table.ozf tr.even td
{
background-color:#D0D0FF;
color:black
}

table.ozf tr.odd td
{
background-color:#EEEEEE;
color:black
}

div.attribution
{
font-size:0.85em;
text-align: center;
}

table.summary
{
  border: solid black 1px;
  border-collapse: collapse;
  width: 100%;
  border-radius: 10px;
}

table.summary td.sumheader
{
  font-size:1.2em;
  font-weight: bold;
  color:red;
  background: black;
  text-align: right;
}

table.summary td.sumdata
{
  font-size:1.0em;
  font-weight: bold;
  background: #D0D0FF;
  text-align: center;
}

@media all and (max-width: 1300px) {
  .notmobile
  {
    display: none;
  }
}

@media all and (min-width: 1301px) {
  .mobileonly
  {
    display: none;
  }
}


</style>