body {
	background: #FFFFFF url('images/background4.png');
	margin: 0;
	padding: 0;
}

body,p,td,th,li,label,a { font-size: 1.3vw; line-height: 2vw; color: #333333; font-family: Calibri, Helvetica, Arial, sans-serif; -webkit-text-size-adjust: 100%; }
@media screen and (max-width: 400px) {
  body,p,td,th,li,label,a { font-size: 3.3vw; line-height: 5vw; }
}
@media screen and (min-width: 401px) and (max-width: 600px) {
  body,p,td,th,li,label,a { font-size: 2.5vw; line-height: 3.75vw; }
}
@media screen and (min-width: 601px) and (max-width: 800px) {
  body,p,td,th,li,label,a { font-size: 2vw; line-height: 3vw; }
}
@media screen and (min-width: 801px) and (max-width: 1000px) {
  body,p,td,th,li,label,a { font-size: 1.8vw; line-height: 2.7vw; }
}
@media screen and (min-width: 1001px) and (max-width: 1200px) {
  body,p,td,th,li,label,a { font-size: 1.55vw; line-height: 2.35vw; }
}
@media screen and (min-width: 1201px) and (max-width: 1400px) {
  body,p,td,th,li,label,a { font-size: 1.3vw; line-height: 2vw; }
}
@media screen and (min-width: 1401px) {
  body,p,td,th,li,label,a { font-size: 1.3vw; line-height: 2vw; }
}

button,input,select,textarea { font-size: 1.5vw; color: #333333; font-family: Calibri, Helvetica, Arial, sans-serif; }
@media screen and (max-width: 400px) {
  button,input,select,textarea { font-size: 3.5vw; }
}
@media screen and (min-width: 401px) and (max-width: 600px) {
  button,input,select,textarea { font-size: 2.75vw; }
}
@media screen and (min-width: 601px) and (max-width: 800px) {
  button,input,select,textarea { font-size: 2.25vw; }
}
@media screen and (min-width: 801px) and (max-width: 1000px) {
  button,input,select,textarea { font-size: 2vw; }
}
@media screen and (min-width: 1001px) and (max-width: 1200px) {
  button,input,select,textarea { font-size: 1.75vw; }
}
@media screen and (min-width: 1201px) and (max-width: 1400px) {
  button,input,select,textarea { font-size: 1.5vw; }
}
@media screen and (min-width: 1401px) {
  button,input,select,textarea { font-size: 1.5vw; }
}

p { margin: 15px 0px 15px 0px; }

strong { font-weight: bold; }

a:link    { color: #2554C7; text-decoration: none; }
a:visited { color: #2554C7; text-decoration: none; }
a:hover   { color: #D70000; text-decoration: underline; }
a:active  { color: #D70000; text-decoration: underline; }

h1 { line-height: normal; font-size: 2.75vw; color: #1f284e; font-weight: bold; margin: 0px 0px 20px 0px; font-family: Calibri, Helvetica, Arial, sans-serif; text-transform: uppercase; }
h2 { line-height: normal; font-size: 2.25vw; color: #8c0711; font-weight: bold; margin: 15px 0px 15px 0px; font-family: Calibri, Helvetica, Arial, sans-serif; }
h3 { line-height: normal; font-size: 1.75vw; color: #000000; font-weight: bold; margin: 15px 0px 0px 0px; font-family: Calibri, Helvetica, Arial, sans-serif; }
@media screen and (max-width: 400px) { /* blackberry q10: 346, ipod5 portrait: 320, iphone6/7/8 portrait: 375 */
  h1 { font-size: 4.25vw; }
  h2 { font-size: 4vw; }
  h3 { font-size: 3.75vw; }
}
@media screen and (min-width: 401px) and (max-width: 600px) { /* ipod5 landscape: 480, iphone6/7/8 plus portrait: 414 */
  h1 { font-size: 4.25vw; }
  h2 { font-size: 3.75vw; }
  h3 { font-size: 3vw; }
}
@media screen and (min-width: 601px) and (max-width: 800px) { /* ipad portrait: 768, iphone6/7/8 landscape: 667, iphone6/7/8 plus landscape: 736 */
  h1 { font-size: 4.25vw; }
  h2 { font-size: 3.5vw; }
  h3 { font-size: 2.75vw; }
}
@media screen and (min-width: 801px) and (max-width: 1000px) {
  h1 { font-size: 3.85vw; }
  h2 { font-size: 3.1vw; }
  h3 { font-size: 2.35vw; }
}
@media screen and (min-width: 1001px) and (max-width: 1200px) { /* ipad landscape: 1024 */
  h1 { font-size: 3.5vw; }
  h2 { font-size: 2.75vw; }
  h3 { font-size: 2vw; }
}
@media screen and (min-width: 1201px) and (max-width: 1400px) { /* Dell laptop: 1366 */
  h1 { font-size: 3.25vw; }
  h2 { font-size: 2.5vw; }
  h3 { font-size: 1.75vw; }
}
@media screen and (min-width: 1401px) { /* Asus monitor: 1920, HP monitor: 1600 */
  h1 { font-size: 2.75vw; }
  h2 { font-size: 2.25vw; }
  h3 { font-size: 1.75vw; }
}

#div_splash {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
  width: 100%;
  height: 100%;
  margin: 0;
	padding: 0;
  background: #FFFFFF url('images/logo_splash.png') no-repeat center;
  background-size: contain;
}
#div_splash img {
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
}

.section_container {
  margin: 5vh 5vw 0 5vw;
  padding: 0;
}
.section_container h1,
.section_container h2,
.section_container h3,
.section_container p,
.section_container ul,
.section_container ol {
  text-align: center;
  margin-bottom: 0;
}
.section_container hr {
  display: block;
  margin: 15px auto 15px auto;
  width: 30vw;
  border: 0;
  height: 2px;
  background-color: #263238;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 5.2vw; /* this equates to header_level_1 + header_level_2; it also equates to header_spacer */
  margin: 0;
  padding: 0;
  background: white;
  border-bottom: 1px solid black;
  box-shadow: 0px 5px 9px 0px rgba(0, 0, 0, .4);
}

.header_spacer {
  height: 5.2vw; /* equals to the height of the header */
  margin: 0;
  padding: 0;
  background: transparent;
}

.header_level_1 {
  width: 100%;
  height: 3.5vw;
  margin: 0;
	padding: 0;
  background: white;
}

.logo {
	float: left;
  width: auto;
  height: 3.5vw;
	margin: 0 0 0 5vw;
	padding: 0;
}
.logo a {
	padding: 0;
	margin: 0;
	border: 0;
	text-decoration: none;
}
.logo a img {
  width: auto;
  height: 3.5vw;
	padding: 0;
	margin: 0;
  opacity: 1.0;
  filter: alpha(opacity=100); /* For IE8 and earlier */
}
.logo a img:hover {
  opacity: 0.6;
  filter: alpha(opacity=60); /* For IE8 and earlier */
}

.social_networks {
	float: right;
	width: auto;
	height: 3.5vw;
  margin: 0 5vw 0 0;
	padding: 0;
}
.social_networks .button {
	float: left;
  width: auto;
  height: 1.3vw;
	margin: 1.1vw 0 1.1vw 1vw;
	padding: 0;
}
.social_networks .button a {
	padding: 0;
	margin: 0;
	border: 0;
	text-decoration: none;
}
.social_networks .button a img {
  width: auto;
  height: 1.3vw;
	padding: 0;
	margin: 0;
  border-radius: 7px;
  -khtml-border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius:7px;
  opacity: 1.0;
  filter: alpha(opacity=100); /* For IE8 and earlier */
}
.social_networks .button a img:hover {
  opacity: 0.7;
  filter: alpha(opacity=70); /* For IE8 and earlier */
}

.header_level_2 {
  width: 100%;
  height: 1.7vw; /* header_level_2 height = main_nav_button height + main_nav_button padding (top and bottom) */
  margin: 0;
	padding: 0;
  text-align: center;
  background: #00749c; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#40b0d7, #00749c); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#40b0d7, #00749c); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#40b0d7, #00749c); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#40b0d7, #00749c); /* Standard syntax */
}

.main_nav_button {
  display: inline-block;
  height: 1.7vw;
  width: auto;
  font-family: Calibri, Helvetica, Arial, sans-serif;
  line-height: 1.7vw;
  font-size: 0.9vw;
  padding: 0 1vw;
  font-weight: bold;
  text-shadow: 1px 1px 2px #333333;
  margin: 0 0.2vw;
}
.main_nav_button:link,
.main_nav_button:visited {
  background: transparent;
  color: #fcfcfc;
  text-decoration: none;
}
.main_nav_button:hover,
.main_nav_button:active {
  background: #005174; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#2b8bb4, #005174); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#2b8bb4, #005174); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#2b8bb4, #005174); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#2b8bb4, #005174); /* Standard syntax */
  color: #fcfcfc;
  text-decoration: none;
}

@media screen and (max-width: 400px) { /* blackberry q10: 346, ipod5 portrait: 320, iphone6/7/8 portrait: 375 */
  .header, .header_spacer {
    height: 14.3vw; /* header height = header_level_1 height + header_level_2 height */
  }
  .header_level_1, .social_networks {
    height: 8.5vw;
  }
  .logo, .logo a img {
    height: 8vw;
  }
  .logo {
    margin-bottom: 0.5vw;
  }
  .social_networks .button {
    margin: 1vw 0 1vw 2.5vw;
  }
  .social_networks .button, .social_networks .button a img {
    height: 6.5vw;
  }
  .header_level_2 {
    height: 5.8vw; /* header_level_2 height = main_nav_button height = main_nav_button line-height */
  }
  .main_nav_button {
    height: 5.8vw;
    line-height: 5.8vw;
    font-size: 2.4vw;
    padding: 0 1.2vw;
  }
}
@media screen and (min-width: 401px) and (max-width: 600px) { /* ipod5 landscape: 480, iphone6/7/8 plus portrait: 414 */
  .header, .header_spacer {
    height: 11.9vw; /* header height = header_level_1 height + header_level_2 height */
  }
  .header_level_1, .logo, .logo a img, .social_networks {
    height: 7.5vw;
  }
  .social_networks .button {
    margin: 1.2vw 0 1.2vw 2.5vw;
  }
  .social_networks .button, .social_networks .button a img {
    height: 5.1vw;
  }
  .header_level_2 {
    height: 4.4vw; /* header_level_2 height = main_nav_button height = main_nav_button line-height */
  }
  .main_nav_button {
    height: 4.4;
    line-height: 4.4vw;
    font-size: 1.9vw;
    padding: 0 1.1vw;
  }
}
@media screen and (min-width: 601px) and (max-width: 800px) { /* ipad portrait: 768, iphone6/7/8 landscape: 667, iphone6/7/8 plus landscape: 736 */
  .header, .header_spacer {
    height: 9.6vw; /* header height = header_level_1 height + header_level_2 height */
  }
  .header_level_1, .logo, .logo a img, .social_networks {
    height: 6.8vw;
  }
  .social_networks .button {
    margin: 1.4vw 0 1.4vw 2vw;
  }
  .social_networks .button, .social_networks .button a img {
    height: 4vw;
  }
  .header_level_2 {
    height: 2.8vw; /* header_level_2 height = main_nav_button height = main_nav_button line-height */
  }
  .main_nav_button {
    height: 2.8vw;
    line-height: 2.8vw;
    font-size: 1.7vw;
    padding: 0 0.9vw;
  }
}
@media screen and (min-width: 801px) and (max-width: 1000px) {
  .header, .header_spacer {
    height: 8.7vw; /* header height = header_level_1 height + header_level_2 height */
  }
  .header_level_1, .logo, .logo a img, .social_networks {
    height: 6.1vw;
  }
  .social_networks .button {
    margin: 1.3vw 0 1.3vw 1.8vw;
  }
  .social_networks .button, .social_networks .button a img {
    height: 3.5vw;
  }
  .header_level_2 {
    height: 2.6vw; /* header_level_2 height = main_nav_button height = main_nav_button line-height */
  }
  .main_nav_button {
    height: 2.6vw;
    line-height: 2.6vw;
    font-size: 1.65vw;
    padding: 0 1vw;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1200px) { /* ipad landscape: 1024 */
  .header, .header_spacer {
    height: 7.8vw; /* header height = header_level_1 height + header_level_2 height */
  }
  .header_level_1, .logo, .logo a img, .social_networks {
    height: 5.4vw;
  }
  .social_networks .button {
    margin: 1.2vw 0 1.2vw 1.5vw;
  }
  .social_networks .button, .social_networks .button a img {
    height: 3vw;
  }
  .header_level_2 {
    height: 2.4vw; /* header_level_2 height = main_nav_button height = main_nav_button line-height */
  }
  .main_nav_button {
    height: 2.4vw;
    line-height: 2.4vw;
    font-size: 1.5vw;
    padding: 0 1vw;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1400px) { /* Dell laptop: 1366 */
  .header, .header_spacer {
    height: 6.7vw; /* header height = header_level_1 height + header_level_2 height */
  }
  .header_level_1, .logo, .logo a img, .social_networks {
    height: 4.7vw;
  }
  .social_networks .button {
    margin: 1.2vw 0 1.2vw 1.2vw;
  }
  .social_networks .button, .social_networks .button a img {
    height: 2.3vw;
  }
  .header_level_2 {
    height: 2vw; /* header_level_2 height = main_nav_button height = main_nav_button line-height */
  }
  .main_nav_button {
    height: 2vw;
    line-height: 2vw;
    font-size: 1.2vw;
    padding: 0 1vw;
  }
}
@media screen and (min-width: 1401px) { /* Asus monitor: 1920, HP monitor: 1600 */
  .header, .header_spacer {
    height: 5.2vw; /* header height = header_level_1 height + header_level_2 height */
  }
  .header_level_1, .logo, .logo a img, .social_networks {
    height: 3.5vw;
  }
  .social_networks .button {
    margin: 0.8vw 0 0.8vw 1vw;
  }
  .social_networks .button, .social_networks .button a img {
    height: 1.9vw;
  }
  .header_level_2 {
    height: 1.7vw; /* header_level_2 height = main_nav_button height = main_nav_button line-height */
  }
  .main_nav_button {
    height: 1.7vw;
    line-height: 1.7vw;
    font-size: 1vw;
    padding: 0 1vw;
  }
}

.admin_menu {
  text-align: center;
  background-color: #1f284e;
  color: #9b9ca0;
}

.admin_menu a:link    { color: #d7ddf9; text-decoration: none; }
.admin_menu a:visited { color: #d7ddf9; text-decoration: none; }
.admin_menu a:hover   { color: red; text-decoration: none; }
.admin_menu a:active  { color: red; text-decoration: none; }

button,
button:focus, 
button:active, 
button:hover,
input[type=submit],
input[type=submit]:focus, 
input[type=submit]:active, 
input[type=submit]:hover,
input[type=button],
input[type=button]:focus, 
input[type=button]:active, 
input[type=button]:hover {
	font-weight: bold;
	color: #FFFFFF;
	padding: 0.5vw 1vw;
  vertical-align: middle;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
  border: 1px solid #00749c;
	border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
  text-shadow: 0px -1px 0px rgba(0,0,0,.25);
  box-shadow: inset 0px 1px 0px rgba(255,255,255,.3), 0px 1px 2px rgba(0,0,0,.05);
}
button,
input[type=submit],
input[type=button] {
  background: #00749c; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#40b0d7, #00749c); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#40b0d7, #00749c); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#40b0d7, #00749c); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#40b0d7, #00749c); /* Standard syntax */
  color: #fcfcfc;
}
button:focus, 
button:active, 
button:hover,
input[type=submit]:focus, 
input[type=submit]:active, 
input[type=submit]:hover,
input[type=button]:focus, 
input[type=button]:active, 
input[type=button]:hover {
  background: #005174; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#2b8bb4, #005174); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#2b8bb4, #005174); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#2b8bb4, #005174); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#2b8bb4, #005174); /* Standard syntax */
  color: #fcfcfc;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge, Chrome, Opera, Safari */
  color: #cccccc;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #cccccc;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #cccccc;
}
:-moz-placeholder { /* Firefox 18- */
  color: #cccccc;
}

input[type=text],
input[type=text]:focus, 
input[type=text]:active,
input[type=password],
input[type=password]:focus,
input[type=password]:active,
input[type=email],
input[type=email]:focus,
input[type=email]:active,
select,
xtextarea,
xtextarea:focus,
xtextarea:active {
	font-weight: normal;
	margin: 0 0 3px 0;
	padding: 5px;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
  outline: none;
	border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
}
input[type=text],
input[type=password],
input[type=email],
select,
xtextarea {
	color: #333333;
  border: 1px solid #333333;
  box-shadow: none;
  background: #ffffff;
}
input[type=text]:focus, 
input[type=text]:active,
input[type=password]:focus,
input[type=password]:active,
input[type=email]:focus,
input[type=email]:active,
select:focus,
select:active,
xtextarea:focus,
xtextarea:active {
	color: #ac191e;
  border: 1px solid #ac191e;
  box-shadow: 0px 0px 5px #ac191e;
  background: #f8f5f5; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#f2eeee, #f8f5f5); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#f2eeee, #f8f5f5); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#f2eeee, #f8f5f5); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#f2eeee, #f8f5f5); /* Standard syntax */
}
@media screen and (max-width: 400px) {
  input[type=text],input[type=password],input[type=email],textarea { width: 85vw; }
}
@media screen and (min-width: 401px) and (max-width: 600px) {
  input[type=text],input[type=password],input[type=email],textarea { width: 80vw; }
}
@media screen and (min-width: 601px) and (max-width: 800px) {
  input[type=text],input[type=password],input[type=email],textarea { width: 70vw; }
}
@media screen and (min-width: 801px) and (max-width: 1000px) {
  input[type=text],input[type=password],input[type=email],textarea { width: 60vw; }
}
@media screen and (min-width: 1001px) and (max-width: 1200px) {
  input[type=text],input[type=password],input[type=email],textarea { width: 50vw; }
}
@media screen and (min-width: 1201px) and (max-width: 1400px) {
  input[type=text],input[type=password],input[type=email],textarea { width: 40vw; }
}
@media screen and (min-width: 1401px) {
  input[type=text],input[type=password],input[type=email],textarea { width: 30vw; }
}

.top_image {
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  box-shadow: 0px 5px 10px -5px #ac191e;
  background: #c0c0c0; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#958583, #c0c0c0); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#958583, #c0c0c0); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#958583, #c0c0c0); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#958583, #c0c0c0); /* Standard syntax */
}

.intro_boxes_container {
  margin: 5vh 0 0 0;
	width: 100%;
	height: auto;
  background: transparent;
	padding: 0;
  text-align: center;
}
.intro_boxes_container a {
  display: inline-block;
	margin: 0vw 0.7vw;
	padding: 0;
  border: 1px solid #333333;
  box-shadow: 0px 0px 5px #333333;
}
.intro_boxes_container a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80); /* For IE8 and earlier */
  border: 1px solid #ac191e;
  box-shadow: 0px 0px 5px #ac191e;
}
.intro_boxes_container a img {
	width: 14vw;
	height: auto;
	margin: 0;
	padding: 0;
  border: 0;
}

@media screen and (max-width: 400px) { /* blackberry q10: 346, ipod5 portrait: 320, iphone6/7/8 portrait: 375 */
  .intro_boxes_container {
    margin: 2vh 0 0 0;
  }
  .intro_boxes_container a {
    margin: 2.5vw 1.5vw;
  }
  .intro_boxes_container a img {
    width: 43vw;
  }
}
@media screen and (min-width: 401px) and (max-width: 600px) { /* ipod5 landscape: 480, iphone6/7/8 plus portrait: 414 */
  .intro_boxes_container {
    margin: 2vh 0 0 0;
  }
  .intro_boxes_container a {
    margin: 2.5vw 1.5vw;
  }
  .intro_boxes_container a img {
    width: 43vw;
  }
}
@media screen and (min-width: 601px) and (max-width: 800px) { /* ipad portrait: 768, iphone6/7/8 landscape: 667, iphone6/7/8 plus landscape: 736 */
  .intro_boxes_container {
    margin: 2.5vh 0 0 0;
  }
  .intro_boxes_container a {
    margin: 1.5vw 1.5vw;
  }
  .intro_boxes_container a img {
    width: 28vw;
  }
}
@media screen and (min-width: 801px) and (max-width: 1000px) {
  .intro_boxes_container {
    margin: 3vh 0 0 0;
  }
  .intro_boxes_container a {
    margin: 1.5vw 1.5vw;
  }
  .intro_boxes_container a img {
    width: 28vw;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1200px) { /* ipad landscape: 1024 */
  .intro_boxes_container {
    margin: 3vh 0 0 0;
  }
  .intro_boxes_container a {
    margin: 1.5vw 1.5vw;
  }
  .intro_boxes_container a img {
    width: 28vw;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1400px) { /* Dell laptop: 1366 */
  .intro_boxes_container {
    margin: 4vh 0 0 0;
  }
  .intro_boxes_container a {
    margin: 0vw 0.7vw;
  }
  .intro_boxes_container a img {
    width: 14vw;
  }
}
@media screen and (min-width: 1401px) { /* Asus monitor: 1920, HP monitor: 1600 */
  .intro_boxes_container {
    margin: 5vh 0 0 0;
  }
  .intro_boxes_container a {
    margin: 0vw 0.7vw;
  }
  .intro_boxes_container a img {
    width: 14vw;
  }
}

.content_box_container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  background-color: transparent;
  margin: 0;
  padding: 0;
}
.content_box {
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
  margin: 8vh 3vw 0 3vw;
  width: 40vw;
  padding: 3vh 3vw;
  border: 1px solid #333333;
	border-radius: 7px;
	-khtml-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
@media screen and (max-width: 400px) { /* blackberry q10: 346, ipod5 portrait: 320, iphone6/7/8 portrait: 375 */
  .content_box  {
    margin: 5vh 2vw 0 2vw;
    width: 85vw;
    padding: 2vh 2vw;
  }
}
@media screen and (min-width: 401px) and (max-width: 600px) { /* ipod5 landscape: 480, iphone6/7/8 plus portrait: 414 */
  .content_box  {
    margin: 5vh 2vw 0 2vw;
    width: 80vw;
    padding: 2vh 2vw;
  }
}
@media screen and (min-width: 601px) and (max-width: 800px) { /* ipad portrait: 768, iphone6/7/8 landscape: 667, iphone6/7/8 plus landscape: 736 */
  .content_box  {
    margin: 5vh 2vw 0 2vw;
    width: 70vw;
    padding: 2vh 2vw;
  }
}
@media screen and (min-width: 801px) and (max-width: 1000px) {
  .content_box  {
    margin: 5vh 2vw 0 2vw;
    width: 65vw;
    padding: 2vh 2vw;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1200px) { /* ipad landscape: 1024 */
  .content_box  {
    margin: 5vh 2vw 0 2vw;
    width: 60vw;
    padding: 3vh 3vw;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1400px) { /* Dell laptop: 1366 */
  .content_box  {
    margin: 7vh 2vw 0 2vw;
    width: 50vw;
    padding: 3vh 3vw;
  }
}
@media screen and (min-width: 1401px) { /* Asus monitor: 1920, HP monitor: 1600 */
  .content_box  {
    margin: 8vh 3vw 0 3vw;
    width: 40vw;
    padding: 3vh 3vw;
  }
}
.content_box h2 { margin: 0; }
.content_box p { margin: 2vh 0; }

.services_container {
  margin: 0 0 0 0;
	width: 100%;
	height: auto;
  padding: 7vh 0;
  text-align: center;
  background: #eeeeee;
}
.services_container2 {
  margin: 0 0 0 0;
	width: 100%;
	height: auto;
  padding: 7vh 0;
  text-align: center;
  background: #c0c0c0;
  xbox-shadow: 0px 5px 10px -5px #1f284e;
}
.services_container img.services_primary_image, .services_container2 img.services_primary_image {
  display: inline-block;
	width: 30vw;
	height: auto;
  margin: 0 1vw;
	padding: 0;
  vertical-align: top;
  box-shadow: 0px 0px 5px #333333;
  border: 3px solid #a60000;
	border-radius: 7px;
	-khtml-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.services_container img.services_secondary_image, .services_container2 img.services_secondary_image {
  display: none;
	width: 90vw;
	height: auto;
  margin: 0;
	padding: 0;
  vertical-align: top;
  box-shadow: none;
  border: 3px solid #a60000;
	border-radius: 7px;
	-khtml-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.services_inner_container {
  display: inline-block;
  margin: 0 1vw;
	width: 50vw;
	height: auto;
	padding: 0;
  text-align: left;
}
.services_inner_container h2 {
  font-family: Calibri, Helvetica, Arial, sans-serif;
  margin-top: 0;
}
@media screen and (max-width: 400px) { /* blackberry q10: 346, ipod5 portrait: 320, iphone6/7/8 portrait: 375 */
  .services_container img.services_primary_image, .services_container2 img.services_primary_image {
    display: none;
  }
  .services_container img.services_secondary_image, .services_container2 img.services_secondary_image {
    display: inline-block;
  }
  .services_inner_container {
    width: 90vw;
  }
}
@media screen and (min-width: 401px) and (max-width: 600px) { /* ipod5 landscape: 480, iphone6/7/8 plus portrait: 414 */
  .services_container img.services_primary_image, .services_container2 img.services_primary_image {
    display: none;
  }
  .services_container img.services_secondary_image, .services_container2 img.services_secondary_image {
    display: inline-block;
  }
  .services_inner_container {
    width: 90vw;
  }
}
@media screen and (min-width: 601px) and (max-width: 800px) { /* ipad portrait: 768, iphone6/7/8 landscape: 667, iphone6/7/8 plus landscape: 736 */
  .services_container img.services_primary_image, .services_container2 img.services_primary_image {
    display: inline-block;
  }
  .services_container img.services_secondary_image, .services_container2 img.services_secondary_image {
    display: none;
  }
  .services_inner_container {
    width: 50vw;
  }
}
@media screen and (min-width: 801px) and (max-width: 1000px) {
  .services_container img.services_primary_image, .services_container2 img.services_primary_image {
    display: inline-block;
  }
  .services_container img.services_secondary_image, .services_container2 img.services_secondary_image {
    display: none;
  }
  .services_inner_container {
    width: 50vw;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1200px) { /* ipad landscape: 1024 */
  .services_container img.services_primary_image, .services_container2 img.services_primary_image {
    display: inline-block;
  }
  .services_container img.services_secondary_image, .services_container2 img.services_secondary_image {
    display: none;
  }
  .services_inner_container {
    width: 50vw;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1400px) { /* Dell laptop: 1366 */
  .services_container img.services_primary_image, .services_container2 img.services_primary_image {
    display: inline-block;
  }
  .services_container img.services_secondary_image, .services_container2 img.services_secondary_image {
    display: none;
  }
  .services_inner_container {
    width: 50vw;
  }
}
@media screen and (min-width: 1401px) { /* Asus monitor: 1920, HP monitor: 1600 */
  .services_container img.services_primary_image, .services_container2 img.services_primary_image {
    display: inline-block;
  }
  .services_container img.services_secondary_image, .services_container2 img.services_secondary_image {
    display: none;
  }
  .services_inner_container {
    width: 50vw;
  }
}


.twocolumns_container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  background-color: transparent;
  margin: 0;
  padding: 0;
}
.twocolumns_inner_container {
  margin: 10vh 4vw 0 4vw;
  width: 35vw;
  padding: 0 3vw;
  text-align: center;
  border: 0;
}
@media screen and (max-width: 400px) { /* blackberry q10: 346, ipod5 portrait: 320, iphone6/7/8 portrait: 375 */
  .twocolumns_container {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
  }
  .twocolumns_inner_container  {
    margin: 5vh 2vw 0 2vw;
    width: 85vw;
    padding: 0 2vw;
  }
}
@media screen and (min-width: 401px) and (max-width: 600px) { /* ipod5 landscape: 480, iphone6/7/8 plus portrait: 414 */
  .twocolumns_container {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
  }
  .twocolumns_inner_container  {
    margin: 5vh 2vw 0 2vw;
    width: 85vw;
    padding: 0 2vw;
  }
}
@media screen and (min-width: 601px) and (max-width: 800px) { /* ipad portrait: 768, iphone6/7/8 landscape: 667, iphone6/7/8 plus landscape: 736 */
  .twocolumns_inner_container  {
    margin: 5vh 2vw 0 2vw;
    width: 40vw;
    padding: 0 2vw;
  }
}
@media screen and (min-width: 801px) and (max-width: 1000px) {
  .twocolumns_inner_container  {
    margin: 5vh 2vw 0 2vw;
    width: 40vw;
    padding: 0 2vw;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1200px) { /* ipad landscape: 1024 */
  .twocolumns_inner_container  {
    margin: 5vh 2vw 0 2vw;
    width: 35vw;
    padding: 0 3vw;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1400px) { /* Dell laptop: 1366 */
  .twocolumns_inner_container  {
    margin: 7vh 2vw 0 2vw;
    width: 33vw;
    padding: 0 3vw;
  }
}
@media screen and (min-width: 1401px) { /* Asus monitor: 1920, HP monitor: 1600 */
  .twocolumns_inner_container  {
    margin: 8vh 3vw 0 3vw;
    width: 30vw;
    padding: 0 3vw;
  }
}
.twocolumns_inner_container h2 { margin: 0; }
.twocolumns_inner_container p { margin: 2vh 0px 2vh 0px; }
.twocolumns_inner_container img.twocolumns_image {
  display: inline-block;
	width: 100%;
	height: auto;
  margin: 15px 1vw 0 1vw;
	padding: 0;
  vertical-align: top;
  box-shadow: 0px 0px 5px #333333;
  border: 3px solid #a60000;
	border-radius: 7px;
	-khtml-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.twocolumns_inner_container a img:hover {
  opacity: 0.8;
  filter: alpha(opacity=80); /* For IE8 and earlier */
}

.twocolumns2_container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  background-color: transparent;
  margin: 0;
  padding: 0 0 10vh 0;
}
.twocolumns2_inner_container {
  margin: 10vh 4vw 0 4vw;
  width: 35vw;
  padding: 0;
  text-align: left;
  border: 0;
}
@media screen and (max-width: 400px) { /* blackberry q10: 346, ipod5 portrait: 320, iphone6/7/8 portrait: 375 */
  .twocolumns2_container {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 0 5vh 0;
  }
  .twocolumns2_inner_container  {
    margin: 5vh 2vw 0 2vw;
    width: 85vw;
    padding: 0;
  }
}
@media screen and (min-width: 401px) and (max-width: 600px) { /* ipod5 landscape: 480, iphone6/7/8 plus portrait: 414 */
  .twocolumns2_container {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 0 5vh 0;
  }
  .twocolumns2_inner_container  {
    margin: 5vh 2vw 0 2vw;
    width: 85vw;
    padding: 0;
  }
}
@media screen and (min-width: 601px) and (max-width: 800px) { /* ipad portrait: 768, iphone6/7/8 landscape: 667, iphone6/7/8 plus landscape: 736 */
  .twocolumns2_container {
    padding: 0 0 5vh 0;
  }
  .twocolumns2_inner_container  {
    margin: 5vh 2vw 0 2vw;
    width: 40vw;
    padding: 0;
  }
}
@media screen and (min-width: 801px) and (max-width: 1000px) {
  .twocolumns2_container {
    padding: 0 0 5vh 0;
  }
  .twocolumns2_inner_container  {
    margin: 5vh 2vw 0 2vw;
    width: 40vw;
    padding: 0;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1200px) { /* ipad landscape: 1024 */
  .twocolumns2_container {
    padding: 0 0 5vh 0;
  }
  .twocolumns2_inner_container  {
    margin: 5vh 2vw 0 2vw;
    width: 35vw;
    padding: 0;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1400px) { /* Dell laptop: 1366 */
  .twocolumns2_container {
    padding: 0 0 7vh 0;
  }
  .twocolumns2_inner_container  {
    margin: 7vh 2vw 0 2vw;
    width: 33vw;
    padding: 0;
  }
}
@media screen and (min-width: 1401px) { /* Asus monitor: 1920, HP monitor: 1600 */
  .twocolumns2_container {
    padding: 0 0 5vh 0;
  }
  .twocolumns2_inner_container  {
    margin: 8vh 3vw 0 3vw;
    width: 30vw;
    padding: 0;
  }
}
.twocolumns2_inner_container h2 { margin: 0; }
.twocolumns2_inner_container p { margin: 2vh 0px 2vh 0px; }
.twocolumns2_inner_container img.twocolumns2_image {
  display: inline-block;
	width: 100%;
	height: auto;
  margin: 15px 1vw 0 1vw;
	padding: 0;
  vertical-align: top;
  box-shadow: 0px 0px 5px #333333;
  border: 3px solid #a60000;
	border-radius: 7px;
	-khtml-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.twocolumns2_inner_container a img:hover {
  opacity: 0.8;
  filter: alpha(opacity=80); /* For IE8 and earlier */
}

.tile_container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  background-color: transparent;
  margin: 15px 0 0 0;
  padding: 0;
}
.tile_container .tile {
  width: 20%;
  height: auto;
	padding: 0;
	margin: 0;
  border: 0;
}
.tile_container .tile img {
  width: 100%;
  height: auto;
	padding: 0;
	margin: 0;
  opacity: 1.0;
  filter: alpha(opacity=100);
  border: 0;
}
@media screen and (max-width: 400px) { /* blackberry q10: 346, ipod5 portrait: 320, iphone6/7 portrait: 375 */
  .tile_container .tile {
    width: 100%;
  }
}
@media screen and (min-width: 401px) and (max-width: 600px) { /* ipod5 landscape: 480, iphone6/7 plus portrait: 414 */
  .tile_container .tile {
    width: 50%;
  }
}
@media screen and (min-width: 601px) and (max-width: 800px) { /* ipad portrait: 768, iphone6/7 landscape: 667, iphone6/7 plus landscape: 736 */
  .tile_container .tile {
    width: 50%;
  }
}
@media screen and (min-width: 801px) and (max-width: 1000px) {
  .tile_container .tile {
    width: 33%;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1200px) { /* ipad landscape: 1024 */
  .tile_container .tile {
    width: 33%;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1400px) { /* Dell laptop: 1366 */
  .tile_container .tile {
    width: 25%;
  }
}
@media screen and (min-width: 1401px) { /* Asus monitor: 1920, HP monitor: 1600 */
  .tile_container .tile {
    width: 25%;
  }
}

p.point_right {
	background:url(images/point_right_red_3.png) no-repeat left top;
	margin-left:0;
	padding-left:50px;
	min-height:20px;
}

div.round_msg_box {
	background: #ffffff;
	border: 1px solid #a60000;
	margin: 10px 0px 10px 0px;
	padding: 10px;
	color: #666666;
  box-shadow: 0px 0px 5px #333333;
	border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
div.round_msg_box p:last-child {
	margin: 0;
}

.footer_level_1 {
  width: 100%;
  height: 5px;
  margin: 8vh 0 0 0;
	padding: 0;
  background: #00749c; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#40b0d7, #00749c); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#40b0d7, #00749c); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#40b0d7, #00749c); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#40b0d7, #00749c); /* Standard syntax */
}

.footer_level_2 {
  width: 100%;
  height: auto;
  margin: 0;
	padding: 0 0 1vw 0;
  text-align: center;
  background: #333333; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#777777, #333333); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#777777, #333333); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#777777, #333333); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#777777, #333333); /* Standard syntax */
}
.footer_level_2 p {
  text-align: center;
  height: auto;
  margin: 0;
	padding: 1vh 0;
  font-size: 1vw;
  color: #f4f4f4;
}
.footer_level_2 p a:link    { color: #f4f4f4; text-decoration: underline; }
.footer_level_2 p a:visited { color: #f4f4f4; text-decoration: underline; }
.footer_level_2 p a:hover   { color: #333333; text-decoration: underline; background: #f4f4f4; }
.footer_level_2 p a:active  { color: #333333; text-decoration: underline; background: #f4f4f4; }
@media screen and (max-width: 400px) { /* blackberry q10: 346, ipod5 portrait: 320, iphone6/7/8 portrait: 375 */
  .footer_level_1 {
    margin: 5vh 0 0 0;
  }
  .footer_level_2 p, .footer_level_2 p a {
    font-size: 3vw;
  }
}
@media screen and (min-width: 401px) and (max-width: 600px) { /* ipod5 landscape: 480, iphone6/7/8 plus portrait: 414 */
  .footer_level_1 {
    margin: 5vh 0 0 0;
  }
  .footer_level_2 p, .footer_level_2 p a {
    font-size: 2.25vw;
  }
}
@media screen and (min-width: 601px) and (max-width: 800px) { /* ipad portrait: 768, iphone6/7/8 landscape: 667, iphone6/7/8 plus landscape: 736 */
  .footer_level_1 {
    margin: 5vh 0 0 0;
  }
  .footer_level_2 p, .footer_level_2 p a {
    font-size: 1.5vw;
  }
}
@media screen and (min-width: 801px) and (max-width: 1000px) {
  .footer_level_1 {
    margin: 5vh 0 0 0;
  }
  .footer_level_2 p, .footer_level_2 p a {
    font-size: 1.5vw;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1200px) { /* ipad landscape: 1024 */
  .footer_level_1 {
    margin: 5vh 0 0 0;
  }
  .footer_level_2 p, .footer_level_2 p a {
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1400px) { /* Dell laptop: 1366 */
  .footer_level_1 {
    margin: 7vh 0 0 0;
  }
  .footer_level_2 p, .footer_level_2 p a {
    font-size: 1vw;
  }
}
@media screen and (min-width: 1401px) { /* Asus monitor: 1920, HP monitor: 1600 */
  .footer_level_1 {
    margin: 8vh 0 0 0;
  }
  .footer_level_2 p, .footer_level_2 p a {
    font-size: 1vw;
  }
}

a.footer_data_tracker {
  display: inline-block;
	margin: 1.5vw 0vw 0vw 0vw;
	padding: 0;
  border: 0;
  opacity: 0.7;
  filter: alpha(opacity=70); /* For IE8 and earlier */
}
a.footer_data_tracker:hover {
  opacity: 1.0;
  filter: alpha(opacity=100); /* For IE8 and earlier */
}
a.footer_data_tracker img {
	width: 14vw;
	height: auto;
	margin: 0;
	padding: 0;
  border: 0;
}

@media screen and (max-width: 400px) { /* blackberry q10: 346, ipod5 portrait: 320, iphone6/7/8 portrait: 375 */
  a.footer_data_tracker {
    margin-top: 2vw;
  }
  a.footer_data_tracker img {
    width: 48vw;
  }
}
@media screen and (min-width: 401px) and (max-width: 600px) { /* ipod5 landscape: 480, iphone6/7/8 plus portrait: 414 */
  a.footer_data_tracker {
    margin-top: 2vw;
  }
  a.footer_data_tracker img {
    width: 38vw;
  }
}
@media screen and (min-width: 601px) and (max-width: 800px) { /* ipad portrait: 768, iphone6/7/8 landscape: 667, iphone6/7/8 plus landscape: 736 */
  a.footer_data_tracker {
    margin-top: 1.8vw;
  }
  a.footer_data_tracker img {
    width: 28vw;
  }
}
@media screen and (min-width: 801px) and (max-width: 1000px) {
  a.footer_data_tracker {
    margin-top: 1.6vw;
  }
  a.footer_data_tracker img {
    width: 24vw;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1200px) { /* ipad landscape: 1024 */
  a.footer_data_tracker {
    margin-top: 1.4vw;
  }
  a.footer_data_tracker img {
    width: 20vw;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1400px) { /* Dell laptop: 1366 */
  a.footer_data_tracker {
    margin-top: 1.2vw;
  }
  a.footer_data_tracker img {
    width: 18vw;
  }
}
@media screen and (min-width: 1401px) { /* Asus monitor: 1920, HP monitor: 1600 */
  a.footer_data_tracker {
    margin-top: 1vw;
  }
  a.footer_data_tracker img {
    width: 14vw;
  }
}


div.folders_sidebar {
	background: #eeeeee;
	border: 1px solid black;
	margin: 30px 20px 10px 10px;
	padding: 10px;
	color: #666666;
  box-shadow: 3px 5px 15px 5px #666666;
	border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
div.folders_sidebar h3 {
  background: #cccccc;
	margin: 0;
  padding: 3px;
	xtext-decoration: underline;
}
div.folders_sidebar p {
	margin: 0;
  border-bottom: 1px solid #999999;
}
div.folders_sidebar p:last-child {
	border: 0;
}


/* | Start mailbox_table | */

table.mailbox_table {
  border          :	1px solid black;
  border-collapse	:	collapse;
  margin-top		  :	10px;
  margin-bottom		:	10px;
  width           : 100%
}
table.mailbox_table tr {
  border-top      :	1px solid #999999;
  border-bottom		:	1px solid #999999;
}
table.mailbox_table tr.seen_msg_1 {
  background-color	:	#e8e8e8;
}
table.mailbox_table tr.seen_msg_2 {
  background-color	:	#e8e8e8;
}
table.mailbox_table tr.new_msg {
  background-color	:	#cacaca;
}
table.mailbox_table tr.selected_msg {
  background-color	:	#82D3F6;
}
table.mailbox_table td {
  padding		:	4px 8px 4px 8px;
  text-align		:	left;
  vertical-align	:	middle;
}
table.mailbox_table th {
  background-color	:	#1E6F92;
  color			:	#FFFFFF;
  font-weight		:	bold;
  padding		:	4px 8px 4px 8px;
  text-align		:	left;
}
table.mailbox_table th a {
  color : #FFFFFF;
}
table.mailbox_table th.left, table.mailbox_table td.left {
  border-right		:	2px solid black;
}
table.mailbox_table th.right, table.mailbox_table td.right {
  border-left		:	2px solid black;
}
table.mailbox_table td.form_border {
  background-color	:	black;
  padding		:	0;
}

/* | End mailbox_table | */

/* | Start message_headers_table | */

table.message_headers_table {
  border          :	1px solid black;
  border-collapse	:	collapse;
  margin-top		  :	10px;
  margin-bottom		:	10px;
  width           : 100%;
}
table.message_headers_table tr {
  xborder-top        : 1px solid #999999;
  xborder-bottom	    : 1px solid #999999;
}
table.message_headers_table th {
  background-color  : #1E6F92;
  color             : #FFFFFF;
  font-weight       : bold;
  padding           : 2px 10px 2px 5px;
  text-align        : left;
  vertical-align    : top;
}
table.message_headers_table td {
  background-color	: #dddddd;
  xcolor             : #FFFFFF;
  padding           : 2px 5px 2px 10px;
  text-align        : left;
  vertical-align    : top;
  width             : 100%;
}

/* | End message_headers_table | */

div.message_section {
	margin: 15px 0px 0px 0px;
	padding: 0px;
}
@media print {
  div.message_section {
    break-inside: avoid;
  }
}

div.message_section_heading {
  width           : 100%;
  background-color : #CCCCCC;
	padding: 5px;
}

div.message_section_content {
  width: 100%;
  background-color: #FFFFFF;
  border: 1px solid #2554C7;
	padding: 5px;
  font-weight		:	normal;
}

.monospace {
  xfont-family: 'Lucida Console', monospace;
  xfont-weight: normal;
}

/* setting font-family to inherit ensures that when displaying a message body with a monospace font, that the links will do the same */
div.message_section_content a:link	{ font-family: inherit }
div.message_section_content a:visited	{ font-family: inherit }
div.message_section_content a:hover	{ font-family: inherit }
div.message_section_content a:active	{ font-family: inherit }

div.message_section_image {
  width: 100%;
  text-align: left;
	padding: 5px;
}

div.message_section_image img {
  max-width: 100%;
}

.compose_textarea {
  background-color : white;
  font-family      : Calibri, Helvetica, Arial, sans-serif;
  font-size        : 12pt;
  width            : 95%;
  height           : 300px;
  color            : black;
  font-weight      : normal;
  border           : solid #2554C7 1px;
  padding          : 5px;
}

/* | Start form_table | */

.form_table {
  width: 50%;
  margin: 0 auto;
}
@media screen and (max-width: 400px) { /* blackberry q10: 346, ipod5 portrait: 320, iphone6/7/8/8 portrait: 375 */
  .form_table { width: 80%; }
}
@media screen and (min-width: 401px) and (max-width: 600px) { /* ipod5 landscape: 480, iphone6/7/8/8 plus portrait: 414 */
  .form_table { width: 80%; }
}
@media screen and (min-width: 601px) and (max-width: 800px) { /* ipad portrait: 768, iphone6/7/8/8 landscape: 667, iphone6/7/8/8 plus landscape: 736 */
  .form_table { width: 80%; }
}
@media screen and (min-width: 801px) and (max-width: 1000px) {
  .form_table { width: 70%; }
}
@media screen and (min-width: 1001px) and (max-width: 1200px) { /* ipad landscape: 1024 */
  .form_table { width: 60%; }
}
@media screen and (min-width: 1201px) and (max-width: 1400px) { /* Dell laptop: 1366 */
  .form_table { width: 50%; }
}
@media screen and (min-width: 1401px) { /* Asus monitor: 1920, HP monitor: 1600 */
  .form_table { width: 50%; }
}

.form_table form {
  display: inline-block;
  width: 100%;
  text-align: left;
  margin: 15px auto;
}

.form_table .row {
  width: 80%;
  margin: 0 auto;
}

.form_table label {
  display: inline-block;
  font-weight: bold;
}

.form_table .col-25 {
  float: left;
  width: 40%;
  margin-top: 6px;
  xpadding: 4px 8px 4px 8px;
}

.form_table .col-75 {
  float: left;
  width: 60%;
  margin-top: 6px;
}

.form_table .row:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 600px) {
  .form_table .col-25, .form_table .col-75 {
    width: 100%;
    margin-top: 0;
  }
}

.form_table input[type=text],
.form_table input[type=password],
.form_table input[type=email],
.form_table select,
.form_table textarea {
  width: 100%;
}

.form_table p {
  text-align: left;
}

/* | End form_table | */

input.subscribe_email,
input.subscribe_email:focus,
input.subscribe_email:active {
  text-align: center;
}


@media print {
  .do_not_print		{ display: none }
  .print_only		  { display: block }
}

@media screen {
  .do_not_print		{ display: block }
  .print_only		  { display: none }
}