#MainFrame {
    position:absolute;
    left:220px;
    top:102px; 
    border-top: 2px solid slategray;
    border-bottom:  1px solid slategray;
    border-right: 1px solid slategray;
    border-left:  1px solid slategray;
    }

#MetarFrame {
    position:absolute;
    left:10px;
    top:540px; 
    border-left: 1px solid gray;
    border-bottom: 1px solid gray;
    border-right: 1px solid gray;
    border-top: 1px solid slategray;
    }

#TickTock{
    position:absolute;
    left:10px;
    top:5px;
    background-color:whitesmoke;
    border-top: 1px solid slategray;
    border-right: 1px solid slategray;
    border-left:  1px solid slategray;
    }
	
  
  
#CaseDate {
    position:absolute;
    left:10px;
    top:255px;
    background-color:silver;
    font-size: 18pt;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    text-align: center ;
    border-left: 1px solid gray;
    border-bottom: 1px solid gray;
    border-right: 1px solid gray;
    width: 200px;
	visibility: hidden; /*To hide the date in the simulator*/
    }
	


#LeftNav {
    position:absolute;
    left:10px;
    top:245px;
    font-size: 11pt;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    text-align: left;
    width: 200px;
    height:240px;
    border-left: 1px solid gray;
    border-bottom: 1px solid gray;
    border-right: 1px solid gray;
    border-top: 1px solid slategray;
    }
	
#LeftNav h2 {
    font-size: 14pt;
    color: slategrey;
	text-align:center;
	
	}
	
	
#MetarData {
    position:absolute;
    left:10px;
    top:495px;
    font-size: 11pt;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    text-align: left;
    width: 200px;
    height:45px;
    border-left: 1px solid gray;
    border-bottom: none;
    border-right: 1px solid gray;
    border-top: 1px solid slategray;
    }
	
#MetarData h2 {
    font-size: 14pt;
    color: CornflowerBlue;
	text-align:center;
	
	}
	


#CaseDate2 {
	position:absolute;
    left:10px;
    top:210px;
    background-color:silver;
    font-size: 18pt;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    text-align: center ;
    border-left: 1px solid gray;
    border-bottom: 1px solid gray;
    border-right: 1px solid gray;
    width: 200px;
	visibility: visible; /*To hide the date in the simulator*/
    }
	
		

	
/* #Warep{
	position:absolute;
	color: slategrey;
	font-size: 14pt;
	left:10px;
	top:380px;
	width:200px;
	height:26px;
	background-color: white;
	border-left: 1px solid gray;
	font-weight:bold;	
	text-align: center;
  	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	}	
	
#Warep a:link    {
	color:LightSkyBlue;
	}
#Warep a:visited {
	color:SkyBlue;
	}
#Warep a:hover   {
	color:Salmon;
	cursor:pointer;
	}	
*/
	
#Tasks{
	position:relative;
    font-size: 11pt;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	background-color: white;
		}

#Tasks a:hover   {
	color:Salmon;
	cursor:pointer
}
	
	
#Info a:link    {
	color:LightSkyBlue;
	}
	
#Info a:visited {
	color:SkyBlue;
	}
#Info a:hover   {
	color:Salmon;
	cursor:pointer
	}	

	
#Info2 a:link    {
	color:Blue;
	}
#Info2 a:visited {
	color:SkyBlue;
	}
#Info2 a:hover   {
	color:gold;
	cursor:pointer
	}		
	
	
#Surface03{
	display: block;
      padding: 1px 2px;
      text-decoration: none;
      font-weight: italic;
      color: black;
     border-right: 3px solid slategrey;
	 visibility: hidden; 
	
}

#Surface03H{
	display: block;
      padding: 1px 2px;
      text-decoration: none;
      font-weight: italic;
      color: black;
     border-right: 3px solid slategrey;
	 visibility: hidden; 
	
}

#Surface06{
	display: block;
    padding: 1px 2px;
    text-decoration: none;
    font-weight: italic;
    color: black;
    border-right: 3px solid slategrey;
	visibility: hidden; 
	
}

#Surface06H{
	display: block;
    padding: 1px 2px;
    text-decoration: none;
    font-weight: italic;
    color: black;
    border-right: 3px solid slategrey;
	visibility: hidden; 
	
}

#Surface09{
	display: block;
    padding: 1px 2px;
    text-decoration: none;
    font-weight: italic;
    color: black;
    border-right: 3px solid slategrey;
	visibility: hidden; 
	
}

#Surface09H{
	display: block;
    padding: 1px 2px;
    text-decoration: none;
    font-weight: italic;
    color: black;
    border-right: 3px solid slategrey;
	visibility: hidden; 
	
}

#Surface_hidden{
	display: block;
    padding: 1px 2px;
    text-decoration: none;
    font-weight: italic;
    color: black;
    border-right: 3px solid slategrey;
	visibility: hidden; 
	
}

#Cesis{
	display: block;
      padding: 1px 2px;
      text-decoration: none;
      font-weight: italic;
      color: black;
     border-right: 3px solid slategrey;
	 visibility: hidden; 
	
}

#CesisH{
	display: block;
      padding: 1px 2px;
      text-decoration: none;
      font-weight: italic;
      color: black;
     border-right: 3px solid slategrey;
	 visibility: hidden; 
	
}
	
	
#LeftNav a {
	    font-size: 14pt;
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		color: slategrey;
		text-decoration: none;
		font-weight:bold;	
		
	}
#LeftNav a:link    {
	color:LightSkyBlue;
	}

#LeftNav a:hover   {
	color:Salmon;
	cursor:pointer;
	}
	
#LeftNav c{
	    font-size: 14pt;
		font-family: Times New Roman, "Helvetica Neue", Helvetica, sans-serif;
		color: slategrey;
		text-decoration: none;
		font-weight:bold;	
		
	}
#LeftNav b:link    {
	color:LightSkyBlue;
	}

#LeftNav b:hover   {
	color:Salmon;
	
	
	}
	
	
#LeftNav c{
	    font-size: 14pt;
		font-family: Times New Roman, "Helvetica Neue", Helvetica, sans-serif;
		color: slategrey;
		text-decoration: none;
		font-weight:bold;	
		
	}
#LeftNav c:link    {
	color:LightSkyBlue;
	}

#LeftNav c:hover   {
	color:Salmon;
	}
	
		

#Credits {
    position:absolute;
    top:690px;
	left:10px;
    font-size:8pt;
    }    
    
#PauseRun {
    position:absolute;
	top:860px;
    font-size:8pt;
    }    
#PauseRun button {
      padding: 6px 12px;
      text-decoration: none;
      font-weight: bold;
      color: black;
      border-right: 1px solid slategrey; }
#PauseRun button:hover {
      color: red;
      background-color: whitesmoke; }    



    
   /* Begin Navigation Bar Styling */
#Nav1 {
    position:absolute;
    left:220px;
    top:5px; 							/* 10 */
    width: 1000px;
    margin: 0 0 3em 0;
    padding: 0;
    list-style: none;
    background-color: whitesmoke;
    border-bottom: 1px solid slategrey; 
    border-top: 1px solid slategrey; 
	border-left: 1px solid slategrey; 
    border-right: 1px solid slategrey;
	}

#Nav1 li {
      float: left; }
#Nav1 li button {
      display: block;
      padding: 8px 15px;
      text-decoration: none;
      font-weight: bold;
      color: black;
      border-right: 2px solid slategrey; }
	  
#Nav1 li button:hover {
      color: slategrey;
      background-color: whitesmoke; }
	  
#Nav1 li button:active {
      background-color: LightSkyBlue;
	
}
	
	

	  
      
.Nav2 {
    position:absolute;
    left:220px;
    top:48px; /* 52  */
    width: 1000px;
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
    background-color: whitesmoke;
	border-top: 1px solid slategrey; 
    border-bottom: 1px solid slategrey; 
 	border-left: 1px solid slategrey; 
    border-right: 1px solid slategrey;	}

.Nav2 li {
      float: left; }

.Nav2 li button {
      display: block;
      padding: 1px 2px;
      text-decoration: none;
      font-weight: italic;
      color: black;
      border-right: 3px solid slategrey; }
      
.Nav2 li button:active {
      background-color: DeepSkyBlue ; }


#Nav3 li button {
      display: list-item;
      padding: 8px 15px;
      text-decoration: none;
      font-weight: bold;
      color: black;
      border-right: 1px solid slategrey; }
	  



     
      
   /* End navigation bar styling. */