body { font-family:Verdana, Arial, sans-serif;

       background-color: #214a8a;

       margin:0;

}

#wrapper { background-color: #214a8a; 

           color: #FFFFFF;

           width: 1250px;

		       margin: 20px;

           max-width:1800px;

           text-align:center;
	clear: both;

} 


#header { background-color: #214a8a;

        color: #214a8a; 

        font-size: 150%; 

        padding: 10px 10px 10px 155px; 

}

#nav { float: left;

	   width: 150px;

	   letter-spacing:0.1em;

	   font-weight: bold;

	   padding-left: 0; 

} 

#content { background-color: white;

           color: #000000;

		   padding: 10px 10px;

	       overflow: auto; 

	       text-align: left;

         line-height: 22px;

         

} 

#footer {font-size:70%;

         text-align: center;

         padding: 10px;

         background-color:#214a8a;

         color:white;

}

h5 {color: #000000; 

     font-family: arial, sans-serif;
	font-size: 24px;
	text-align: center;
}

h4 {

	font-weight:bold;

    font-family: arial, sans-serif;

	text-align:left;

	font-size: 18px;

}

h3 {

	font-weight:bold;

    font-family: arial, sans-serif;

	text-align:left;

	font-size:22px;

}

h2 { color: #000000; 

     font-family: arial, sans-serif;

     text-indent:430px;

}

h1 {color: white;

	font-family: arial, sans-serif;

	text-align:center;

	}



#floatright {float: right;

				margin:0 10px 0 0px;

}

#floatleft {float: left;

				margin:0 15px 0 0;

}

#floatcenter{

	float:inherit

}

.auto-style2 {

		margin-left: 96px;

	}

#sidebar { float: right;

	  	   width: 200px; 

	  	   margin-left:0px;}



#nav ul { list-style-type: none; 

          margin: 0;

          padding: 0;

}



#nav a { text-decoration: none; 

         display: block;

	     padding: 20px;    

         background-color: #214a8a;     

	     border-bottom: 1px solid #214a8a; 	 

}

#nav a:link { color: white; 

}

#nav a:visited { color: white;}

#nav a:hover { background-color: #eaeaea;

              color: black;

}

.center { display: block;

		  margin-left: auto;

		  margin-right: auto;

		  width: 50%; }

.auto-style1 {

	text-align: center;

}

	/* unvisited link */

#footerlinks a:link {

  		color: white;

}



	/* visited link */

#footerlinks a:visited {

  		color: white;

}



	/* mouse over link */

#footerlinks a:hover {

 		 color: red;

}



	/* selected link */

#footerlinks a:active {

  		color: white;

}

.table1{padding: 10px;

  border: 1px solid black; 

}

.table1 th{text-align:center;

}

.table1 td{ text-align:center;

  border: 1px solid black;



 

}

.table2 th{

 text-align:center;

}

.table2 td{

  text-align:center;

}

.table2 {

      padding: 10px;

      border: 1px solid white; 

      border-collapse: collapse;

      }

#content a:link { color: black; 

}

#content a:visited { color: black;}

#content a:hover { color: red;}

/* Three image containers (use 25% for four, and 50% for two, etc) */

.column {

  float: left;

  width: 33.33%;

  padding: 5px;

}



/* Clear floats after image containers */

.row::after {

  content: "";

  clear: both;

  display: table;

}

.row {

  display: flex;

  border: none;

  padding: 5px;

}



.column {

  flex: 33.33%;

  padding: 5px;

}

.button a {

  text-decoration: none;

  display: inline-block;

  padding: 8px 16px;

}



.button a:hover {

  color: red;

  font-weight:bold;

  font-size:18px;

  background-color: #eaeaea;

}



.previous {

  background-color: white;

  color: red;

  font-family:lobster;

  font-weight:bold;

  font-size:18px;

}



.next {

  background-color: white;

  color: red;

  font-family:lobster;

  font-weight:bold;

  font-size:18px;}

/* Dropdown Button */

.dropbtn {

  background-color: #214a8a;

  color:white;

  padding:20px;

  font-size:20px;

  font-weight:bold;

  border: none;

  letter-spacing:0.1em;

  width:150px;

  display:block;

  text-align:center;

  border-bottom: 1px solid #214a8a;

  }

/* The container <div> - needed to position the dropdown content */

.dropdown {

  position: relative;

  display: inline-block;

}



/* Dropdown Content (Hidden by Default) */

.dropdown-content {

  display: none;

  position: absolute;

  background-color: #214a8a;

  min-width: 160px;

  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

  z-index: 1;

}



/* Links inside the dropdown */

.dropdown-content a {

  color:black;

  padding: 12px 16px;

  text-decoration: none;

  display: block;

}



/* Change color of dropdown links on hover */

.dropdown-content a:hover {background-color:#eaeaea;}



/* Show the dropdown menu on hover */

.dropdown:hover .dropdown-content {display: block;}



/* Change the background color of the dropdown button when the dropdown content is shown */

.dropdown:hover .dropbtn {background-color: #eaeaea;

color:black;}

 .faqHeader {
        font-size: 27px;
        margin: 20px;
    }

    .panel-heading [data-toggle="collapse"]:after {
        font-family: 'Glyphicons Halflings';
        content: "e072"; /* "play" icon */
        float: right;
        color: #F58723;
        font-size: 18px;
        line-height: 22px;
        /* rotate "play" icon from > (right arrow) to down arrow */
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .panel-heading [data-toggle="collapse"].collapsed:after {
        /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        color: #454444;
    }

    .accordion {
      background-color: #eee;
      color: #444;
      cursor: pointer;
      padding: 18px;
      width: 100%;
      border: none;
      text-align: left;
      outline: none;
      font-size: 15px;
      transition: 0.4s;
    }
    
    .active, .accordion:hover {
      background-color: #ccc;
    }
    
    .accordion:after {
      content: '\002B';
      color: #777;
      font-weight: bold;
      float: right;
      margin-left: 5px;
    }
    
    .active:after {
      content: "\2212";
    }
    
    .panel {
      padding: 0 18px;
      background-color: white;
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.2s ease-out;
    }