body {
    font-family: Arial, Helvetica, sans-serif;
    max-width: 1100px;

    color: #000088;
    background-color: #eeeeee;
}


#nav
{
	font-family: Arial;
	font-weight: bold;
	width:990px;
	height:35px;
	border-bottom:1px solid #ccc;
}

#nav a
{
	display:inline;
	padding:10px;
	text-decoration:none;
/*	background-color:#f1f1f1;*/
	background-color:#ffffff;
}

#nav a:hover
{
	background-color:#bababa;
	height:80px;
}



#fiona, #engine {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  //width: 100%;
   empty-cells: hide;
}


#fiona td, #fiona th, #engine td {
  border: 0px solid #ddd;
  padding: 8px;
  color: black;
}

#fiona tr:nth-child(even) {
  background-color: #f2f2f2;
}


#fiona tr:hover, #engine tr:hover {
  background-color: #ddd;
}

#fiona th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #04AA6D;
  color: white;
}

#engine tr:nth-child(even) {
  background-color: #f2f2f2;
}

#engine th {
  border: 1px solid #ddd;
  padding: 8px;
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #2233dd;
  color: white;
}


#header
{
	font-family: Arial;
	font-weight: bold;
    color: red;
    background-image:url('weather.png');
	background-repeat:repeat;
    text-align: left;
	width:100%;
	height:120px;
    padding:10px;
	margin:0 auto;
	margin-bottom:20px;
	/*border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;*/
}

#header h2
{
	padding:10px;
}

#header h4
{
	padding:10px;
}

div.fixed {
  position: fixed;
  top: 20px;
  left: 50%;
  //border: 3px solid #73AD21;

}


.alnright {
 text-align: right;
}