@charset "utf-8";

a { text-decoration: none; }
a:link { color: blue; text-decoration: none; }
a:visited { color: blue; }
a:hover { text-decoration: underline; }
a:active { color: red; }
a img {border: none; }

.small { line-height:150%; text-align: center; }
p.lighter { font-weight: lighter; }
.sidebar { text-align: center; font-weight: bold; }
.sidebar a { text-align: center; font-style: normal; font-weight: normal;  }
.maptext { font-family: Arial, sans-serif; font-size: 0.9em; text-align: left; }
.left { text-align: left; float: left; }
.full { text-align: justify; }
.lakenames { font-family: Verdana, sans-serif; font-size: 1.05em; text-indent: 70px; }
.lakenames a { color: black; }
.tab { text-indent: 40px; line-height: 75%; }
.disclaimer { font-size: 0.8em; line-height: 95%; font-family: Calibri, sans-serif; color: #000000; font-style: italic; }

.opacity70 a:hover img {
  filter: alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
.opacity0 a:hover img {
  filter: alpha(opacity=0.0);O
	-moz-opacity: 0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;
}
.divComplete { height: 830px; }
.divAuto { height: auto; }

h1 { font-family: Georgia, serif; font-size: 4em;    font-weight: bold; color: #FFFFFF; }
h2 { font-family: Georgia, serif; font-size: 2.25em; font-weight: bold; color: #FFFFFF; }
h3 { font-family: Verdana, sans-serif;      font-size: 1.0em;   font-style: normal;  font-weight: bold; }
h4 { font-family: Verdana, sans-serif; font-size: 1.4em;   margin: .65em 0;  }
h5 { font-family: Verdana, sans-serif; font-size: 1.2em; margin: 0em; padding: 0.2em; text-align: left;   background-color: #EFEFEF; }
h6 { font-family: Georgia, serif; font-size: 1.2em;  font-style: italic; text-align: left;  background-color: #EFEFEF; }
h7 { font-family: Georgia, serif; font-size: 1.5em; margin: 0 .85em; font-style: italic; text-align: center;   background-color: #EFEFEF;}

/* padding is the space inside the div box and margin is the space outside the div box */

body  {
	padding: 0; margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	background: #FFFFFF;
  font-family: 100% Georgia, serif; color: #000000;
  text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

#container { 
	position: relative;  padding: 0; margin: auto;
  width: 1080px; height: auto;
	background: #AEB2AA; border: 0px; text-align: left;
} 
#header  { width: 1080px; height: 170px; padding: 0px; margin: 0 auto; }
#header1 { float: left; width: 140px; height: 170px;  padding: 0; margin: auto; }
#header2 { position: relative; float: right; width: 940px; height: 170px; padding: 0px; margin: 0px;
  background-image: url(images/headerpic.jpg); background-position: right; background-repeat: no-repeat; }
#header3 { float: left; width: 140px; height: 170px;  padding: 0; margin: auto; align: center; }

/* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs.*/
#header h1  {  margin: 0; padding: 0 35px; }
#header h2  {	 margin: 0; padding: 0 25px 25px 0; }
#currentConditions h3, #sponsors h3  {  margin: 0; padding: 1px;  }

#profile h4 {  margin: 0; padding: 20px 0 0 10px; }

/* MAIN NAVIGATION MENU */
#main-nav {
  position: absolute; padding: 0px; margin: auto;
  left: 10px; top: 147px;
  width: 500px; height: 36px;
}
#main-nav ul { margin: 0; width: 100%; }
#main-nav ul li { display: inline; height: 36px; }

#main-nav ul li a {
  float: left; padding: 2px 0.6em; margin: 2px 2px;
  font-family: Verdana, sans-serif; color: #000000; font-size: 0.9em; font-weight: bold; text-decoration: none;
  background-color: #AEB2AA; 
}
#main-nav ul li a:hover { background-color: #676767; color: #FFFFFF; }
/* END MAIN NAVIGATION MENU */

#container2 { width: 1080px; height: auto; padding: 0; margin: auto; }

/* LEFT SIDE NAVIGATION MENU    */
#sidebar1 {
	float: left;  padding: 0px; margin: 0px 0px 0px 0px;
  width: 140px;  height: auto; background: #AEB2AA; 
  font-family: Verdana, sans-serif; font-size: 0.8em; font-weight: normal;
}

#side-nav1, #side-nav2, #side-nav3, #side-nav4, #side-nav5, #side-nav6 { margin: 2px; float: left; padding: 0px; display: block; height: auto; width: auto; }

#side-nav1 a, #side-nav2 a, #side-nav3 a, #side-nav4 a, #side-nav5 a, #side-nav6 a {
  float: left; padding: 5px; margin: 1px;
  height: auto; width: 122px;
  color: #FFFFFF; text-decoration: none; text-align: center;
}

#side-nav1 a { background-color: #5E747F; }
#side-nav2 a { background-color: #3A4958; }
#side-nav3 a { background-color: #7C8FA3; }
#side-nav4 a { background-color: #5E5459; }
#side-nav5 a { background-color: #576355; }
#side-nav6 a { background-color: #6C7174; }

#side-nav1 a:hover, #side-nav2 a:hover, #side-nav3 a:hover, #side-nav4 a:hover, #side-nav5 a:hover, #side-nav6 a:hover { background-color: #676767 }
/*   END LEFT SIDE NAVIGATION MENU  */

/* sidebar2 contains currentConditions/sidebar3 and sponsors divs */
#sidebar2 {
  float: right; padding: 5px; margin: 5 5 5 2px;
	width: 130px; height: auto;
  background: #AEB2AA; 
}

#years { margin: 0px; padding: 0px; display: block; height: auto; width: auto; line-height:200%; }
#years a { float: left; padding: 1px; margin: 2px 10px; 
  width: 100px; height: auto; 
  color: #FFFFFF; font-family: Calibri, sans-serif; font-size: 1.1em; font-weight: normal; 
  background-color: #5E747F; }
#years a:hover { background-color: #676767; text-decoration: none; }

/* currentConditions is used on map pages ONLY */
#currentConditions {
  float: left; padding: 0 2px; margin: 2px 5px 5px 1px;
  width: 125px; height: 345px;
  color: #000000; text-align: center; background-color: #FFFFFF;
}
/* SIDEBAR3 (lake information) is used on all other pages  */
#sidebar3 {
  float: left; padding: 10px 2px; margin: 2px 5px 5px 1px;
  width: 125px; height: auto; font-size: 0.7em;
  color: #000000; text-align: center; background-color: #FFFFFF; 
}
/* sidebar4 - level animations pages */
#sidebar4 {
  float: left; padding: 10px 2px; margin: 2px 5px 5px 1px;
  width: 125px; height: auto;
  color: #000000; text-align: center; background-color: #FFFFFF; 
}
#sponsors {
  float: left; padding: 2px; margin: 2px 5px 0px 1px;
  width: 125px; height: 470px;
  color: #000000; text-align: center; background-color: #FFFFFF;
}
#mainContent { 
  float: inherit; padding: 3px; margin: 5 3 5 3px;
  width: auto; height: auto;
	text-align: left; background-color: #AEB2AA;
} 
#mapTitle {
  position: absolute; top: 0px; left: 70px; padding: 5px 0.25em; margin: 0;
  width: auto; height: auto; background-color: #FFFFFF;
  font-family: Tahoma, Arial, sans-serif; color: #2B388F; font-size: 1.1em; font-weight: bold; font-style: italic; text-align: left;
}

/* iframe for weatherpage */
#weatherdiv
{
    width: 930px; height: 600px; overflow: hidden;position: relative;
}

#weatheriframe
{
    position : absolute; top: -195px; left: -173px; width: 1280px; height : 1200px;
}

/* iframe for yearly precip */
#precipdiv1
{
    width: 930px; height: 800px; overflow: hidden;position: relative;
}

#precipiframe1
{
    position : absolute; top: -315px; left: -173px; width: 1280px; height : 1200px;
}

/* iframe for monthly precip */
#precipdiv2
{
    width: 930px; height: 1150px; overflow: hidden;position: relative;
}

#precipiframe2
{
    position : absolute; top: -315px; left: -173px; width: 1280px; height : 1500px;
}

/* subMainContent used in model.html only */
#subMainContent {
  position:relative; padding: 0px; margin: 4px auto;
  width: 790px; height: 825px;
  text-align: left; background-color: #FFFFFF;
}
/*subMainContent used in links.html, about.html, profile.html (and all profile pages) */
#subMainContent2 {
  position: relative; padding: 3px 10px; margin: 4px auto;
  width: 780px; 
  text-align: left; background-color: #FFFFFF;
}
/* subMainContent3 used in individual usgs,etc site pages */
#subMainContent3 {
  position:relative; padding: 3px 5px 3px 5px; margin: 4px auto;
  width: 790px; height: auto;
  text-align: left; background-color: #FFFFFF;
}
/* subMainContent4 used in all base maps except index.html */
#subMainContent4 {
  position:relative; padding: 5px; margin: 4px auto;
  width: 790px; height: auto;
  text-align: left; background-color: #FFFFFF;
}
/* subMainContent5 used in weather.html; this page doesn't use #mainContent & spans across center & right sidebar */
#subMainContent5 {
  float: left; padding: 2px; margin: 4px 2px;
  width: 930px; height: 800px;
  background-color: #FFFFFF;
}
/* subMainContent6 used in level animations pages */
#subMainContent6 {
  position:relative; padding: 0px; margin: 4px auto;
  width: 800px; height: auto;
  text-align: left; background-color: #FFFFFF;
}
#subMainContent7 {
  position:relative; padding: 0px; margin: 0px auto;
  width: 1080px; height: auto;
  text-align: left; background-color: #FFFFFF;
}
/*subMainContent8 is used on the PLOT pages for the gage descriptions*/
#subMainContent8 {
  float: left; padding: 3px 5px 3px 5px; margin: 4px;
  width: 400px; height: 100%; font-family: Verdana, serif; font-size: 0.8em;
  text-align: left; background-color: #FFFFFF;
}
/*subMainContent9 is used on the PLOT pages for the Google Map iframe*/
#subMainContent9 {
  float:right; padding: 3px 5px 3px 5px; margin: 4px;
  width: 350px; height: 300px; border: 1px;
  text-align: left; background-color: #FFFFFF;
  font-size: 0.5em;
}
/*subMainContent10 is used on Interactive Map page*/
#subMainContent10{
  float: left; padding: 2px; margin: 4px 2px;
  width: 930px; height: 725px;
  background-color: #FFFFFF;
}
/* subMainContant 11 is used on hydrodynamic page*/
#subMainContent11 {
  position: relative; padding: 3px 10px; margin: 4px auto;
  width: 780px;  height: 1800px;
  text-align: left; background-color: #FFFFFF;
}


/*   ----WATERWAYS BASE MAP for Surface Water, Rainfall, & Beach Maps----  */
#usgsMap { 
	background-image: url(images/yaharalakes/yahara_lakes.jpg); background-position: center; background-repeat: no-repeat;
  position: relative; padding: 0px; margin: 5px auto;
  width: 800px; height: 825px;
} 
#usgsIndexData {
  position: absolute; top: 0px; left: 0px; padding: 0; margin: 0;
  width: 800px; height: 825px;
 
}

/*   SURFACE WATER MAP Symbols   */
#fishCircle, #crystalCircle, #windsorCircle, #tokenCircle, #hwy113Circle, #pheasantCircle, #springHarborCircle, #mendotaCircle, #johnsonCircle, #eMainCircle, #mononaCircle, #lakewaubesaCircle, #waubesaCircle, #exchangeStCircle, #kegonsaCircle, #fortonStCircle, #starkweatherCircle, #sixmileCircle1, #sixmileCircle2, #dunkirkCircle,
#dornCircle1, #dornCircle2, #oasisCircle, #mononaoutCircle, #doorCircle, #swanCircle, #wingraCircle
  { background-image: url(images/symbol/circle_redover.png); background-repeat: no-repeat; position: absolute; z-index: 1; }
#fishCircle         { top: 740px; left: 272px;  }
#crystalCircle      { top: 758px; left: 390px; }
#windsorCircle      { top: 40px;  left: 417px; }
#tokenCircle        { top: 125px; left: 450px; }
#hwy113Circle       { top: 198px; left: 324px; }
#pheasantCircle     { top: 320px; left: 119px; }
#springHarborCircle { top: 373px; left: 207px; }
#mendotaCircle      { top: 335px; left: 375px; }
#johnsonCircle      { top: 343px; left: 387px; }
#eMainCircle        { top: 352px; left: 398px; }
#mononaCircle       { top: 415px; left: 336px; }
#mononaoutCircle    { top: 450px; left: 445px; }
#wingraCircle       { top: 452px; left: 310px; }
#doorCircle         { top: 535px; left: 625px; }
#swanCircle         { top: 575px; left: 400px; }
#lakewaubesaCircle  { top: 548px; left: 490px; }
#waubesaCircle      { top: 551px; left: 503px; }
#exchangeStCircle   { top: 568px; left: 508px; }
#kegonsaCircle      { top: 685px; left: 550px; }
#fortonStCircle     { top: 765px; left: 665px; }
#dunkirkCircle      { top: 805px; left: 675px; }
#starkweatherCircle { top: 340px; left: 450px; }
#sixmileCircle1     { top: 100px; left: 190px; }
#sixmileCircle2     { top: 210px; left: 260px; }
#dornCircle1        { top: 215px; left: 200px; }
#dornCircle2        { top: 225px; left: 260px; }
#oasisCircle        { top: 645px; left: 660px; }

#aossSquare         { background-image: url(images/symbol/squareover.png);   position: absolute; top: 397px; left: 328px; z-index: 1; }
#mendotaBuoy        { background-image: url(images/symbol/triangleover.png); position: absolute; top: 341px; left: 328px; z-index: 1; }
#Buoy               { background-image: url(images/symbol/triangleover.png); position: absolute; top: 260px; left: 360px; z-index: 1; }

#surfaceData        { position: inherit; top: 0px; left: 0px; z-index: 0; }

/*   RAINFALL MAP Symbols*/
#windsorRainCircle, #pheasantRainCircle, #waubesaRainCircle, #eWashingtonRainCircle, #targetEastRainCircle, #badgerMillRainCircle, #atwoodCircle
  { background-image: url(images/symbol/circle_redover.png); background-repeat: no-repeat; position: absolute;  font-weight: bold; }
#windsorRainCircle     { top: 40px;  left: 417px; }
#pheasantRainCircle    { top: 320px; left: 119px; }
#waubesaRainCircle     { top: 551px; left: 501px; }
#eWashingtonRainCircle { top: 240px; left: 515px; }
#targetEastRainCircle  { top: 266px; left: 515px; }
#badgerMillRainCircle  { top: 562px; left: 193px; }
#atwoodCircle          { top: 345px; left: 452px; }

#MadisonCentralCircle, #MadisonEastCircle, #MadisonWestCircle
  { background-image: url(images/symbol/circle_cyanover.png); background-repeat: no-repeat; position: absolute;  font-weight: bold; }
#MadisonCentralCircle  { top: 395px; left: 340px; }
#MadisonEastCircle  { top: 215px; left: 535px; }
#MadisonWestCircle  { top: 435px; left: 160px; }

/*   BEACH Map Symbols   */
#mapleBluff, #hudson, #esther, #memorialUnion, #marshall, #brittingham, #bbclarke, #warner, #tenney, #springHarbor, #stoughtonMandt, #bernies, #olbrich, #vilas, #olin, #jamesMadison
    { background-image: url(images/symbol/circle_greenover.png); background-repeat: no-repeat; position: absolute; font-weight: bold; }
#mapleBluffr, #hudsonr, #estherr, #memorialUnionr, #marshallr, #brittinghamr, #bbclarker, #warnerr, #tenneyr, #springHarborr, #stoughtonMandtr, #berniesr, #olbrichr, #vilasr, #olinr, #jamesMadisonr
    { background-image: url(images/symbol/circle_redover.png); background-repeat: no-repeat; position: absolute; font-weight: bold; }
#mendotaCounty,  #goodlandCounty 
    { background-image: url(images/symbol/square_greenover.png); background-repeat: no-repeat; position: absolute; font-weight: bold; }
#mendotaCountyr,  #goodlandCountyr 
    { background-image: url(images/symbol/square_redover.png); background-repeat: no-repeat; position: absolute; font-weight: bold; }
#govNelson, #kegonsaState
    { background-image: url(images/symbol/triangle_grayover.png); background-repeat: no-repeat; position: absolute; font-weight: bold; }
#mapleBlufflabel, #hudsonlabel, #estherlabel, #memorialUnionlabel, #marshalllabel, #brittinghamlabel, #bbclarkelabel, #warnerlabel, #tenneylabel, #springHarborlabel, #stoughtonMandtlabel,
  #bernieslabel, #olbrichlabel, #vilaslabel, #olinlabel, #jamesMadisonlabel, #mendotaCountylabel,  #goodlandCountylabel, #govNelsonlabel, #kegonsaStatelabel
    { font-weight: bold;  color: #000000; position: absolute; }
#mapleBluff          { top: 300px;  left: 385px; }
#mapleBlufflabel     { top: 285px;  left: 342px; }
#hudson              { top: 345px;  left: 435px; }
#hudsonlabel         { top: 335px;  left: 450px; }
#esther              { top: 455px;  left: 410px; }
#estherlabel         { top: 470px;  left: 400px; }
#mendotaCounty       { top: 311px;  left: 200px; }
#mendotaCountylabel  { top: 295px;  left: 150px; }
#memorialUnion       { top: 383px;  left: 335px; }
#memorialUnionlabel  { top: 390px;  left: 230px; }
#goodlandCounty      { top: 560px;  left: 448px; }
#goodlandCountylabel { top: 545px;  left: 390px; }
#marshall            { top: 340px;  left: 178px; }
#marshalllabel       { top: 340px;  left: 115px; }
#brittingham         { top: 415px;  left: 345px; }
#brittinghamlabel    { top: 410px;  left: 260px; }
#bbclarke            { top: 385px;  left: 380px; }
#bbclarkelabel       { top: 385px;  left: 400px; }
#warner              { top: 265px;  left: 375px; }
#warnerlabel         { top: 250px;  left: 390px; }
#tenney              { top: 340px;  left: 385px; }
#tenneylabel         { top: 335px;  left: 338px; }
#springHarbor        { top: 375px;  left: 203px; }
#springHarborlabel   { top: 375px;  left: 100px; }
#stoughtonMandt      { top: 795px;  left: 672px; }
#stoughtonMandtlabel { top: 760px;  left: 682px; }
#bernies             { top: 432px;  left: 350px; }
#bernieslabel        { top: 425px;  left: 368px; }
#olbrich             { top: 356px;  left: 455px; }
#olbrichlabel        { top: 357px;  left: 475px; }
#vilas               { top: 430px;  left: 315px; }
#vilaslabel          { top: 428px;  left: 280px; }
#kegonsaState        { top: 642px;  left: 648px; }
#kegonsaStatelabel   { top: 627px;  left: 660px; }
#olin                { top: 443px;  left: 374px; }
#olinlabel           { top: 458px;  left: 360px; }
#jamesMadison        { top: 372px;  left: 362px; }
#jamesMadisonlabel   { top: 359px;  left: 310px; }
#govNelson           { top: 270px;  left: 255px; }
#govNelsonlabel      { top: 260px;  left: 145px; }

#mapleBluffr          { top: 300px;  left: 385px; }
#hudsonr              { top: 345px;  left: 435px; }
#estherr              { top: 455px;  left: 410px; }
#mendotaCountyr       { top: 311px;  left: 200px; }
#memorialUnionr       { top: 383px;  left: 335px; }
#goodlandCountyr      { top: 560px;  left: 448px; }
#marshallr            { top: 340px;  left: 178px; }
#brittinghamr         { top: 415px;  left: 345px; }
#bbclarker            { top: 385px;  left: 380px; }
#warnerr              { top: 265px;  left: 375px; }
#tenneyr              { top: 340px;  left: 385px; }
#springHarborr        { top: 375px;  left: 203px; }
#stoughtonMandtr      { top: 795px;  left: 672px; }
#berniesr             { top: 432px;  left: 350px; }
#olbrichr             { top: 356px;  left: 455px; }
#vilasr               { top: 430px;  left: 315px; }
#kegonsaStater        { top: 642px;  left: 648px; }
#olinr                { top: 443px;  left: 374px; }
#jamesMadisonr        { top: 372px;  left: 362px; }
#govNelsonr           { top: 270px;  left: 255px; }

/*   ----DANE COUNTY BASE MAP for Groundwater Map----  */
#daneCountyMap { 
	background-image: url(images/groundwater/danecountymap.png); background-position: center; background-repeat: no-repeat;
  position: relative; padding: 2; margin: 0 auto;
  width: 800px; height: 665px;
}
/*   GROUNDWATER Map Symbols   */
#usgs0602, #usgs0603, #usgs3201, #usgs3101, #usgs1601, #usgs4901, #usgs2901, #usgs0301, #usgs3901, #usgs5301, #usgs1501, #usgs95301, #usgs85701, #usgs85901, #usgs85801 { 
  background-image: url(images/symbol/circle_purpleover.png); background-repeat: no-repeat; position: absolute; } 
#usgs0602label, #usgs0603label, #usgs3201label, #usgs3101label, #usgs1601label, #usgs4901label, #usgs2901label, #usgs0301label, #usgs3901label, #usgs5301label, #usgs1501label, #usgs95301label, #usgs85701label, #usgs85901label, #usgs85801label {
  font-weight: bold;  color: #000000; background-color: #FFFFFF; position: absolute;}
#usgs0602      { top: 347px;  left: 478px; }
#usgs0602label { top: 344px;  left: 499px; }
#usgs0603      { top: 332px;  left: 478px; }
#usgs0603label { top: 327px;  left: 499px; }
#usgs3201      { top: 173px;  left: 617px; }
#usgs3201label { top: 173px;  left: 637px; }
#usgs3101      { top: 315px;  left: 250px; }
#usgs3101label { top: 315px;  left: 242px; }
#usgs1601      { top: 470px;  left: 275px; }
#usgs1601label { top: 470px;  left: 295px; }
#usgs4901      { top: 350px;  left: 333px; }
#usgs4901label { top: 360px;  left: 325px; }
#usgs2901      { top: 360px;  left: 407px; }
#usgs2901label { top: 368px;  left: 427px; }
#usgs0301      { top: 350px;  left: 422px; }
#usgs0301label { top: 350px;  left: 442px; }
#usgs3901      { top: 525px;  left: 215px; }
#usgs3901label { top: 526px;  left: 234px; }
#usgs5301      { top: 170px;  left: 40px;  }
#usgs5301label { top: 170px;  left: 60px;  }
#usgs1501      { top: 285px;  left: 333px; }
#usgs1501label { top: 285px;  left: 353px; }
#usgs95301      { top: 330px;  left: 165px; }
#usgs95301label { top: 350px;  left: 170px; }
#usgs85701      { top: 310px;  left: 180px; }
#usgs85701label { top: 330px;  left: 185px; }
#usgs85901      { top: 310px;  left: 195px; }
#usgs85901label { top: 330px;  left: 197px; }
#usgs85801      { top: 310px;  left: 210px; }
#usgs85801label { top: 330px;  left: 215px; }

#usgsTable {
  padding: 15px; margin: 0;
  width: 760px; height: auto;
  background-color: #FFFFFF; 
}
#groundwaterLegend {
  position: absolute; top: 5px; left: 400px; padding: 3px;
  font-family: Calibri, Arial, sans-serif; font-size: 0.8em; text-align: left;
  background-color: #DCDCDC;
}
#legend {
  position: absolute; top: 140px; left: 550px; padding: 2px 2px;
  font-family: Tahoma, Arial, sans-serif; font-size: 0.8em; text-align: left;
  background-color: #FFFFFF; border: solid 1px #000000;

}
#rainlegend {
  position: absolute; top: 110px; left: 575px; padding: 2px 2px;
  font-family: Tahoma, Arial, sans-serif; font-size: 0.8em; text-align: left;
  background-color: #FFFFFF; border: solid 1px #000000;
  
}
#fish_crystal { margin: 5px; position: absolute; top: 687px; left: 230px;}
#interactiveMap { margin: 5px; position: absolute; top: 10px; left: 650px; z-index: 1; }
#originalMap { margin: 5px; position: absolute; top: 40px; left: 630px; }

#picture1 { position: relative; float: right; width: auto; height: auto; padding: 1px; margin: 0px 0px 5px 5px;  }
#picture2 { position: relative; float: left; width: auto; height: auto; padding: 2px; margin: 0px 5px 5px 0px; }
#picture3 { position: relative; float: right; width: auto; height: auto; padding: 2px; margin: 0px 0px 5px 5px; }
#picture4 { position: relative; float: left; width: auto; height: auto; padding: 2px; margin: 0px 5px 5px 0px;  }
#picture5 { position: relative; float: right; width: auto; height: auto; padding: 2px; margin: 10px 5px;  }

#map_canvas { position: relative; float: left; border: 3px solid white; position: absolute;  }

#floatingSidebar { position: relative; float: right; padding: 2px; margin: 60px 5px; z-index:1; background-color: #FFFFFF; border: solid 1px #000000; 
  font-family: Verdana, sans-serif; font-size: 0.7em; }
    

/*   Fix Streetview in IE   */
#streetview { 
               visibility:hidden;
}
   
#footer { 
	font-size: 0.8em;
/*	color: #5E6657; this was the original color */
	color: #AEB2AA;
  padding: 0 2px 0 1px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#AEB2AA;
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}