#body {
  background: #ffffff;
}

#skywarn_banner {
  position: relative;  
  top: 0px;
  left: 0px;
  height: 100px;
  width: 700px;
  border: 0px;
}

#navbar {
    position: absolute;
    background: #ffffff;
    height: 40px;
    width: 740px;
    /* top: 105px; */
}

#tab1, #tab2, #tab3, #tab4, #tab5,
#tab1_active, #tab2_active, #tab3_active, #tab4_active, #tab5_active {
  position: absolute;
  height: 50px;
  padding-top: 9px;
  padding-bottom: 0px;
  width: 140px;
  border: 1px;
  border-style: solid;
  border-color: #0071bc;
  font-size: 16px;
  font-family: sans-serif, inter, adwaita sans, noto sans, san fransisco, segoe;
  font-weight: 700;
  top: 0px;
}

#tab1, #tab2, #tab3, #tab4, #tab5 {
  background: #ffffff;
  color: #0071bc;
}

#tab1_active, #tab2_active, #tab3_active, #tab4_active, #tab5_active {
  background: #0071bc;
  color: #ffffff;
}

#tab1, #tab1_active {
  left: 0px;
}
#tab2, #tab2_active {
  left: 150px;
}
#tab3, #tab3_active {
  left: 300px;
}
#tab4, #tab4_active {
  left: 450px;
}
#tab5, #tab5_active {
  left: 600px;
}

#main_content {
  position: relative;
  text-align: left;
  left: 0px;
  width: 740px;
  height: 750px; 
  top: 85px;
  overflow-y: auto;
 }

/* Pseudo classes */
.skywarn_menu {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  line-height: 1.1;
}
.skywarn_menu a:link,
.skywarn_menu a:visited {
  color: #0071bc;
  text-decoration: none;    
}
.skywarn_menu a:hover {
  color: #9bdaf1;
  text-decoration: none;
}

.article_title_style {
  font-family: sans-serif, adwaita sans, noto sans, san fransisco, segoe;
  color: #000000;
  font-size: 18px;
  font-weight: 700;
}

.main_content_style {
  font-family: sans-serif, adwaita sans, noto sans, san fransisco, segoe;
  color: #000000;
  font-size: 14px;  
}