body
  {
  margin: 10px;
  background-color: black;
  color: white;
  font-family:"Helvetica", "Arial", sans-serif;
  font-size: 12pt;   
  }
  
A:LINK, A:VISITED, A:ACTIVE
  {
  text-decoration: none;
  font-weight: bold;
  color: #4294FF;
  }
  
A:HOVER
  {
  text-decoration: none;
  font-weight: bold;
  color: red;
  }
 
.heading
  {
  font-weight: bold;
  color : #33CCFF;
  }

.timelapse_image_header
  {
  width:187px;
  padding:5px;
  background-color: #46a9d4;
  border: 1px solid #bebebe;
  border-bottom: 0px;
  color: black;
  font-weight: bold;
  }

.timelapse_image_footer
  {
  padding-left:4px;
  text-align:center;
  padding-top:4px;
  padding-bottom: 4px;
  background-color: white;
  color: black;
  } 
  
.timelapse_footer_fullres
  {
  padding-top: 5px;
  } 
  
.timelapse_footer_time
  {
  padding-top: 5px;
  } 

.outer
  {   
  background-color: #7A7A7A;    
  color: #FFFFFF; 
  align: middle; 
  padding: 2px; 
  border: 1px solid #5A5A5A;   
  border-collapse: collapse;   
  } 

.nav_menu_title
  {
  padding:3px;
  border:solid 1px #595858;
  background-color:#313335;
  }
  
.nav_menu_td1
  {
  padding-top:8px;
  padding-bottom:8px;  
  background-color:#7A7A7A;
  border:solid 1px #595858;
  border-top:0px;
  border-bottom:0px;
  }
  
.nav_menu_td2
  {
  padding:0px;
  background-color:#4A4A4B;
  border:solid 1px #595858;
  border-top:0px;
  border-bottom:0px;
  }
  
.inner
  {   
  background-color: #8A8A8A;   
  color: black;   
  width:100%; 
  padding:3px; 
  text-align: center; 
  border: 0px solid #D7E5F2;   
  border-collapse: collapse;   
  } 

.button
  {    
  font: Verdana, Geneva, Arial, Helvetica, sans-serif;    
  background-color: #D7E5F2;    
  color: #102132;    
  margin-left: 12px;    
  margin-top: 3px;    
  margin-bottom: 2px;    
  } 
  
#intro_div
  {
  width:100%;
  text-align: justify;
  }
  
.section_links
  {
  width:100%;
  padding:3px;
  background-color:#4A4A4B;
  border-top:solid 1px #595858;
  border-right:solid 1px #595858;
  
  }
  
#progress_wrapper
  {
  position:relative;
  width:100%;
  height:30px;
  padding-top:5px;
  padding-bottom:0px;
  align:center;
  border:solid 1px #595858;
  }
  
.progress_bar
  {
  z-index:-1;
  position:absolute;
  top:0px;
  left:0px;
  width:1px;
  height:30px;
  padding:0px;
  border:solid 1px #595858;
  background-color:#fc6670;
  color:black;
  text-align:left;  
  }

.progress_text
  {
  z-index:1;
  position:absolute;
  top:0px;
  left:0px;
  height: 30px;
  width: 100%;
  padding:0px;
  padding-top:0px;
  text-align:middle;
  color:#ededed;
  }  

#time_slider
  {
  height:25px;
  border:solid 1px #595858;
  }
  
#time_slider_text
  {
  color: grey;
  }
  
#main_content_table
  {
  width:100%;
  }
  
#main_options_table
  {
  width:100%;
  }
  
#main_content_table_left
  {
  padding:0px;
  background-color:#313335;
  border:solid 1px #595858;
  }
  
#main_content_table_middle
  {
  padding:0px;
  background-color:#313335;
  border:solid 1px #595858;
  }
  
#main_content_table_right
  {
  padding:3px; 
  background-color:#313335;
  border:solid 1px #595858;
  }
  
#animation_controls_instructions
  {
  text-align:justify;
  }
  
#animation_controls_table
  {
  width:100%;
  background-color: #4A4A4B;
  color:white;
  }
  
.webcam_display_image
  {
  border: solid 1px #C1C1C1;
  width:185;
  height:138;
  }

#server_time_div
  {
  width:100%;  
  }

  body
  {
  margin: 20px;
  background-color: black;
  color: white;
  font-family:"Helvetica", "Arial", sans-serif;
  font-size: 12pt;   
  }
  
A:LINK, A:VISITED, A:ACTIVE
  {
  text-decoration: none;
  font-weight: bold;
  color: #4294FF;
  }
  
A:HOVER
  {
  text-decoration: none;
  font-weight: bold;
  color: red;
  }
 
.heading
  {
  font-weight: bold;
  color : #33CCFF;
  }

.timelapse_image_header
  {
  width: 187px;
  padding:5px;
  background-color: #46a9d4;
  border: 1px solid #bebebe;
  border-bottom: 0px;
  color: black;
  font-weight: bold;
  font-size: 8pt;
  }

.timelapse_image_footer
  {
  text-align:center;
  padding-top:4px;
  padding-bottom: 4px;
  font-size: 8pt;
  background-color: white;
  color: black;
  }
  
.timelapse_footer_fullres
  {
padding-top: 5px;
  font-size:80%;
  } 
  
.timelapse_footer_time
  {
padding-top: 5px;
  }  

.outer
  {   
  background-color: #7A7A7A; 
  font-size:12px;   
  color: #FFFFFF; 
  align: middle; 
  padding: 2px; 
  border: 1px solid #5A5A5A;   
  border-collapse: collapse;   
  } 

.nav_menu_title
  {
  padding:3px;
  font-size:14px;  
  border:solid 1px #595858;
  background-color:#313335;
  }
  
.nav_menu_td1
  {
  padding-top:8px;
  padding-bottom:8px;  
  background-color:#7A7A7A;
  border:solid 1px #595858;
  border-top:0px;
  border-bottom:0px;
  }
  
.nav_menu_td2
  {
  padding:0px;
  background-color:#4A4A4B;
  border:solid 1px #595858;
  border-top:0px;
  border-bottom:0px;
  }
  
.inner
  {   
  font-size:14px; 
  background-color: #8A8A8A;   
  color: black;   
  width:100%; 
  padding:3px; 
  text-align: center; 
  border: 0px solid #D7E5F2;   
  border-collapse: collapse;   
  } 

.button
  {    
  font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;    
  background-color: #D7E5F2;    
  color: #102132;    
  margin-left: 12px;    
  margin-top: 3px;    
  margin-bottom: 2px;    
  }
  
#intro_div_container
  {
  width:960px;
  padding-left:8px;
  padding-right:8px;
  }   
  
#intro_div
  {
  text-align: justify;
  width: 100%;
  }
  
#webcam_nav_div
  {
  width:960px;
  padding-left:8px;
  padding-right:8px;
  }
  
#webcam_nav_table
  {
  width:100%;
  padding:3px;
  background-color:#353535;
  border:solid 1px #595858;
  }
  
.section_links
  {
  width:100%;
  padding:3px;
  font-size:14px;
  background-color:#4A4A4B;
  border-top:solid 1px #595858;
  border-right:solid 1px #595858;
  
  }
  

#progress_container_outer
  {
  width:960px;
  padding-left:8px;
  padding-right:8px;
  padding-top:5px;
  }
  
#progress_container
  {
  position:relative;
  width:100%;
  height:50px;
  padding-top:5px;
  padding-bottom:0px;
  align:center;
  }
  
.progress_bar
  {
  z-index:-1;
  position:absolute;
  top:0px;
  left:0px;
  width:1px;
  height:50px;
  padding:0px;
  border: 1px solid yellow;
  background-color:red;
  color:black;
  text-align:left;
  font-size:150%;  
  }

.progress_text
  {
  z-index:1;
  position:absolute;
  top:0px;
  left:0px;
  height: 50px;
  width: 100%;
  padding:0px;
  padding-top:0px;
  text-align:middle;
  border: 1px solid pink;
  color:white;
  font-size:150%;
  }
  
#time_slider_container
  {
  width:960px;
  padding-top:2px;
  padding-left:8px;
  padding-right:8px;
  }
  

#time_slider
  {
  height:25px;
  border:solid 1px #595858;
  }
  
#main_content_div
  {
  width:960px;
  padding-left:8px;
  padding-right:8px;
  }
  
#main_content_table
  {
  width:100%;
  }
  
#main_options_table
  {
  width:100%;
  }
  
#main_content_table_left
  {
  padding:0px;
  font-size:14px;
  background-color:#313335;
  border:solid 1px #595858;
  }
  
#main_content_table_middle
  {
  padding:0px;
  font-size:14px;
  background-color:#313335;
  border:solid 1px #595858;
  }
  
#main_content_table_right
  {
  width:130px;
  padding:3px; 
  font-size:12px;
  background-color:#313335;
  border:solid 1px #595858;
  }
  
#animation_controls_instructions
  {
  text-align:justify;
  font-size:11px;
  }
  
#animation_controls_table
  {
  width: 100%;
  background-color: #4A4A4B;
  color:white;
  }
  
#server_time_div
  {
  width:100%;
  padding-left:8px;
  padding-right:8px;
  }
  
.webcam_display_image
  {
  border: solid 1px #C1C1C1;
  width:185;
  height:138;

  }