body {
background-color: #cccccc;
margin: 0;
padding: 0;
font-family: Verdana, Helvetica, Arial, sans-serif;}

#container {
background-color: #ffffff;
border: 1px #000000 solid;
margin: 1em auto;
width: 766px;
padding: 0;}

#header {
background-color: #cc0000;
height: 100px;
margin: 0;
background-image: url(images/header_bg.gif);
background-repeat: no-repeat;}

#navbar {
background-color: #6699cc;
color: #cccccc;
font-weight: bold;
border-top: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;}

#navbar a:link, #navbar a:visited {
color: #cccccc;
text-decoration: none;
font-weight: bold;}

#navbar a:hover {
color: #6699cc;
background-color: #cccccc;
font-weight: bold;
text-decoration: none;}

#navbar ul {
margin-top: 0;
margin-bottom: 0;
}

#navbar li {
display: inline;
word-spacing: 3em;}
 
#weather {
float: right;
padding-top: 250px;
background-image: url(images/locationmap.gif);
background-repeat: no-repeat;
background-position: 50% 0em;
border-left: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;}

#content {
padding-left: 1em;}

#content p{} #content ul {
margin-left: -1.5em;}

#content li {
font-size: 0.8em;
list-style-type: square;}

#content h1 {
font-size: 1.2em;
font-weight: bold;}

#content h2 {
font-size: 0.9em;
font-weight: bold;
font-style: oblique;
margin-bottom: 0;}

#content h4 {
font-size: 0.6em;
font-weight: normal;
margin-left: 1em;
margin-top: 0;}

#footer {
background-color: #6699cc;
font-size: 0.6em;
font-weight: bold;
color: #cccccc;
padding-left: 3px;
padding-bottom: 3px;
margin-top: 70em;
margin-bottom: 0;}

a:link, a:visited {
color: #cc0000;
text-decoration: none;}

a:hover {
color: #cccccc;
text-decoration: none;}

#footer p {
text-align: right;
margin-top: -1.4em;
font-size: 1em;
margin-right: 3px;}

h3 {
font-size: 1em;
font-weight: bold;
line-height: 1.3em;}