html,body{
   height:100%;
   }
body {
   background-image:url(images/background_siderunners.jpg);
   background-position: center;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   scrollbar-base-color:#1e19ff;

}

img {
   border: none;
   }

/*a {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color: #FF0000;
   font-size: 12px;
   font-weight: lighter;
   }*/

A:link {
color: #ff0000;
text-decoration: underline;
}

A:visited {
color: #000000;
text-decoration: underline;
}

A:active {
color: #3366FF;
text-decoration: underline;
}

A:hover {
color: #1e19ff;
text-decoration: underline;
}

img.header {
   vertical-align: top;
   border:hidden;
   }

#mastercontainer{
   position: relative;
   width: 800px;
   height: 100%;
   margin-left: auto;
   margin-right: auto;
   background-color: #ffffff;
   }


#headercontainer {
   position: absolute;
   top: 0px;
   left: 0px;

   width: auto;
   height: 216px;
   background-color: #ffffff;
   }

img.menu {
   vertical-align: top
   border:hidden;
   }

#menucontainer {
   position: absolute;
   top: 0 px;
   left: 0px;
   width: auto;
   height: 25px;

   }

#maincontainer {
   position: absolute;
   top: 250px;
   left: 0px;
   margin-left: 50 px;
   margin-right: 50 px;
   _margin-left: 20 px;
   _margin-right: 20 px;
   width: auto;
   height: auto;
   background-color: #ffffff;
   }

   #maincontainerfull {
   width: 100%;
   height: auto;
   position: absolute;
   top: 250px;
   left: 0px;
   <!--margin-left: 50 px;
   margin-right: 50 px;
   _margin-left: 20 px;
   _margin-right: 20 px;-->

   background-color: #ffffff;
   }

#maintextbox {
   position: absolute;
   top: 250px;
   left: 0px;
   width: auto;
   height: auto;
   background-color: #ffffff;
   margin-top: 30px;
   margin-right: 10px;
   _margin-right: 5px;
   margin-left: 10px;
   _margin-left: 5px;
   }

#fielddescriptionbox {
   float: left;
   top: 250px;
   left: 0px;
   width: 100%;
   height: auto;
   background-color: #ffffff;
   margin-top: 30px;
   margin-right: 2px;
   <!--_margin-right: 5px;-->
   margin-left: 2px;
   <!--_margin-left: 5px;-->
   }

span.maintitle {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color: #1e19ff;
   font-size: 24px;
   font-weight: bold;
   letter-spacing: 9px;
   }

#eventsbox {
   float: right;
   width: 242px;
   height: 414px;
   margin-right: 10px;
   _margin-right: 5px;
   }

#mapbox {
   float: left;
   width: auto; /*300px;*/
   height: auto;
   margin-top: 30px;
   margin-right: 2px;
   _margin-right: 0px;
   margin-left: 2px;
   _margin-left: 0px;
   background-color: #ffffff;
   /*text-align: justify;*/
   text-justify: distribute-all-lines;
   }

#fieldimagebox {
   float: right;
   width: 300px;
   height: 330px;
   margin-top: 30px;
   margin-right: 10px;
   margin-left: 10px;
   background-color: #ffffff;
   }



#events_header {
   position: right;
   height: 50px;
   width: 245px;
   }

#events_textcontainer {
   position: right;
   overflow: auto;
   height: 300px;
   width: 245px;
   top: 0px;
   right: 13px;
   border:1px solid #1e19ff;
   }



#eventlisting {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   margin-left: 1px;
   margin-bottom: 5px;
   }
span.eventtitle {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color: #000000;
   font-size: 10px;
   font-weight: bold;
   letter-spacing: 2px;
   text-decoration: underline;
   }
span.eventdate {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color: #000000;
   font-size: 9px;
   font-weight: lighter;
   }
.style1 {color: #FF0000}



#panorama {
	position: inherit;
	float: inherit;
	height: auto;
	width: 600px;
	}


#footer{
   position: static;
   bottom: 0px;
   height: auto;
   width: 800px;
   margin-top: 20px;
   margin-bottom: 20px;
   background-color:#ffffff;
}