body { 
 background-color: #F2F2F2; 
 margin: 20px; 
 padding: 0; 
 font-size: 1.1em; 
 font-family: Franklin Gothic Demi, verdana, arial, helvetica, sans-serif; 
} 
h1 { 
 font-family: Franklin Gothic Demi, verdana, arial, helvetica, sans-serif; 
 margin: 0 0 15px 0; 
 padding: 0; 
 color: #ee0000; 
} 
h2 { 
 font-family: Franklin Gothic Demi, verdana, arial, helvetica, sans-serif; 
 margin: 0 0 5px 0; 
 padding: 0; 
 font-size: 1.1em; 
 color: #14a0ff; 
} 
p { 
 font-family: Franklin Gothic Demi, verdana, arial, helvetica, sans-serif; 
 line-height: 1.1em; 
 margin: 0 0 16px 0; 
 padding: 0; 
} 
.content>p { 
 margin: 0; 
} 
.content>p+p { 
 text-indent: 30px; 
} 
a { 
 color: black; 
 font-family: Franklin Gothic Demi, verdana, arial, helvetica, sans-serif; 
 font-weight: 600; 
 text-decoration: none; 
} 
a:link { 
 color: #ee0000; 
} 
a:visited { 
 color: #2157D7; 
} 
a:hover { 
  background-color: #F2F2F2; 
}
.redtext
{
  color:#ee0000;
  font-weight:bold;
  font-size:22;
}
.redtextsmall
{
  color:#ee0000;
  font-weight:bold;
  font-size:18;
}
.redtextsmaller
{
  color:#ee0000;
  /*font-weight:bold;*/
  font-size:15;
}
.bluetext
{
  color:#14a0ff;
  font-weight:bold;
  font-size:16;
}

/*
.webcam{ 
  position: absolute;  
  width: auto; 
} 
*/

.tempstorage { 
 background:url(images/background.gif); 
 background-color: #F2F2F2; 
 position: absolute; 
 vertical-align:top;
 bordercolordark="#ee0000" bordercolorlight="#14a0ff"
 padding: 5px; 
 width: auto; 
 style="position:absolute;top:500;left:100;"
} 

.login { 
 position: absolute; 
 width: auto; 
 border: 5px solid #14a0ff ;
 padding: 5px; 
 background-color: white; 
} 

.family { 
 position: absolute; 
 width: auto; 
 border: 5px solid #14a0ff ;
 padding: 5px; 
 background-color: white; 
} 

 /*  
 width: auto; 
 */
 
.datetime { 
 position: absolute;
 color: #ee0000;
 border: 5px solid #14a0ff ;
 padding: 1px; 
 background-color: white; 
}

/* 
.counter { 
 position: absolute;
 width: auto; 
} 
*/

.homebutton { 
 position: absolute; 
 width: auto; 
} 

/*
.bottomline { 
 position: absolute; 
 width: auto; 
} 
*/
.button1 { 
 position: absolute; 
 width: auto; 
} 

.links { 
 position: absolute; 
 width: auto; 
 background-color: white; 
} 
.photos { 
 position: absolute; 
 width: auto; 
} 

.dopplerradar { 
 position: absolute; 
 width: auto; 
} 

.graphs1 { 
 position: absolute; 
 width: auto; 
} 

.BackyardWeather { 
 position: absolute; 
 width: auto; 
}
 
.WeatherExchange { 
 position: absolute; 
 width: auto; 
} 

.broadcast { 
 position: absolute; 
 width: auto; 
} 

.ForcastButton { 
 position: absolute; 
 width: auto; 
} 

.RadarButton { 
 position: absolute; 
 width: auto; 
} 

.DetailsButton { 
 position: absolute; 
 width: auto; 
} 

.NOAAButton { 
 position: absolute; 
 width: auto; 
} 

.GraphsButton { 
 position: absolute; 
 width: auto; 
} 

.WarningsButton { 
 position: absolute; 
 width: auto; 
} 

.OtherLocationsButton { 
 position: absolute; 
 width: auto; 
} 

.AkronCanton { 
 position: absolute; 
 width: auto; 
} 

.Youngstown { 
 position: absolute; 
 width: auto; 
} 
   
.Cleveland { 
 position: absolute; 
 width: auto; 
} 

.Columbus { 
 position: absolute; 
 width: auto; 
} 

.Atlanta { 
 position: absolute; 
 width: auto; 
} 

.Miami { 
 position: absolute; 
 width: auto; 
} 

.WorldTime { 
 position: absolute; 
 width: auto; 
} 
.SportsHeadlines { 
 position: absolute; 
 width: auto; 
} 

.SportsTicker { 
 position: absolute; 
 width: auto; 
} 

/* All the content boxes belong to the content class. */ 
.content { 
 position: relative; 
 width: auto; 
 min-width: 120px; 
 margin: 0 210px 20px 170px; 
 border: 1px solid black; 
 background-color: white; 
 padding: 10px; 
 z-index: 3; 
} 


/*
 position: absolute; 
 width: 230px; 
*/

#navleft-home { 
 font-size: 1.1em; 
 border: 5px solid #14a0ff ;
 padding: 15px; 
 background-color: white; 
 z-index: 2; 
} 

#navigation-college-helmets { 
 position: absolute; 
 width: 730px; 
 font-size: 1.1em; 
 padding: 1px; 
 z-index: 2; 
} 

#navigation-photos1 { 
 width: 250px; 
 font-size: 1.1em; 
 border: 5px solid #14a0ff;
 background-color: white; 
 padding: 10px; 
 z-index: 2; 
} 

#navigation-photos2 { 
 width: 250px; 
 font-size: 1.1em; 
 border: 5px solid #14a0ff ;
 background-color: white; 
 padding: 10px; 
 z-index: 2; 
} 

#navright { 
 position: absolute; 
 width: 168px; 
 border: 1px dashed black; 
 background-color: #eee; 
 padding: 10px; 
 z-index: 1; 
}