html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption
{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
text-decoration: none;
}
		 
body
{
background-image: url(../images/cloud1.jpg);
width: 100%;
line-height: 1;
text-align: center;
}


#wrapper
{
width: 99%;
top: 0;
left: 0;
margin:0 auto;
}

.topnav
{
border-collapse: collapse;
width: 100%;
height: 30px;
border-style: groove;
border-color: green;
border-width: 2px;
margin: 3px 0 3px 0;
background-color: navy;
text-align: center;
}
          
.topnav td
{
width: 10%;
}
   		 
.topnav td a
{
display: block;
background-color: navy;
color: white;
font-family: Arial;
font-size: .7em;

border-color: green;
padding: 2px 0 2px 0;
}
   		   		 
.topnav	a:link, a:visited
{
text-decoration: none;
font-weight: bold;
border-style: outset;
border-width: 2px;
}
   		 
.topnav	a:hover
{
background-color: gold;
color: black;
font-style: italic;
border-style: inset;
border-color: yellow;
}

h1
{
background-color: navy;
border-color: green;
border-style: inset;
border-width: 3px;
color: white;
font-family: helvetica;
font-size: 1.3em;
font-weight: bold;
line-height: 1.2;
margin-top: 3px;
}

h2
{
line-height: 1.1;
font-family: cursive;
font-size: 1.1em;
font-style: italic;
font-weight: normal;
color: navy;
margin-top: 3px;

}

h3
{
line-height: 1.1;
font-family: tahoma;
font-size: .9em;
font-weight: bold;
color: #204f22;
margin-bottom: 7px;
}

hr
{
width: 90%;
border-style: groove;
border-color: navy;
border-width: 2px;
}

tr.header
{
line-height: 1.3;
background-color: navy;
color: white;
font-family: helvetica;
font-size: 1.1em;
font-weight: bold;
}
 
tr.header td
{
border-style: inset;
border-width: 2px;
border-color: green;
}

.data
{
line-height: 1.2;
background-color: white;
color: navy;
font-family: cursive;
font-size: 1em;
}

.fd
{
background-color: #204f22;
border-collapse: collapse;
border-color: navy;
border-style: inset;
border-width: 2px;
text-align: center;
width: 99.5%;
}

.fd td
{
border-style: inset;
border-color: green;
}

.fd td a
{
display: block;
font-family: cursive;
font-size: 1em;
font-weight: normal;
color: navy;
background-color: white;
border: 0;
}

.fd a span
{
display : none;
}

.fd td a:hover
{
background-color: #204f22;
color: white;
font-style: italic;
}

.fd td a:hover span
{
display: block;
position: absolute;
margin: 0;
z-index: 100;
font-family: verdana;
font-weight: bold;
text-align: center;
border-style: outset;
border-width: 6px;
border-color: #204f22;
}

pre.ftr
{
background-color: navy;
color: white;
font-family: arial;
font-size: .7em;
font-weight: bold;
border-style: inset;
border-width: 2px;
border-color: #003D08;
margin-top: 3px;
width: 99.8%;
}

.extras
{
width: 99.7%;
text-align: center;
border-collapse: collapse;
background-color: navy;
border-size: 1px;
}

.extras td
{
background-color: navy;

border-size: 1px;
border-style: ridge;


}

.extras td a:link, a:visited
{
border-color: green;
color: white;
display: block;
font-family: verdana;
font-size: .7em;
font-weight: bold;
padding: 1px 10px 2px 10px;
}

.extras td a:hover
{
background-color: gold;
border-color: yellow;
border-style: inset;
color: black;
font-style: italic;
}

.extras td a span
{
display: none;
}

.extras td a:hover span
{
display: block;
position: absolute;
font-size: 1.2em;
color: black;
margin: 0;
z-index: 100;
border-style: inset;
border-color: #204f22;
border-width: 6px;

}

.mqa
{
background-color: white;
border-color: green;
border-style: ridge;
border-width: 2px;
color: teal;
font-family: helvetica;
font-size: 1.3em;
font-weight: bold;
}

.mqb
{
color: grey;
font-family: cursive;
font-size: 1em;
line-height: 1.2em;
}

.howtough
{
width: 99.6%;
border-style: groove;
border-color: navy;
border-width: 2px;
background-color: navy;
}

.howtough th
{
line-height: 1.3;
font-family: cursive;
font-size: 1.1em;
color: white;
font-style: italic;
background-color: navy;
border-style: ridge;
border-width: 2px;
border-color: green;
}

.howtough td
{
border-style: inset;
border-width: 1px;
border-color: green;
text-align: center;
}

.gr
{
width: 30px;
}

.easy
{
width: 32%;
height: 15px;
background-color: white;
color: navy;
font-family: helvetica;
font-size: 1.1em;
}

.moderate
{
width: 32%;
height: 15px;
background-color: white;
color: navy;
font-family: helvetica;
font-size: 1.1em;
}

.difficult
{
width: 32%;
height: 15px;
background-color: white;
color: navy;
font-family: helvetica;
font-size: 1.1em;
}

.weatherdata
{
background-color: #303031;
color: white;
font-family: cursive;
font-size: .9em;
font-style: italic;
font-weight: bold;
}

.mess
{
font-family: Tahoma;
font-size: 1.2em;
font-weight: bold;
}

.ap
{
line-height: 2;
font-family: helvetica;
font-size: 1.1em;
font-style: italic;
text-decoration: underline;
color: #9CFB98;
}

.apdt
{

color: white;
font-family: helvetica;
font-size: .8em;
font-style: normal;
}

.notes
{
font-family: cursive;
font-size: .8em;
font-weight: bold;
color: #F9EF99;
text-align: left;
padding-left: 10px;
padding-right: 10px;
{