html, body{
        margin: 0;
        padding: 0;
        height: 100%;
      }
	  
	  #ieUser {
  			margin-top: 2px; 
			margin-bottom: 2px; 
			margin-left: 10px; 
			margin-right: 2px; 		 
					font-family: Verdana, Arial, Helvetica, sans-serif;   				
			line-height: 100%; 
			font-size: 1em; 
	  }
	  
	  #map-canvas {
        margin: 0;
        padding: 0;
        height: 100%;


      }
	  
		a:link { 	text-decoration: none	 }
		a:visited {  	text-decoration: none	} 
		a:hover {  	color: red; text-decoration: none	}
		a:active { 	text-decoration: none	 }
	 

	  




  select {
    height:26px;

		background: #E8FFFE;
		border-style:solid;
		border-color: #999;
		border-width: 3px;
		border-radius:10px;
		color: #000000;
		text-align: center;
    width:150px;
    -webkit-appearance: none;
}

 


  #Side_BarT {text-align:center; margin-bottom: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:  bold;}
  
@media screen and (max-width: 800px)
{
	  #MenuBar{
		  position: absolute;
		  visibility: visible;
		top: 0;
		left: 0;
		right: 0;  
		
		margin: 0;
        padding: 0px;  
				
		border-style:solid;
		border-color: #999;

		
		border-top-width:0px;
		border-right-width:0px;
		border-bottom-width:3px;
		border-left-width:0px;
		height: 65px;
		background: #FFF;
		/*		background: transparent; */
		
	  }
      #CourseMenu{
		position: absolute;		  
		top: 5px;
		left: 10px;
	  		font-size: 1em;
  }
 
  
    #Region{
		position: absolute;		  
		top: 35px;
		left: 10px;
	  		font-size: 1em;
  }

      #Menus{
		position: absolute;		  
		top: 5px;
		left: 10px;

	  				font-size: 1em;
  }
      #Key{
		  visibility: hidden;	
	  		position: absolute;	
			padding:3px;
		top: 65px;
		right: 202px;
	  				font-size: 0.7em;
			width: 165px;			
			background: #E8FFFE;
		border-style:solid;
		border-left-width:3px;
		border-top-width:3px;
		border-right-width:3px;
		border-bottom-width:3px;
		border-color: #999;
		
		border-bottom-left-radius:2em;
		border-bottom-right-radius:2em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
  }
  
  	  
	  
	    #iCon1{
		  position: absolute;		  
		top: 35px;
		right: 105px;
		
		margin: 0;
       	padding-top:1px;
		padding-bottom:0px;
		padding-right:0px;
		padding-left:0px;  
		
		height: 20px;
		width: 50px;
		
		font-weight:bold;
		
		background: #E8FFFE;
		border-style:solid;
		border-color: #999;
		border-radius:10px;
		color: #000000;
		text-align: center;
				
		-webkit-transition-property: background;
	    -webkit-transition-duration: 0.3s;
	    -webkit-transition-timing-function: ease;
		
		  cursor: pointer; 
	  } 
	
			   #iCon2{
		  position: absolute;		  
		top: 35px;
		right: 10px;
		
		margin: 0;
       	padding-top:1px;
		padding-bottom:0px;
		padding-right:0px;
		padding-left:0px;  
		
		height: 20px;
		width: 80px;
		
		font-weight:bold;
		
		background: #E8FFFE;
		border-style:solid;
		border-color: #999;
		border-radius:10px;
		color: #000000;
		text-align: center;
				
		-webkit-transition-property: background;
	    -webkit-transition-duration: 0.3s;
	    -webkit-transition-timing-function: ease;
		
		  cursor: pointer; 
	  }   

			   #iCon3{
		  position: absolute;		  
		top: 5px;
		right: 10px;
		
		margin: 0;
       	padding-top:1px;
		padding-bottom:0px;
		padding-right:0px;
		padding-left:0px;  
		
		height: 20px;
		width: 100px;
		
		font-weight:bold;
		
		background: #E8FFFE;
		border-style:solid;
		border-color: #999;
		border-radius:10px;
		color: #000000;
		text-align: center;
				
		-webkit-transition-property: background;
	    -webkit-transition-duration: 0.3s;
	    -webkit-transition-timing-function: ease;
		
		  cursor: pointer; 
	  }   
	  
	  	#sidebar
{
			position: fixed;	
			 visibility: hidden;
			  /*z-index:-1;*/

			width:200px;
			top: 68px;
			height: 80%;
			margin-bottom:50px;

			right: 0;
				overflow:auto; 
			font-family: Verdana, Arial, Helvetica, sans-serif; 
				font-size: 80%;
  				line-height: 110%;   
				font-weight: normal;
				color: #000066; 

				text-align: left;
				padding-left: 2px;
				border-top-width :0;
				border-right-width :1;
				border-bottom-width :0;
				border-left-width :0;
                  background-color: #ffffff;
				  
				  		border-style:solid;
		border-left-width:3px;
		border-top-width:0px;
		border-right-width:0px;
		border-bottom-width:3px;
		border-color: #999;
		border-bottom-left-radius:2em;
}

/* The Popup style only styles the Contents of the InfoWindow, not the "bubble" itself */
  #Popup {	
  			height: auto;
			text-align: left; 
  			margin-top: 2px; 
			margin-bottom: 2px; 
			font-family: Verdana, Arial, Helvetica, sans-serif;   				
			line-height: 140%; 
			font-size: 1.3em;
			background: #ffffff;
			border-radius:5px;
			width: 300px;
   			height: 175px;
   			overflow: scroll;
			}
			

  #PopupTitle {	
  			height: auto;
			text-align: center; 
  			margin-top: 2px; 
			margin-bottom: 2px; 
			font-family: Verdana, Arial, Helvetica, sans-serif; 
			color: #ffffff;  				
			line-height: 140%; 
			font-size: 1.3em;
			background: #000000;
			border-radius:5px;
			width: 300px;

			}
			


}



@media screen and (min-width: 801px)
{
	  #MenuBar{
		  position: absolute;
		  visibility: visible;
		top: 0;
		left: 0;
		right: 0;  
		
		margin: 0;
        padding: 0px;  
				
		border-style:solid;
		border-color: #999;

		
		border-top-width:0px;
		border-right-width:0px;
		border-bottom-width:3px;
		border-left-width:0px;
		

		height: 40px;
	
		
		background: #FFF;
		/*		background: transparent; */
		
	  }
	  
      #CourseMenu{
		position: absolute;		  
		top: 7px;
		left: 10px;
	  		font-size: 1em;
  }
 
  
    #Region{
		position: absolute;		  
		top: 7px;
		left: 170px;
	  		font-size: 1em;
  }

      #Key{
		  visibility: hidden;	
	  		position: absolute;	
			padding:3px;
		top: 40px;
		right: 202px;
	  				font-size: 0.7em;
			width: 180px;			
			background: #E8FFFE;
		border-style:solid;
		border-left-width:3px;
		border-top-width:3px;
		border-right-width:3px;
		border-bottom-width:3px;
		border-color: #999;
		
		border-bottom-left-radius:2em;
		border-bottom-right-radius:2em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
  }

		   #iCon1{
		  position: absolute;		  
		top: 6px;
		right: 220px;
		
		margin: 0;
       	padding-top:2px;
		padding-bottom:0px;
		padding-right:0px;
		padding-left:0px;  
		
		height: 20px;
		width: 50px;
		
		font-weight:bold;
		
		background: #E8FFFE;
		border-style:solid;
		border-color: #999;
		border-radius:10px;
		color: #000000;
		text-align: center;
				
		-webkit-transition-property: background;
	    -webkit-transition-duration: 0.3s;
	    -webkit-transition-timing-function: ease;
		
		  cursor: pointer; 
	  } 
	
			   #iCon2{
		  position: absolute;		  
		top: 6px;
		right: 125px;
		
		margin: 0;
       	padding-top:2px;
		padding-bottom:0px;
		padding-right:0px;
		padding-left:0px;  
		
		height: 20px;
		width: 80px;
		
		font-weight:bold;
		
		background: #E8FFFE;
		border-style:solid;
		border-color: #999;
		border-radius:10px;
		color: #000000;
		text-align: center;
				
		-webkit-transition-property: background;
	    -webkit-transition-duration: 0.3s;
	    -webkit-transition-timing-function: ease;
		
		  cursor: pointer; 
	  }   

			   #iCon3{
		  position: absolute;		  
		top: 6px;
		right: 10px;
		
		margin: 0;
       	padding-top:2px;
		padding-bottom:0px;
		padding-right:0px;
		padding-left:0px;  
		
		height: 20px;
		width: 100px;
		
		font-weight:bold;
		
		background: #E8FFFE;
		border-style:solid;
		border-color: #999;
		border-radius:10px;
		color: #000000;
		text-align: center;
				
		-webkit-transition-property: background;
	    -webkit-transition-duration: 0.3s;
	    -webkit-transition-timing-function: ease;
		
		  cursor: pointer; 
	  }   
  
  	  	#sidebar
{
				position: fixed;	
			 visibility: hidden;
			  /*z-index:-1;*/

			width:200px;
			top: 43px;
			height: 80%;
			margin-bottom:50px;

			right: 0;
				overflow:auto; 
			font-family: Verdana, Arial, Helvetica, sans-serif; 
				font-size: 80%;
  				line-height: 110%;   
				font-weight: normal;
				color: #000066; 

				text-align: left;
				padding-left: 2px;
				border-top-width :0;
				border-right-width :1;
				border-bottom-width :0;
				border-left-width :0;
                  background-color: #ffffff;
				  
				  		border-style:solid;
		border-left-width:3px;
		border-top-width:0px;
		border-right-width:0px;
		border-bottom-width:3px;
		border-color: #999;
		border-bottom-left-radius:2em;
}


/* The Popup style only styles the Contents of the InfoWindow, not the "bubble" itself */
  #Popup {	
  			height: auto;
			text-align: left; 
  			margin-top: 2px; 
			margin-bottom: 2px; 
			font-family: Verdana, Arial, Helvetica, sans-serif;   				
			line-height: 140%; 
			font-size: 1em;
			background: #ffffff;
			border-radius:5px;
			width: 300px;
   			height: 175px;
   			overflow: scroll;
			}
			
  #PopupTitle {	
  			height: auto;
			text-align: center; 
  			margin-top: 2px; 
			margin-bottom: 2px; 
			font-family: Verdana, Arial, Helvetica, sans-serif; 
			color: #ffffff;  				
			line-height: 140%; 
			font-size: 1.3em;
			background: #000000;
			border-radius:5px;
			width: 300px;

			}
			
}