
body {
   background-color: #AAAAFF;
   background-image: url("/images/backgrounds/beach-pictures-qual50.jpg");
   overflow: hidden;
}


#Title {
   background-color: #FF00FF;
   border-style: solid;
   border-width: 1px;
   background-color: #CCCCFF;

   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 20pt;
   font-weight: bold;
   text-decoration: none;
   color: #000000;

   position: absolute;
   left: 37%;
   right: 37%;
   top: +20px;
   margin: 0px;
   padding: 0px;
   text-align: center;
   width: 250px;
}



.LinkContainer {
   border-color: #FF00FF;
   border-style: solid;
   border-width: 0px;

   text-align: center;
   position: absolute;
   top: 150px;
   left: 15%;
   width: 70%;
   height: 400px;
   margin: 0px;
   padding: 0px;

}


.LinkContainer P {
   border-color: #9900FF;
   border-style: solid;
   border-width: 0px;

   display: block;
   text-align: center;
   position: static;
   left: +0px;
   right: +0px;
   margin-top: +20px;
   margin-left: 10%;
   margin-right: 10%;
   padding: 0px;

}


.Link {
   border-color: #33AA33;
   border-style: solid;
   border-width: 1px;

/*   background-color: #E9EDEF; */

   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 20pt;
   font-weight: bold;
   text-decoration: none;
/*   color: #333388; */
   color: #221166;

   position: relative;
   text-align: center;
   margin-left: 10%;
   margin-top: +20px;

   padding: 2px;

}


.Link:hover {
   background-color: #8888DD;
   color: #FFFFFF;
}


A {
   text-decoration: none;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 10pt;
   margin-left: 0px;
   color: #000000;
}

A:hover {
   color: #0000FF;
   background-color: #E9EDEF;
}


.footer {
   color: #A0A0A0;

   /* Containing Box properties */
   position: absolute;
   height: 50px;
   width: 80%;
   left: 10%;

   /* Background */

   /* Font Styles */
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 8.5pt;
   font-weight: bold;

   /* Text Styles */
   text-align: center;
   vertical-align: bottom;

   bottom: 10px;

   /* Border Styles */
   border-color: #000000;
   border-style: solid;
   border-width: 0px;
}




.WeatherDIV {
   border-color: #FF0000;
   border-style: solid;
   border-width: 0px;
   width: 50%;
}

.WeatherDIV IMG {
   float: left;
   margin-right: 3px;
}


.WeatherDIV P {
   border-color: #FFF000;
   border-style: solid;
   border-width: 0px;

   margin-top: 0px;
   margin-bottom: 0px;

   /* Font Styles */
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 8.5pt;
}


.WeatherTitle {
   border-color: #FF0000;
   border-style: solid;
   border-width: 0px;

   font-weight: bold;
}

.WeatherValue {
   border-color: #FF0000;
   border-style: solid;
   border-width: 0px;
}

.WeatherDIV .ExtendedWeather {
   visibility: hidden;
}

.WeatherDIV:hover .ExtendedWeather {
   visibility: visible;
}


