body {
background: #FFFFFF; 
  font-family: Arial, Helvetica, sans-serif;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	
}



.yellowbold {
	color:yellow;
	font-weight:bold;
}

img {

-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */	
}
img.active,img:hover {
    cursor: pointer;

    background: orange;
color:white;
		  transform: scale(1.05) perspective(1px);
  			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.39);

}


input[type=submit] {

 padding-left:7px;
    box-sizing: border-box;
    font-size: 16px;
    background-color: white;
    background-position: 10px 10px; 
    background-repeat: no-repeat;
	   background: #FFFFFF; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#FFFFFF, #F2F0F2); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFFFFF, #F2F0F2); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #F2F0F2); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF, #F2F0F2); /* Standard syntax (must be last)*/
font-size: 16px;color:black;
}
input[type=submit].active, input[type=submit]:hover {
  			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.29);


}
@keyframes changestar {

0%   {}
 50%  {opacity:0;font-size:120px;top:-40px;rotate:180deg;}
  100% {}

    
}
@keyframes changestar2 {
	0%   {}
 20%  {opacity:0;font-size:100px;top:-45px;rotate:180deg;}
  100% {}
    
}
@keyframes changescore {
	
	0%   {}
 50%  {font-size:36px;background-color: none;}
  100% {background-color: none;}

}

input[type=text] {
 padding-left:7px;
      box-sizing: border-box;
    border: 3px solid #FFA500;
    font-size: 16px;
    background-color: white;
    background-position: 10px 10px; 
    background-repeat: no-repeat;
	   background: #FFFFFF; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#FFFFFF, #F2F0F2); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFFFFF, #F2F0F2); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #F2F0F2); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF, #F2F0F2); /* Standard syntax (must be last)*/
	
font-size: 25px;

}

input[type=password] {
 padding-left:7px;
    box-sizing: border-box;
    border: 3px solid #FFA500;
    font-size: 16px;
    background-color: white;
    background-position: 10px 10px; 
    background-repeat: no-repeat;
	   background: #FFFFFF; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#FFFFFF, #F2F0F2); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFFFFF, #F2F0F2); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #F2F0F2); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF, #F2F0F2); /* Standard syntax (must be last)*/
font-size: 25px;
		
}
input[type=password]:hover {
  			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.29);
    border: 3px solid #00CC33;

}


form.searchform input[type=text] {
  padding: 6px;
  font-size: 17px;
  border: 3px solid orange;
height:40px;
  float: left;
  width: 80%;
  background: #f1f1f1;
}

form.searchform button {
  float: left;
  width: 19%;
  padding: 4px;
  height:40px;

  background: #2196F3;
  color: white;
  font-size: 17px;
  border: 3px solid #2196F3;
  border-radius:0px 8px 8px 0px;
  border-left: none;
  cursor: pointer;
}

form.searchform button:hover {
  background: #0b7dda;
}

select {
 padding-left:7px;
      box-sizing: border-box;
    border: 3px solid #FFA500;
    border-radius: 8px;
    font-size: 16px;
    background-color: white;
    background-position: 10px 10px; 
    background-repeat: no-repeat;
	   background: #FFFFFF; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#FFFFFF, #F2F0F2); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFFFFF, #F2F0F2); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #F2F0F2); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF, #F2F0F2); /* Standard syntax (must be last)*/
font-size: 25px;
}

select.active, select:hover {
    border: 3px solid #00CC33;
}



#quizmenu3 {
	 box-sizing: border-box;
    border: none;
    background-color: white;
    background-position: 10px 10px; 
    background-repeat: no-repeat;
overflow:auto;
width:100%;


font-size: 14px;
	
   background: #FFFFFF; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#FFFFFF, #F2F0F2); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFFFFF, #F2F0F2); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #F2F0F2); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF, #F2F0F2); /* Standard syntax (must be last)*/
	  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.29);

}

.greyText{ 
color:#000000;
 }
.blackText {
	color:black;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes fadeout {
	
	  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

/* Firefox < 16 */
@-moz-keyframes fadeout {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeout {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }}

/* Internet Explorer */
@-ms-keyframes fadeout {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }}

/* Opera < 12.1 */
@-o-keyframes fadeout {
     0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
	.hometext2 {
padding:10px;
  margin-top: 10px;
    box-sizing: border-box;
 border:none;
 
   background:#0054A0;
    color: white;
font-size:24px;

				

}
.hometext3 {
padding:10px;

  margin: 5px;
    box-sizing: border-box;
 
    border-radius: 8px;
   background: #FFFFFF; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#FFFFFF, #F2F0F2); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFFFFF, #F2F0F2); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #F2F0F2); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF, #F2F0F2); /* Standard syntax (must be last)*/
    color: black;
	    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 4px 6px 0 rgba(0, 0, 0, 0.19);
font-size:24px;
}
.hometext {

padding:10px;
padding-bottom:14px;
  margin: 5px;
    box-sizing: border-box;
    border: 2px solid #0054A0;
    border-radius: 8px;
    font-size: 16px;
    background-color: white;
    background-position: 10px 10px; 
    background-repeat: no-repeat;
	   background: #FFFFFF; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#FFFFFF, #F2F0F2); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFFFFF, #F2F0F2); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #F2F0F2); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF, #F2F0F2); /* Standard syntax (must be last)*/
font-size: 26px;

	 -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
	#choices2 {
	margin-left: 20%;
width: 80%;
	 border-bottom:2px solid white;
		position: fixed;	
		margin-top: 45px;
			margin-top: 45px;
background:#0054A0;
display:none;
height:42px;

  
    top: 0;
	
	
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

button.littlemenu {
background:none;
    color: #444;
	margin:0 auto;
	text-align:center;
    cursor: pointer;
    padding: 0px;
    width: 100%;
    border: 0.5px solid #eee;
display:block;
    outline: none;
    font-size: 16px;
	
}
button.littlemenu:hover {
    background: orange;
	color:white;
	
}
button.Logout:hover {
  			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	
}
button.logger {

	   background: #F2F0F2; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#FFFFFF, #F2F0F2); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFFFFF, #F2F0F2); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #F2F0F2); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF, #F2F0F2); /* Standard syntax (must be last)*/
}
button.logger:hover {
  			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	    background: #0054A0;
color:white;
}

a.littlemenu {
background:none;
    color: #444;
	margin:0 auto;
	text-align:center;
    cursor: pointer;
    padding: 1px;
    width: 100%;
    border: 0.5px solid #eee;
    outline: none;
    font-size: 18px;
	text-decoration:none;
}
a.littlemenu:hover {
    background: orange;
	color:white;
}

button.title5 {

    background-color: #0054A0;
    color: white;
    cursor: pointer;
    padding: 8px;
    width: 100%;
    border: none;
	 border: 2px solid #eee;
    border-radius: 7px;
 margin:0 auto;
 margin-left:3px;
  margin-right:3px;
  margin-bottom:3px;
	text-align:center;
    outline: none;
    font-size: 16px;
	
    transition: none;
	top:100px;
		-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
				border:none; 
							  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}
button.title5:hover {
    background: orange;
	color:white;
}
button.title {

   background:#0054A0;




 color: white;
    cursor: pointer;
    padding: 10px;
    width: 98%;
	padding: 10px;
	    border: 2px solid #eee;
    border: none;
	margin:0 auto;
	text-align:center;
    outline: none;
    font-size: 15px;
    transition: none;

margin-bottom:5px;
margin-left:3px;
margin-right:6px;
-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
 
     text-shadow:1px 1px 3px grey;
     
    							  
}
button.title.active, button.title:hover {
    background: orange;
color:white;

}

.instructionsaccordion {
     background-color: #eee;
  color: #444;
  cursor: pointer;
    width: 100%;
	padding: 5px;
	    border: 1px solid #eee;
	display:block;
	text-decoration:none;
	text-align:center;
    outline: none;
    font-size: 15px;
	height:32px;
	  

    transition: none;
	
								     background: #FFFFFF; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#FFFFFF, #F2F0F2); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFFFFF, #F2F0F2); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #F2F0F2); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF, #F2F0F2); /* Standard syntax (must be last)*/
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */                               supported by Chrome and Opera */



}

.active, .instructionsaccordion:hover {
  background: orange;
color:white;

}

button.logginsubmit {
    background-color: #eee;
    color: #444;
    cursor: pointer;
	margin:5px;
    padding: 10px;
    border: none;
    text-align: center;
    outline: none;
	width:25%;
	font-size: 25px;
	
}

.loggingin {
    float: left;
	padding-left:5px;
    overflow: hidden;
	 border-left: 1px solid #ccc;
	     font-size: 14px;   
text-align:center;	 
}
.right2 {
	 color: white;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.right8 {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.left8 {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.menuside {
	color:white;
}
.menuside.active, .menuside:hover {
color:yellow;
font-weight:bold;
  			text-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.39);
					  transform: scale(1.02) perspective(1px);


}
button.accordion1x {
background:#007FD2; color: white;
    cursor: pointer;
    width: 98%;
	padding: 10px;
    border: none;
	margin:0 auto;
	text-align:center;
    outline: none;
    font-size: 14px;

margin-bottom:5px;
margin-left:3px;
-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */

	  	  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 
     
     
    border:2px white solid;
	  

}


button.accordion1x.active, button.accordion1x:hover {
	
		   background: orange;
color:white;

}




button.quizheading {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 6px;
    width: 100%;
    border: 2px solid #eee;
	margin:0 auto;
	text-align:center;
    outline: none;
    font-size: 15px;
	
						
								     background: #FFFFFF; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#FFFFFF, #F2F0F2); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFFFFF, #F2F0F2); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #F2F0F2); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF, #F2F0F2); /* Standard syntax (must be last)*/
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */

}
button.quizheading.active, button.quizheading:hover {
     background: orange;
color:white;

}
button.quizheading6 {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 6px;
    width: 100%;
    border: 2px solid #eee;
	margin:0 auto;
	text-align:center;
    outline: none;
    font-size: 15px;
		     border-bottom: 8px solid orange;

						
								     background: #FFFFFF; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#FFFFFF, #F2F0F2); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFFFFF, #F2F0F2); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #F2F0F2); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF, #F2F0F2); /* Standard syntax (must be last)*/
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */

}
button.quizheading6.active, button.quizheading6:hover {
     border-bottom: 8px solid yellow;
color:white;

}
button.sidemenu {
    cursor: pointer;
    padding: 6px;
    width: 100%;
    border: 2px solid #eee;
	margin:0 auto;
	text-align:center;
    outline: none;
    font-size: 15px;
	   background: orange;
color:white;
						
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */

}
button.sidemenu.active, button.sidemenu:hover {
      background-color: #eee;
    color: #444;
								     background: #FFFFFF; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#FFFFFF, #F2F0F2); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFFFFF, #F2F0F2); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #F2F0F2); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF, #F2F0F2); /* Standard syntax (must be last)*/


}

a.newquizheading {
	text-decoration:none;
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 5px;
    width: 100%;
    border: 2px solid #eee;
	margin:0 auto;
	text-align:center;
    outline: none;
    font-size: 15px;
    transition: none;
	
								     background: #FFFFFF; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#FFFFFF, #F2F0F2); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFFFFF, #F2F0F2); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #F2F0F2); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF, #F2F0F2); /* Standard syntax (must be last)*/
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */

}

a.newquizheading.active, a.newquizheading:hover {
	color:white;
    background: orange;


}
button.quizheading2 {
 
    color: #444;
    cursor: pointer;
    padding: 8px;
    width: 100%;
    border: 2px solid #eee;
	margin:0 auto;
	text-align:center;
    outline: none;
    font-size: 15px;
    transition: none;
	
								     background: #FFFFFF; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#FFFFFF, #F2F0F2); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFFFFF, #F2F0F2); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #F2F0F2); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF, #F2F0F2); /* Standard syntax (must be last)*/
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */

}

@keyframes newchangestar {
	0%   {}
 50%  {transform: scale(1.15) perspective(1px);}
  100% {}

    
}
button.quizheadingrandom {
								     background: #FAFDAF; /* For browsers that do not support gradients */
    cursor: pointer;
    padding: 8px;
    width: 100%;
	    color: #444;
 color:#0054A0;
 font-weight:bold;
 font-family:Arial;
    border: 2px solid #eee;
	margin:0 auto;
	text-align:center;
    outline: none;
    font-size: 15px;
    transition: none;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

button.quizheadingrandom.active
, button.quizheadingrandom:hover {
     background: orange;
color:white;
}
a.accordion51 {
background-color: #0054A0; color: white;
    cursor: pointer;
	display:block;
    padding: 10px;
    width: 92.5%;
	padding: 8px;
	    border: 2px solid #eee;
	margin:0 auto;
	text-align:center;
    outline: none;
    font-size: 14px;
    transition: none;
text-decoration:none;
margin-bottom:5px;
margin-left:3px;
margin-right:10px;
-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
	 border-radius: 8px;

}

a.accordion51.active, a.accordion51:hover {
    background: orange;
color:white;

}
.white {
color:white;
}
a.accordionnew51 {
		
   background: #FFFFFF; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#FFFFFF, #F2F0F2); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFFFFF, #F2F0F2); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #F2F0F2); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF, #F2F0F2); /* Standard syntax (must be last)*/;


color: black;
    cursor: pointer;
	display:block;
    padding: 10px;
    width: 94%;
	padding: 5px;

	 border:none;
	margin:0 auto;
	text-align:center;
    outline: none;
    font-size: 16px;
	
	
text-decoration:none;
-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

a.accordionnew51.active, a.accordionnew51:hover {
    background: orange;
color:white;


}
button.accordionnew51 {
		
   background: #FFFFFF; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#FFFFFF, #F2F0F2); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFFFFF, #F2F0F2); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #F2F0F2); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF, #F2F0F2); /* Standard syntax (must be last)*/;


color: black;
    cursor: pointer;
	display:block;
    padding: 10px;
    width: 94%;
	padding: 10px;
	border:none;
	margin:0 auto;
	text-align:center;
    outline: none;
    font-size: 15px;
	    transition: none;
text-decoration:none;
}

button.accordionnew51.active, button.accordionnew51:hover {
    background: orange;
color:white;

}

button.accordion568p {
background:#007FD2; color: white;
    cursor: pointer;
    width: 98%;
	padding: 6px;
    border: none;
	margin:0 auto;
	text-align:center;
    outline: none;
    font-size: 14px;

margin-bottom:5px;
margin-left:3px;
-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */

	  	  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 
     
     
    border:2px white solid;
	  
}

button.accordion568p.active, button.accordion568p:hover {
    background: orange;
color:white;

}

button.accordion568 {
background-color: #0054A0; color: white;
    cursor: pointer;
    width: 98%;
	padding: 8px;
	    border: 2px solid #eee;
    border: none;
	margin:0 auto;
	text-align:center;
    outline: none;
    font-size: 14px;

margin-bottom:5px;
margin-left:3px;

-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
		  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		border:none;						  
				 border-radius: 8px;
		  
}

button.accordion568.active, button.accordion568:hover {
    background: orange;
color:white;

}
button.accordion5688 {
   background:#0054A0;
		  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

color: white;
    cursor: pointer;
    width: 98%;
	padding: 10px;
	    border: 2px solid #eee;
   
	margin:0 auto;
	text-align:center;
    outline: none;
    font-size: 16px;
margin-bottom:5px;
margin-left:3px;
-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
				border:2px solid white;						  
			  
					  
}

button.accordion5688.active, button.accordion5688:hover {
    background: orange;
color:white;


}

button.accordion5new {
     background-color: #eee;
	    color: #444;
    cursor: pointer;
 padding: 2px;
	    border: 2px solid #eee;
	display:block;
	text-decoration:none;
	text-align:center;
    outline: none;
    font-size: 15px;
	
		  
	
    transition: none;
	
								     background: #5E76BC; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#FFFFFF, #F2F0F2); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFFFFF, #F2F0F2); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #F2F0F2); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF, #F2F0F2); /* Standard syntax (must be last)*/
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
								  width:100%;
}

button.accordion5new.active, button.accordion5new:hover {
    background: orange;
color:white;
}
button.accordion567 {


   background:#0054A0;
 color: white;
    cursor: pointer;
    width: 98%;
	padding: 8px;
	    border: 2px solid white;
   
	margin:0 auto;
	text-align:center;
    outline: none;
    font-size: 15px;
margin-bottom:5px;
margin-left:3px;
-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
					 
     	  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);


    	
	
	  
				  
					  
						  
}

button.accordion567.active, button.accordion567:hover {
    background: orange;
color:white;


}


#small{
 color: #324452;
	font-size:14px;
font-weight: normal;
font-family:  Arial;
	}

button.accordion51 {
background:#0054A0;


color: white;
    cursor: pointer;
    padding: 10px;
    width: 95%;
	padding: 10px;
	    border: 2px solid white;
    border: none;
	margin:0 auto;
	text-align:center;
    outline: none;
    font-size: 15px;
    transition: none;
margin-bottom:5px;
margin-left:6px;
margin-right:6px;
-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
			border:2px solid white;						  
	  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}

button.accordion51.active, button.accordion51:hover {
    background: orange;
color:white;


}

button.accordion55 {
background-color: #007FD2; color: white;
    cursor: pointer;
    padding: 10px;
    width: 97%;
	padding: 10px;
	
	margin:0 auto;
	text-align:center;
    outline: none;
    font-size: 14px;
    transition: none;

margin-bottom:5px;
-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
 
     
     
    	
}

button.accordion55.active, button.accordion55:hover {
    background: orange;
color:white;
}


/* The Modal (background) */
.modal {
  position: fixed; /* Stay in place */
  z-index: 201; /* Sit on top */
  padding-top: 20px; /* Location of the box */
  left: 0;
  top: 0;
    font-size: 26px;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.65); /* Black w/ opacity */
  

}
/* The Modal (background) */
.modalquiz {
  position: fixed; /* Stay in place */
  z-index: 99; /* Sit on top */
  left: 0;
    font-size: 26px;
  width: 19.6%; /* Full width */
	
  height: 100%; /* Full height */
  overflow: hidden; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.55); /* Black w/ opacity */
  
  top: 44px;padding-top: 10px;
}
.modal-content-quiz {
  background-color: #fefefe;
border:4px solid #FFFFFF;
	 	 animation: popout 0.30s ease;
    -webkit-animation: popout 0.30s ease;
border-radius:15px;
  margin: auto;
  width: 93%;
  padding-bottom:10px;
    
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.39);
}
@-webkit-keyframes run {
  0% {
    left: -50%;
  }
  50% {
    left: 0%;
  }
  100% {
    left: 0%;
  }
 }
 @-webkit-keyframes runback {
  0% {
    left: 0%;
  }
  50% {
    left: -100%;
  }
  100% {
    left: -100%;
  }
 }
@keyframes popout {
    from{transform:scale(0)}
    80%{transform:scale(1.02)}
    to{transform:scale(1)}
}
@-webkit-keyframes popout {
    from{-webkit-transform:scale(0)}
    80%{-webkit-transform:scale(1.02)}
    to{-webkit-transform:scale(1)}
}
/* Modal Content */
.modal-content {
	 	 animation: popout 0.45s ease;
    -webkit-animation: popout 0.45s ease;
  background-color: #fefefe;
  border-radius:16px;
border:4px solid #FFFFFF;
  margin: auto;
  padding: 20px;
  width: 65%;

  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.39);
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 34px;
  
  font-weight: bold;
      -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */

}

.close:hover,
.close:focus {
  color: #000;
  pointer:cursor;
  text-decoration: none;
  cursor: pointer;
      -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */

}
/* The Close Button */
.closemod {
  color: #aaaaaa;
  float: right;
  z-index:202;
  font-size: 34px;
  font-weight: bold;
      -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */

}

.closemod:hover,
.closemod:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
      -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */

}
/* The Close Button */
.closemod2 {
  color: #aaaaaa;
  float: right;
    z-index:202;

  font-size: 34px;
  font-weight: bold;
      -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */

}

.closemod2:hover,
.closemod2:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
      -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */

}
/* The Close Button */
.closemod10 {
  color: #aaaaaa;
  float: center;
    z-index:202;

  font-size: 40px;
  font-weight: bold;
      -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
								  position:absolute;top:0px;right:5px;z-index:99
}
/* The Close Button */
.closemod9 {
  color: #aaaaaa;
  float: center;
  font-size: 30px;
  font-weight: bold;
      -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */

}

.closemod9:hover,
.closemod9:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
      -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */

}
.closemod10:hover,
.closemod10:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
      -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */

}
/* The Close Button */
.closemod3 {
  color: #aaaaaa;
  float: right;
  font-size: 34px;
  font-weight: bold;  z-index:202;

      -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */

}

.closemod3:hover,
.closemod3:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
      -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */

}
/* The Close Button */
.closemod5 {
  color: #aaaaaa;
  float: right;
  font-size: 34px;
  font-weight: bold;
    z-index:202;

      -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */

}

.closemod5:hover,
.closemod5:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
      -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */

}


button.accordion {
background-color: #0054A0; color: white;
    cursor: pointer;
    padding: 10px;
    width: 96%;
	padding: 10px;
	    border: 2px solid #eee;
	 border-radius: 8px;
    border: none;
	margin:0 auto;
	margin-left:3px;
	margin-right:3px;
	
	text-align:center;
    outline: none;
    font-size: 15px;
    transition: none;

margin-bottom:5px;
-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

button.accordion.active, button.accordion:hover {
    background: orange;
color:white;
}

button.accordion5 {
     background-color: #0054A0; 
	 color: white;
    cursor: pointer;
    padding: 10px;
    width: 100%;
border:none;
	text-align:center;
    outline: none;
    font-size: 16px;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
button.accordion5.active, button.accordion5:hover {
    background: orange;
color:white;
}
blue{
	font-size:15px;
	  
 font-weight: bold;
 color: #0054A0;
 margin: 0px;
 padding: 0px;
   -webkit-text-size-adjust: none; 
}

button.allmenu {
     background-color: #0054A0; 
	 color: white;
    cursor: pointer;
    padding: 10px;
    width: 100%;
	text-align:center;
    outline: none;
    font-size: 18px;
	
	border:1px solid white;
 
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
button.allmenu.active, button.allmenu:hover {
}
button.topmenutitle {
         font-size:16px;width:100%;display:block;background:#0054A0;color:white;pointer-events:none;padding:10px;
	    border: none;



}

.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
button.accordion4 {
     background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 4px;

    width: 100%;
    border: 1px solid #eee;
		
		

	text-align:center;
    outline: none;
    font-size: 16px;
		
	
								     background: #FFFFFF; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#FFFFFF, #F2F0F2); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFFFFF, #F2F0F2); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #F2F0F2); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF, #F2F0F2); /* Standard syntax (must be last)*/
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

button.accordion4.active, button.accordion4:hover {
    background: orange;
color:white;


}


a.accordion8 {
     background-color: #eee;
    color: #444;
    cursor: pointer;
 padding: 8px;
    width: 91%;
	padding: 8px;
	    border: 2px solid #eee;

	display:block;
	text-decoration:none;
	text-align:center;
    outline: none;
    font-size: 15px;
	
    transition: none;
	
								     background: #FFFFFF; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#FFFFFF, #F2F0F2); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFFFFF, #F2F0F2); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #F2F0F2); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF, #F2F0F2); /* Standard syntax (must be last)*/
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
								 
}

a.accordion8.active, a.accordion8:hover {
    background: orange;
	color:white;

}


button.accordion467 {

background:#0054A0;

 color: white;
    cursor: pointer;
    width: 98%;
	padding: 8px;
	    border: none;
    border: none;
	margin:0 auto;
	text-align:center;
    outline: none;
    font-size: 16px;

margin-bottom:5px;
margin-left:3px;
	margin-right:3px;

-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
		border:none;						  
						  
}

button.accordion467.active, button.accordion467:hover {
    background: orange;
color:white;


}
button.accordion8 {
     background-color: #eee;
    color: #444;
    cursor: pointer;
 padding: 10px;
    width: 92.5%;
	padding: 8px;
	    border: 2px solid #eee;
	display:block;
	text-decoration:none;
	text-align:center;
    outline: none;
    font-size: 15px;
	

	
    transition: none;
	
								     background: #FFFFFF; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#FFFFFF, #F2F0F2); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFFFFF, #F2F0F2); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #F2F0F2); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF, #F2F0F2); /* Standard syntax (must be last)*/
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
								  width:100%;
}

button.accordion8.active, button.accordion8:hover {
    background: orange;
color:white;
}



button.diffaccordion {
background:#0054A0;


color: white;
    cursor: pointer;
    width: 100%;
	padding: 8px;
	    border: 2px solid #eee;
    			border:2px solid white;						  

	margin:0 auto;
	margin-top:-8px;
	text-align:center;
    outline: none;
    font-size: 20px;
	
margin-bottom:8px;
-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
			 
     
     
     
				  
	
	  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}

button.diffaccordion.active, button.diffaccordion:hover {
    background: orange;
color:white;


}
button.accordion62 {
background-color: #F852CE; color: white;
    cursor: pointer;
    padding: 10px;
    width: 96%;
	padding: 10px;
	    border: 2px solid #eee;
	 border-radius: 8px;
    border: none;
	margin:0 auto;
	margin-left:3px;
	margin-right:3px;
	
	text-align:center;
    outline: none;
    font-size: 17px;
    transition: none;

margin-bottom:5px;
-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

button.accordion62.active, button.accordion62:hover {
    background: orange;
color:white;
		  transform: scale(1.05) perspective(1px);

}


div.newpanel {
	  padding: 0 8px;
transition:0.4s;
  background-color: white;
    max-height: 0;
    overflow: hidden;
	z-index:120;

}

div.newpanel3 {
	  padding: 0 8px;
transition:0.4s;

  background-color: white;
    max-height: 0;
    overflow: hidden;
	z-index:120;

}
div.newpanel2 {
  padding: 0 0px;
  background-color: white;
    max-height: 0;
    overflow: hidden;
	z-index:120;
transition:0.5s;

}
div.newpanel4 {
  padding: 0 0px;
  background-color: white;
    max-height: 0;
    overflow: hidden;
	z-index:120;
transition:0.4s;

}
div.panel {
    max-height: 0;
    overflow: hidden;
	z-index:120;
	transition:0.4s;

}
.container {
    overflow: hidden;
    background-color: #FFFFFF;
    font-family: Arial;
	float:left;
	z-index:100;
	background-color: white;
	padding:2px;
		padding-top:7px;
	
}

.container a {
    float: left;
    font-size: 15px;
     color: #black;
    display: block;
    transition: none;
    text-align: center;
    padding: 6px 6px;
    text-decoration: none;
	 border-left: 1px solid #ccc;
	
}

.dropdown5 {
    float: left;
    overflow: hidden;
	 border-left: 1px solid #ccc;
}
i2 {
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
	
}
i3 {
    border: solid black;
    border-width: 0 0 3px 3px;
    display: inline-block;
    padding: 3px;
	
}
i {
    border: solid white;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
}
.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}
table.ordertable {
	box-shadow: 0 9px 15px 0 rgba(0, 0, 0, 0.4), 0 4px 6px 0 rgba(0, 0, 0, 0.29);
	font-weight:normal;
	font-size:18px;
	color:#444;
	border-color: #999999;
	border-spacing: 0;
	border-collapse:separate;
		border:1px solid #999999;				  
font-family: "Lato", sans-serif;
	}

table.ordertable th {

	font-size:18px;
	height:18px;
	color:#FFFFFF;
		padding: 5px;

	text-align:center;
	background:#0054A0 url('');
	background-size: 100%;
font-family: "Lato", sans-serif;

}


	
table.ordertable td {
		font-size:18px;
	padding: 0px;
	height:18px;
	font-weight:normal;
	text-align:center;
 background: #FFFFFF; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#FFFFFF, #F2F0F2); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFFFFF, #F2F0F2); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #F2F0F2); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF, #F2F0F2); /* Standard syntax (must be last)*/
	padding: 5px;
	font-family: "Lato", sans-serif;

}
.dropdown5 .dropbtn5 {
    font-size: 15px;   
	margin:0 auto;
	text-align:center;
z-index:100;
   padding: 6px 3px;
   
  padding-left:5px;padding-right:5px;
    color: black;
    display: block;
    transition: none;
   	border: none;
    background-color: inherit;
}

.container a:hover, .dropdown5:hover .dropbtn5 {
 
	color: white;
	background-color: #0054A0;

}

.dropdown5-content {
    display: none;
    position: absolute;
-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.40);
    z-index: 100;
	opacity:0.98;


}

.dropdown5-content a {
    float: none;
    color: black;
	 z-index: 100;
	 font-size: 15px;
    padding: 6px 8px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown5-content a:hover {
     background: orange;
	color:white;
	
}
#home99{
 float:left;
 width: 24%;
 font-size:14px;
  color: #FFFFFF;
  	text-align:center;
padding-left:5px;
font-family: Arial;}

#homesplit{
 float:left;
 width: 3px;
font-family: Arial;
background:#FFFFFF;

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

.sidenav {
		padding-left:5px;
		padding-right:5px;
    height: 91%;
   
   position: fixed;  width: 20%; top: 45px;
transition: 0.3s;
	
    z-index: 80;
   
    left: 0;
    background-color: #FFFFFF;
    overflow-x: hidden;
 

			padding-top:15px;
	 overflow-y: scroll;

	 box-shadow: 0 0px 40px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.5);
}
.sidenav2 {
    height: 100%;
    z-index: 80;
    background-color: #FFFFFF;
    overflow-x: hidden;
 transition: 0.5s;
	 overflow-y: scroll;
	 box-shadow: 0 0px 40px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.scroller {
	padding-top:5px;
padding-left:20px;
padding-bottom:7px;
margin-left:20px;
margin-right:10px;
margin-bottom:10px;
    box-sizing: border-box;
    border-radius: 8px;
    background-color: white;
    background-position: 10px 10px; 
    background-repeat: no-repeat;
overflow:auto;
font-size: 20px;
color:#0054A0;
font-weight:bold;
    background: #FEFDC5; /* For browsers that do not support gradients */
}
.closebtn {
    position: fixed;
    top: 40px;
    left: 15%;
    font-size: 36px;
display:block;

background: none;
border:none;
z-index:100;
 transition:display .5s;
}
.closebtn:hover,
.closebtn:focus {
cursor: pointer
}
#main {
	 margin-top: 0px; /* Add a top margin to avoid content overlay */
	 
	
}

#Homemain {
 padding-left:20px;
margin-left:21%;
transition: .30s;
}

#contact {
    padding: 16px;
	padding-top:22px;
	 margin-top: 32px; /* Add a top margin to avoid content overlay */
}
#planner {
    padding: 8px;

}
#main2 {
background-color: white;
    position: fixed;
    top: 0; 
    width: 100%; 
	  text-align:center;
  width: 100%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
z-index:100;
 margin: auto;
}

#animation {
	
  z-index:-5;
	  text-align:center;
  width: 95%;
 margin: 10 auto;
	
}

#innerdiv {
    width: 100%;

  margin: 0 auto;

}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
}

</style>