* {margin: 0px; padding: 0; box-sizing: border-box; font-size: 30px;
    font-family: "HelveticaNeue-Light", "HelveticaNeueBoldCondensed", 
	"HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeueBold", 
	"HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", 
	'TeXGyreHerosCnBold', "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", 
	sans-serif; font-stretch:condensed;}  /* Reset Styles and Default Font */
.red {background-color: #922F2d;}       /* BPR red background */
.blue {background-color: #193479;}      /* BPR blue background */
.lightblue {background-color: #e3e8f1;} /* BPR light blue background */
/* darkgreen Painted Shells color */

/*********************  START Styles for Heading with Hamburger   *********************/
#head {width: 100%;  background: darkgreen;}
  /* Overlay for menu drop */
   .overlay {height: 0%; width: 100%; position: fixed; z-index: 2; top: 0%; left: 0;
	   background-color: darkgreen; overflow-y: hidden; transition: 0.5s;}
   .overlay-content {position: relative; top: 20px; width: 100%; text-align: center;
      margin-top: 0px;}
   /* nav links */
      .overlay a {padding: 4px; text-decoration: none; font-size: 24px;
         color: #ffffff; display: block; transition: 0.3s;}
         .overlay a:hover, .overlay a:focus {color: #f1f1f1;}
   /* Position the close button (top left corner) */
      .overlay .closebtn {position: absolute; font-size: 45px; padding: 0px 5px 5px 5px;
         top: 0; left: 10px;}
	@media screen and (max-height: 450px) {
	  .overlay {overflow-y: auto;}
	  .overlay a {font-size: 20px}
	  .overlay .closebtn {font-size: 40px; top: 0; left: 10px;}
	  }
	#logo {display:block; margin-left: auto; margin-right: auto;}
  /* END Overlay for menu drop */	
/*********************  END Styles for Heading with Hamburger   *********************/

/*********************  START Styles for SlideOver   *********************/
.overlay-slideOver {height: 100%; width: 0%; background-color: #922F2d; 
    overflow-x: hidden; position: fixed;  top: 0%; left: 0; overflow-y: hidden; 
    transition: 0.5s; z-index: 2;}
.overlay-content-slideOver {position: relative; top: 20px; width: 100%; text-align: center;
    margin-top: 0px; height: 100%; padding: 0;}
.overlay-content-slideOver > #centerCopy {height:100%; margin: auto; max-width:450px; 
    font-size:24pt;}
.overlay-content-slideOver > #centerCopy > h4 {font-size: 36pt; padding: 0 0 20px 0;}
.overlay-content-slideOver > #centerCopy > h5 {padding-bottom: 25px; font-size: 36px;
    font-weight: normal;}
.overlay-content-slideOver > #centerCopy > ul {font-size: 30pt; text-align: left;
    list-style-type: square; list-style-position: inside;}
.overlay-slideOver a {padding: 8px; text-decoration: none; font-size: 36px; color: #ffffff;
    display: block; transition: 0.3s; height: 100%; width: 100%;}
.overlay-slideOver .closebtn-slideOver {left: 0px; padding: 0px 0px 0px 10px; 
    position: absolute; top: 0px; font-size: 45px;}
@media screen and (max-width: 413px) {
  .overlay-slideOver a {font-size: 20px}
  .overlay-slideOver .closebtn-slideOver {font-size: 20px;}
  .overlay-content-slideOver > #centerCopy > ul > li {font-size: 16pt;}
  .overlay-slideOver .closebtn-slideOver {font-size: 36px;} 
}
.SlideOverButton {pointer: cursor; text-decoration: none; font-size: 36px; float: right; 
      color: #ffffff; border: 5px solid #922F2d; border-radius: 70%; 
      background-color: #922F2d; margin: 7px 0 0 0;} /* Click this for SlideOver */
/*********************  START Styles for SlideOver   *********************/

/*********************  START Styles for Grid Layout For Page   *********************/
.grid-container { display: grid;
  grid-template-areas: "header header header" "main main main" "footer footer footer"; 
  grid-template-rows: 60px 1fr; grid-template-columns: 1fr 1fr 1fr;}
.grid-item {background-color: #dddddd; padding: 0px;}
.item-1 {grid-area: header;}
.item-2 {display: none; grid-area: nav;}
.item-3 {grid-area: main; padding: 0px;}
.item-4 {display: none; grid-area: ads;}
.item-5 {grid-area: footer; background-color: darkgreen;color: #ffffff; padding: 5px 0 0 5px;}
/*********************  END Styles for Grid Layout For Page   *********************/

/*********************  START Styles for Flex Layout For Main   *********************/
.wrapperFlex {display: flex; flex-wrap: wrap; margin: 0; padding: 5px; background:#dddddd;
  font-family: "HelveticaNeue-Light", "HelveticaNeueBoldCondensed", 
	"HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeueBold", 
	"HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", 
	'TeXGyreHerosCnBold', "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", 
	sans-serif; font-weight:100; font-stretch:condensed;}
.wrapperFlex > a {flex: 1 1 150px; margin: 5px; padding: 5px; border-radius: 5px;
 background:#ffffff; height:80px; text-decoration: none; color: #000000; font-size: 15px;}
.wrapperFlex > a > p {margin: 0px 0px 0px 3px; padding: 0px; font-size: 12px;
	line-height: 15px; white-space: nowrap;}
.wrapperFlex > a > h4 {font-size: 32px; white-space: nowrap; margin: 0px 0px 0px 3px;
  padding: 0px;}
/*********************  END Styles for Flex Layout For Main   *********************/

/******************  START Styles for Footer   *******************/
.FooterGrid {display: grid; grid-template-columns: repeat(auto-fill, 45px); grid-gap: 4px;}
.FooterGrid > a > img {object-fit: cover; height:45px; width:45px; margin:0px; padding:0px; 
border-radius: 5px;}
.FooterGrid > div > img {object-fit: cover; height:45px; width:45px; margin:0px; padding:0px; 
border-radius: 5px; cursor:pointer;}
.FooterBar {height:40px;}
/******************  END Styles for Footer   *******************/

/********  START Styles for Form  ********/
input[type=submit] {font-size:32px; padding: 8px 10px; width: 50%; color: white; 
   background-color: darkgreen; padding: 14px 20px; margin: 8px 0; border: none; 
   border-radius: 10px; cursor: pointer;}
input[type=submit]:hover {background-color: #20439d;}
#form {width:100%; margin:auto; border-radius: 5px; padding: 20px;
   background-color: #e3e8f1; /* light blue */}
#form.login {width: 100%; max-width:415px;}
#un.login {font-size:24px; padding: 10px; margin: 0 0 15px 0; height: 44px; width: 100%;}
#pw.login {font-size:24px; padding: 10px; margin: 0 0 20px 0; height: 44px; width: 100%;}
/********  END Styles for Form   ********/

/************  START Media Queries  ***************/	  
    .mySlides {width: 100%; height: 280px; object-fit: cover;}
	@media only screen and (min-width: 400px) { 
	  /* For iPhone */       
      .mySlides {width: 100%; height: 280px; object-fit: cover;}
    }
    @media only screen and (min-width: 700px) {
      /* For ipad */
      .mySlides {width: 100%; height: 400px; object-fit: cover;}
    }     
    @media only screen and (min-width: 800px) {
      /* For Desktop */
      .mySlides {width: 100%; height: 410px; object-fit: cover;}
    }  
/************  END Media Queries  ***************/

/* Print Styles */
@media print {
  table, tr, td {margin:0;font-size:8pt;padding:0;line-height: 7%;} 
  .dot {height:0px;width:0px;color:#000000;padding:0;margin:-90%;}
  table caption h2 {font-size: 12pt;}
  #head {width: 100%;  background: #ffffff;} 
  #logo {display: inline;width: 70px;} 
  #hamburger {display:none;}
  #agentLogo {display:none;}
  table>thead>tr>th>h2 {font-size:12pt;}
}
/* END Print Styles */