body
{
font-size:100%;
background-color:grey;
}

.center
{
margin-left:auto;
margin-right:auto;
}

.img
{
float:center;
}

div#container
{
width:640;
background-color:white;
}

div#container2
{
width:640;
background-color:white;
}

div#topMessage, div#wxBox
{
width:70%;
min-width:320px;
}

div#wxCharts
{
width:80%;
min-width:320px;
text-align:center;
}

div#links
{
width:200px;
}

h1
{
color:black;
text-align:center;
}

/* using px for fonts doesn't work in IE, so we're using em. 16px = 1em. */
h2
{
color:black;
text-align:center;
font-size:1.1875em;
}

h3
{
color:black;
text-align:center;
font-size:1.25em;
text-decoration:underline;
}

p
{
color:black;
text-align:center;
font-size:1em;
}

p.red
{
color:red;
font-size:0.9375em;
text-align:center;
}

p.bigger
{
font-size:1.4375em;
text-align:center;
text-decoration:bold;
}

a
{
text-decoration:none;
}