body {
background-image: url(../img/site_bg.jpg);
background-repeat: no-repeat;
background-size: cover;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
height: 100vh;
background-attachment: fixed;
background-position: center; 
}
img { display: block }
body,td,th {
	font-family: Roboto, Arial, sans-serif;
	font-weight: 100;
}
a { font-weight: bold; }
a:link {
	color: #2E75B6;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #2E75B6;
}
a:hover {
	text-decoration: underline;
	color: #2E75B6;
}
a:active {
	text-decoration: none;
	color: #2E75B6;
}
#PAGE-CONTAINER {
text-align: center;
}
#HEADER {
padding: 10px 15px 10px 15px;
width: -webkit-calc(100% - 30px);
width: -moz-calc(100% - 30px);
width: calc(100% - 30px);
background-color: rgba(17,40,66,0.85);
text-align: center;
}
#FOOTER {
padding: 10px;
width: -webkit-calc(100% - 20px);
width: -moz-calc(100% - 20px);
width: calc(100% - 20px);
background-color: rgba(17,40,66,0.85);
text-align: center;
color: #FFFFFF;
font-size: 10pt;
}
#FOOTER a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#FOOTER a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
#FOOTER a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
#FOOTER a:active {
	text-decoration: none;
	color: #FFFFFF;
}
.HEADER-TEXT {
font-size: 17pt;
color: #FFFFFF;
padding-left: 15px;
vertical-align: middle;
text-align: left;
}
.SOCIAL-MEDIA {
font-size: 20pt;
color: #FFFFFF;
padding-left: 10px;
vertical-align: middle;
text-align: right;
}
#CONTENT {
padding: 0px;
width: 100%;
background-color: rgba(255,255,255,1);
border-top: 5px solid #E1E0E0;
}
#CONTENT-HOME {
padding: 15px 15px 15px 15px;
width: -webkit-calc(100% - 30px);
width: -moz-calc(100% - 30px);
width: calc(100% - 30px);
/* min-height: -webkit-calc(100vh - 95px - 20px - 55px - 55px - 15px - 5px - 30px);
min-height: -moz-calc(100vh - 95px - 20px - 55px - 55px - 15px - 5px - 30px);
min-height: calc(100vh - 95px - 20px - 55px - 55px - 15px - 5px - 30px); */
background-color: rgba(255,255,255,1);
border-top: 5px solid #E1E0E0;
}
.socials {
padding: 0px 10px;
cursor: pointer;
color: #FFFFFF;
}
.socials:hover {
color: #FFDC73;
}
#NAVBAR {
background-color: #255EA7;	
display: flex;
flex-direction: row;
justify-content: left;
overflow: hidden;
}

.nav-container-div {
  height: 55px;
  font-size: 20pt;
  border-right: 1px solid #133656; 
  cursor: pointer;
  background-color: #255EA7;
  color: #FFFFFF;
  
}
.nav-container-div:hover {
  background-color: #133656;
  color: #FFDC73;
}
.nav-container-div table {
  border-spacing: 0px;
  border-collapse: collapse;
  
}
.nav-container-div table td {
  padding: 0px;
  border: 0px;
  height: 50px;
  width: 80px;
  text-align: center;
  vertical-align: middle;
  line-height: 40%;
}
.nav-container-div table span {
  font-size: 10pt;
}
.nav-container-div table span::before {
  content: "\A";
  white-space: pre;
}
#WARNING-BAR {
	width: 100%;
	margin-bottom: 15px;
	padding: 7px;
	width: -webkit-calc(100% - 14px - 4px);
	width: -moz-calc(100% - 14px - 4px);
	width: calc(100% - 14px - 4px);
	cursor: pointer;
	border-radius: 25px;
	box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12);
}
#WARNING-BAR a:link { text-decoration: none; color: #000000; }
#WARNING-BAR a:visited { text-decoration: none; color: #000000; }
#WARNING-BAR a:hover { text-decoration: underline; color: #000000; }
#WARNING-BAR a:active { text-decoration: none; color: #000000; }
.WARNING-BAR-CONV-DISC { 
	background-color: #eddb84;
	border: 2px solid #ceaa35;
}
.WARNING-BAR-TSTORM-WATCH { 	
	background-color: #6299e0;
	border: 2px solid #093FC3;
}
.WARNING-BAR-TORN-WATCH { 
	background-color: #bf8080;
	border: 2px solid #931717;
}
@media (min-width: 1100px) { /* FULL WIDTH WITH 3 COLUMNS */
#PAGE {
  width: 1100px;
  display: inline-block;
  transform-origin: top center;
}
}
@media (max-width:1100px) and (min-width:0px) { /* 2 COLUMNS */
#PAGE {
  width: 740px;
  display: inline-block;
  transform-origin: top center;
}
}