body { margin: 0;
	   padding: 0;
	   height: 100%;
	   font-family: Helvetica, Arial, sans-serif;
	   font-size: 12px;
	   }

#container { border: 0;
			 width: 100%;
			 height: 100%;
			 position: absolute;
			 left: 0; top: 0;
			 }

#top { position: absolute;
	   top: 0px;
	   left: 0px;
	   height: 50px;
	   width: 100%;
	   background: white;
	  }

#left { position: absolute;
	    top: 50px;
	    height: 95%;
	    width: 20%;
	    background: white;
	  }

/* The sidebar holds the "zoom to state" control and the legend */            
#sidebar { vertical-align: top;
		   text-align: center;
		   }

/* This is the CSS for the balloon legend */
#legend { text-align: center;
		  vertical-align: top;
		  font-size: 10px;
		  font-weight: bold;
		  }

/* Holds the map from Google */
#mapContainer { position: absolute;
		 top: 50px;
		 left: 20%;
		 height: 93%;
	     width: 80%;
	  }


/* The page footer */
#credits { position: absolute;
		   bottom: 25px;
		   right: 0px;
		   height: 30px;
		   width: 100%;
		   padding: 5px;
		   background-color: #778a9c;
		   text-align: center;
		   vertical-align: middle;
		  }

#credits p  { font-family: Helvetica, Arial, sans-serif;
			  font-size: 11px;
			  color: white;
			  padding: 0;
			  margin: 0;
			  border: 0;
			  }

#credits p a {	text-decoration: underline;
				color: white;
				}


.coastertable { font-family: Helvetica, Arial, sans-serif;
			    font-size: 10px;
			    width: 210px;
			    }

.coastertable td { padding-bottom: 3px;
				   padding-top: 3px;
				   }

.odd { background-color: lightgrey;
		}

.coastertable td.rightside { text-align: center; }


/*Used to display the theme park in the pop-up balloon */
.parktable { width: 250px;
			 text-align: center;
			 }

.parktable th { font-weight: bold;
				font-size: 14px; }