/*jjq-drivingschool-stylesheet-a.css*/


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx general formatting xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx general formatting xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/




/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx background color formatting xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx light blue pattern xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
 
body {
    background:
linear-gradient(27deg, #a5d4e6 5px, transparent 5px) 0 5px,
linear-gradient(207deg, #a5d4e6 5px, transparent 5px) 10px 0px,
linear-gradient(27deg, #b5d8e6 5px, transparent 5px) 0px 10px,
linear-gradient(207deg, #b5d8e6 5px, transparent 5px) 10px 5px,
linear-gradient(90deg, #add6e6 10px, transparent 10px),
linear-gradient(#b1d7e6 25%, #a9d5e6 25%, #a9d5e6 50%, transparent 50%, transparent 75%, #b8d9e6 75%, #b8d9e6);
background-color: #a2d3e6;
background-size: 20px 20px;;
}

body {
	padding: 0px 2px 0px 2px;
	box-sizing: border-box;
}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx h1 h2 h3 h4 h5 h6 formatting xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/


h1 {
  font-style: italic;
}

h2 {
  font-style: italic;
}

h3 {
  font-style: italic;
}

h4 {
  font-style: italic;
}

h5 {
  font-style: italic;
}

h6 {
  font-style: italic;
}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx end general formatting xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx end general formatting xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/





/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx header formatting xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx header formatting xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx dark blue pattern header background xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/


.head-a {
	width: 1fr;
	
	background:
linear-gradient(27deg, #000080 5px, transparent 5px) 0 5px,
linear-gradient(207deg, #000080 5px, transparent 5px) 10px 0px,
linear-gradient(27deg, #0000a8 5px, transparent 5px) 0px 10px,
linear-gradient(207deg, #0000a8 5px, transparent 5px) 10px 5px,
linear-gradient(90deg, #000094 10px, transparent 10px),
linear-gradient(#00009e 25%, #00008a 25%, #00008a 50%, transparent 50%, transparent 75%, #0000b2 75%, #0000b2);
	background-color: #000076;
	background-size: 20px 20px;
	
	color: #fff;	
	text-align: center;
}



.head-a {
	padding: 0px 2px 0px 2px;
	box-sizing: border-box;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx header the main header link for navigation xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

.main-header--lnk---hmpage {
	color: #fff;
	text-decoration: none;
}










/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxheader grid for navigation xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

.grid-container {
    display: grid;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxheader grid for navigation xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

.grid-container--fit {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	grid-template-rows: auto;
	gap: 10px 0px;
}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxheader grid for navigation xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx new sections formatting xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx new sections formatting xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx new sections formatting xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

.dropdown-inheader {
	position: relative;
	display: inline-block;
	
	border: 0.0px solid #fff;
	
	background:
linear-gradient(27deg, #000080 5px, transparent 5px) 0 5px,
linear-gradient(207deg, #000080 5px, transparent 5px) 10px 0px,
linear-gradient(27deg, #0000a8 5px, transparent 5px) 0px 10px,
linear-gradient(207deg, #0000a8 5px, transparent 5px) 10px 5px,
linear-gradient(90deg, #000094 10px, transparent 10px),
linear-gradient(#00009e 25%, #00008a 25%, #00008a 50%, transparent 50%, transparent 75%, #0000b2 75%, #0000b2);
	background-color: #000076;
	background-size: 20px 20px;
	
	color: #fff;
	text-decoration: none;
	font-style: italic;
	text-align: center;
	font-size: 0.8rem;	
}

.dropdown-content--btnheader {
	width: 100%;
	margin: auto;

	position: relative;
	display: block;
	border: 0.0px solid #fff;
	
	background:
linear-gradient(27deg, #000080 5px, transparent 5px) 0 5px,
linear-gradient(207deg, #000080 5px, transparent 5px) 10px 0px,
linear-gradient(27deg, #0000a8 5px, transparent 5px) 0px 10px,
linear-gradient(207deg, #0000a8 5px, transparent 5px) 10px 5px,
linear-gradient(90deg, #000094 10px, transparent 10px),
linear-gradient(#00009e 25%, #00008a 25%, #00008a 50%, transparent 50%, transparent 75%, #0000b2 75%, #0000b2);
	background-color: #000076;
	background-size: 20px 20px;
		
	color: #fff;
	text-decoration: none;
	font-style: italic;
	text-align: center;
	font-size: 0.8rem;	
}

.grid-element {
	width: 100%;
	margin: auto;

	border: 0.0px solid #fff;	
	padding: 1px 1px 1px 1px;
	box-sizing: border-box;

	background:
linear-gradient(27deg, #000080 5px, transparent 5px) 0 5px,
linear-gradient(207deg, #000080 5px, transparent 5px) 10px 0px,
linear-gradient(27deg, #0000a8 5px, transparent 5px) 0px 10px,
linear-gradient(207deg, #0000a8 5px, transparent 5px) 10px 5px,
linear-gradient(90deg, #000094 10px, transparent 10px),
linear-gradient(#00009e 25%, #00008a 25%, #00008a 50%, transparent 50%, transparent 75%, #0000b2 75%, #0000b2);
	background-color: #000076;
	background-size: 20px 20px;
	
	color: #fff;
	text-decoration: none;
	font-style: italic;
	text-align: center;
	font-size: 0.8rem;	
}

.men-btn-lnks {

	margin: auto;

	
	color: #fff;
	text-decoration: none;
	font-style: italic;
	text-align: center;
	font-size: 0.8rem;		
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx dropdown section new sections formatting xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/


.drpmenu {
	

	position: absolute;
	width: 100%;
	border: 0.0px solid #fff;	


	max-height: 0px;
	overflow: hidden;

	
	background:
linear-gradient(27deg, #000080 5px, transparent 5px) 0 5px,
linear-gradient(207deg, #000080 5px, transparent 5px) 10px 0px,
linear-gradient(27deg, #0000a8 5px, transparent 5px) 0px 10px,
linear-gradient(207deg, #0000a8 5px, transparent 5px) 10px 5px,
linear-gradient(90deg, #000094 10px, transparent 10px),
linear-gradient(#00009e 25%, #00008a 25%, #00008a 50%, transparent 50%, transparent 75%, #0000b2 75%, #0000b2);
	background-color: #000076;
	background-size: 20px 20px;
	
	color: #fff;
	text-decoration: none;
	font-style: italic;
	text-align: center;
	font-size: 0.8rem;
	z-index: 100;


	transition: max-height 1.0s ease-in-out 0.3s;
}

.dropdown-content--inheader {



	border: 0.0px solid #fff;
	
	padding: 1px 1px 1px 1px;
	box-sizing: border-box;
	


	width: 100%;
	background:
linear-gradient(27deg, #000080 5px, transparent 5px) 0 5px,
linear-gradient(207deg, #000080 5px, transparent 5px) 10px 0px,
linear-gradient(27deg, #0000a8 5px, transparent 5px) 0px 10px,
linear-gradient(207deg, #0000a8 5px, transparent 5px) 10px 5px,
linear-gradient(90deg, #000094 10px, transparent 10px),
linear-gradient(#00009e 25%, #00008a 25%, #00008a 50%, transparent 50%, transparent 75%, #0000b2 75%, #0000b2);
	background-color: #000076;
	background-size: 20px 20px;
	
	color: #fff;
	text-decoration: none;
	font-style: italic;
	text-align: center;
	font-size: 0.8rem;	
}

.drpdwn-nav-list {
	margin: 0px;
	padding: 0px;
}


ul.drpdwn-nav-list {
	margin: 0px;
	padding: 0px;
}

.drpdwn-nav-list li {
	list-style-type: none;
	margin: 25px 1px 25px 1px;
	padding: 0px;
}


li.drpdwn-nav-list {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx hover to activate dropdown xxxxxxxxxxxxxxxxxxxxxxxx*/




.dropdown-inheader:hover .drpmenu {

	max-height: 1200px;
	transition: max-height 0.8s ease-in-out 0s;
}







/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx end end end end end end end  xxxxxxxxxxxxxxxxxxxxxxxx*/
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx hover to activate dropdown xxxxxxxxxxxxxxxxxxxxxxxx*/






.men-hdn-lnks {

	padding: 0px 1px 0px 1px;
	box-sizing: border-box;
	margin: 20px 0px 20px 0px;

	

	color: #fff;
	text-decoration: none;
	font-style: italic;
	text-align: center;
	font-size: 0.8rem;	
}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxheader links for navigation xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxheader links for navigation xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/


.men-btn-lnks {
	color: #fff;
	font-style: italic;
	text-decoration: none;
}

.men-btn-lnks:visited {
	color: #fff;
}

.men-btn-lnks:hover {
	background-color: lightblue;
	color: navy;
	display: block;
}

.men-btn-lnks:active {
	color: #fff;
}



.men-hdn-lnks {
	color: #fff;
	font-style: italic;
	text-decoration: none;
}

.men-hdn-lnks:visited {
	color: #fff;
}

.men-hdn-lnks:hover {
	background-color: lightblue;
	color: navy;
	display: block;
}

.men-hdn-lnks:active {
	color: #fff;
}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx end new sections formatting xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx end new sections formatting xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx end new sections formatting xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/































/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx dark blue pattern background xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

/*
.grid-element {
  	background:
linear-gradient(27deg, #000080 5px, transparent 5px) 0 5px,
linear-gradient(207deg, #000080 5px, transparent 5px) 10px 0px,
linear-gradient(27deg, #0000a8 5px, transparent 5px) 0px 10px,
linear-gradient(207deg, #0000a8 5px, transparent 5px) 10px 5px,
linear-gradient(90deg, #000094 10px, transparent 10px),
linear-gradient(#00009e 25%, #00008a 25%, #00008a 50%, transparent 50%, transparent 75%, #0000b2 75%, #0000b2);
background-color: #000076;
background-size: 20px 20px;
  padding: 5px 4px 5px 4px;
  color: white;
  border: 0.0px solid #fff;
  
  font-style: italic;
  text-align: center;
  font-size: 0.8rem;
}
*/


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxdropdown sections of header grid for navigation xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx dark blue pattern background xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/


/*
.dropdown-content--btnheader {
		background:
linear-gradient(27deg, #000080 5px, transparent 5px) 0 5px,
linear-gradient(207deg, #000080 5px, transparent 5px) 10px 0px,
linear-gradient(27deg, #0000a8 5px, transparent 5px) 0px 10px,
linear-gradient(207deg, #0000a8 5px, transparent 5px) 10px 5px,
linear-gradient(90deg, #000094 10px, transparent 10px),
linear-gradient(#00009e 25%, #00008a 25%, #00008a 50%, transparent 50%, transparent 75%, #0000b2 75%, #0000b2);
background-color: #000076;
background-size: 20px 20px;
  padding: 5px 4px 5px 4px;
  color: white;
  border: 0.0px solid #fff;
  font-style: italic;
  text-align: center;
  font-size: 0.8rem;
}
*/



/*                                  yyyyyyyyyyyyyyyyyyyy inserted yyyyyyyyyyyyyyyyyyy
.dropdown-inheader {
	position: relative;
	display: inline-block;
}

*/




/*
.drpmenu {
	display: block;
	position: absolute;

	overflow: hidden;

	max-height: 0;
	opacity: 0;
}
*/


/*
.men-btn-lnks:hover .drpmenu {
	overflow: visible;
	max-height: 300px;	
	opacity: 1;
	transition: opacity 100ms;	
	transition: max-height 400ms;
	transition-delay; 0ms;
}
*/
 




/*
.dropdown-content--inheader {
	display: block;
	position: absolute;
	overflow: visible;

	max-height: 0;
	opacity: 1;
	transition: opacity 0ms;
	transition: max-height 2s;	
	transition-timing-function: ease-in-out;
	transition-delay: 1s;
*/

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx dark blue pattern background xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

/*	
	background:
linear-gradient(27deg, #000080 5px, transparent 5px) 0 5px,
linear-gradient(207deg, #000080 5px, transparent 5px) 10px 0px,
linear-gradient(27deg, #0000a8 5px, transparent 5px) 0px 10px,
linear-gradient(207deg, #0000a8 5px, transparent 5px) 10px 5px,
linear-gradient(90deg, #000094 10px, transparent 10px),
linear-gradient(#00009e 25%, #00008a 25%, #00008a 50%, transparent 50%, transparent 75%, #0000b2 75%, #0000b2);
	background-color: #000076;
	background-size: 20px 20px;
    padding: 5px 4px 5px 4px;
    color: #fff;
    border-bottom: 0.0px solid lightblue;
    font-style: italic;
    text-align: center;
    font-size: 0.8rem;
	width: 100%;
	z-index: 1;
}
*/


/*
.hd-lnks:hover .dropdown-content--inheader {
	overflow: visible;
	max-height: 300px;	
	opacity: 1;
	transition: opacity 100ms;	
	transition: max-height 400ms;
	transition-delay; 0ms;
}
*/
 
/*
.dropdown-content--inheader a {
	color: white;
	text-decoration: none;
	display: block;
}
*/

/*
.dropdown-content--inheader a:hover{
	background-color: lightblue;
	color: navy;
}
*/









/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx header links for navigation now only in footer xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/


.hd-lnks {
	color: #fff;
	font-style: italic;
	text-decoration: none;
}

.hd-lnks:visited {
	color: #fff;
}

.hd-lnks:hover {
	background-color: lightblue;
	color: navy;
	display: block;
}

.hd-lnks:active {
	color: #fff;
}




/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx end header formatting xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx end header formatting xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/







/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx body section xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx body section xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/





/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxformatting for main section of webpage xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx main page text formatting xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/


.main-page-a {
	color: navy;
	font-style:italic;
	text-align: left;
}




/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx main page header h1 h2 h3 h4 h5 h6 formatting xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/


.body-headers {
	background:
linear-gradient(27deg, #000080 5px, transparent 5px) 0 5px,
linear-gradient(207deg, #000080 5px, transparent 5px) 10px 0px,
linear-gradient(27deg, #0000a8 5px, transparent 5px) 0px 10px,
linear-gradient(207deg, #0000a8 5px, transparent 5px) 10px 5px,
linear-gradient(90deg, #000094 10px, transparent 10px),
linear-gradient(#00009e 25%, #00008a 25%, #00008a 50%, transparent 50%, transparent 75%, #0000b2 75%, #0000b2);
background-color: #000076;
background-size: 20px 20px;
	font-style: italic;
	color: #fff;
	padding-left: 10px;
}





/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxbody links for navigation center xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */



.bdy-nav {
	color: navy;
	text-align: center;
	font-weight: bold;
	font-style: italic;
}


.bdy-lnks {
	color: navy;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-style: italic;
}

.bdy-lnks:visited {
	color: navy;
}

.bdy-lnks:hover {
	background-color: navy;
	color: white;
	font-weight: bold;
	font-style: italic;
	display: block;
}

.bdy-lnks:active {
	color: navy;
}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx body links for navigation left xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/



.bdy-nav--lft {
	color: navy;
	text-align: left;
	font-weight: bold;
	font-style: italic;
}


.bdy-lnks--lft {
	color: navy;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
	text-align: left;
}

.bdy-lnks--lft:visited {
	color: navy;
}

.bdy-lnks--lft:hover {
	background-color: navy;
	color: white;
	font-weight: bold;
	font-style: italic;
	display: block;
}

.bdy-lnks--lft:active {
	color: navy;
}






/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx body list links for navigation xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */



.body-list {
	color: navy;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
}

.bdy-lst--lnks {
	color: navy;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
}

.bdy-lst--lnks:visited {
	color: navy;
}

.bdy-lst--lnks:hover {
	background-color: navy;
	color: #fff;
	display: block;
	font-weight: bold;
	font-style: italic;
}


.bdy-lst--lnks:active {
	color: navy;
}







/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx body grid for geographic areas xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */





.grid-container-c {
    display: grid;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx body grid for geographic areas xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

.grid-container--fit-c {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	border-bottom: 1.0px solid lightblue;
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx body grid for geographic areas xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

.grid-element-c {
  background-color: lightblue;
  padding: 5px 4px 5px 4px;
  color: navy;
  border: 0.0px solid #fff;
  font-style: italic;
  text-align: center;
  font-size: 0.9rem;
}





/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx body grid for Amazon xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */





.grid-container-d {
    display: grid;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx body grid for geographic areas xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

.grid-container--fit-d {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	border-bottom: 1.0px solid lightblue;
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx body grid for geographic areas xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

.grid-element-d {
  background-color: lightblue;
  padding: 5px 4px 5px 4px;
  color: navy;
  border: 0.0px solid #fff;
  font-style: italic;
  text-align: center;
  font-size: 0.9rem;
}




/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Terms and Conditions Acceptance Form xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/


.termsform {
	    background:
linear-gradient(27deg, #a5d4e6 5px, transparent 5px) 0 5px,
linear-gradient(207deg, #a5d4e6 5px, transparent 5px) 10px 0px,
linear-gradient(27deg, #b5d8e6 5px, transparent 5px) 0px 10px,
linear-gradient(207deg, #b5d8e6 5px, transparent 5px) 10px 5px,
linear-gradient(90deg, #add6e6 10px, transparent 10px),
linear-gradient(#b1d7e6 25%, #a9d5e6 25%, #a9d5e6 50%, transparent 50%, transparent 75%, #b8d9e6 75%, #b8d9e6);
background-color: #a2d3e6;
background-size: 20px 20px;;
}



.acceptterms {
	width: 75%;
	padding-left: 20px;
    box-sizing: border-box;
	border-style: solid;
	border-color: navy;
	border-width: 10px;
	border-radius: 25px;
	margin: auto; 
}








input[type=text], [type=tel], [type=email] {
  background-color: #ccc;
  color: navy;
  border: 2px solid navy;
  border-radius: 10px;
  width: 95%;
  padding: 12px 20px;
  margin: 8px 0px;
  box-sizing: border-box;
}



input[type=button], input[type=submit], input[type=reset] {
  display: block;
  margin: auto;
  background-color: navy;
  border: none;
  border-radius: 10px;
  color: white;
  width: 40%;
  padding: 16px 32px;
  text-decoration: none;
  font-style: italic;

  
  cursor: pointer;
}



input[type=checkbox] {
    transform: scale(1.5);
}

input::placeholder {
	font-style: italic;
}

.spaced-list li {
	padding-top: 7px;
	padding-bottom: 7px;
}

.indented-text {
	padding-left: 35px;
}



.table-spaced th,td {
	padding: 5px;
}


.list-undecorated {
	list-style-type: none;
}







/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx end body section xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx end body section xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/






/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx footer section xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx footer section xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx footer xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx footer xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx footer formatting xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/


footer {
		background:
linear-gradient(27deg, #000080 5px, transparent 5px) 0 5px,
linear-gradient(207deg, #000080 5px, transparent 5px) 10px 0px,
linear-gradient(27deg, #0000a8 5px, transparent 5px) 0px 10px,
linear-gradient(207deg, #0000a8 5px, transparent 5px) 10px 5px,
linear-gradient(90deg, #000094 10px, transparent 10px),
linear-gradient(#00009e 25%, #00008a 25%, #00008a 50%, transparent 50%, transparent 75%, #0000b2 75%, #0000b2);
background-color: #000076;
background-size: 20px 20px;
	width: 1fr;
}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx footer head section xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/



.footer-head--section {
	border-bottom: 1.0px;
	border-bottom-style:solid;
	border-bottom-color:lightblue;
}

.footer-head--section h4 {
	color: #fff;	
	text-align: center;
	padding: 10px 0px 0px 0px
}




/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx footer grid for navigation xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/



.footer-nav--headers {
	color: white;
	margin: 5px;
}




.grid-container-b {
    display: grid;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx footer grid for navigation xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

.grid-container--fit-b {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	border-bottom: 1.0px solid lightblue;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx footer grid for navigation xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

.grid-element-b {
  	background:
linear-gradient(27deg, #000080 5px, transparent 5px) 0 5px,
linear-gradient(207deg, #000080 5px, transparent 5px) 10px 0px,
linear-gradient(27deg, #0000a8 5px, transparent 5px) 0px 10px,
linear-gradient(207deg, #0000a8 5px, transparent 5px) 10px 5px,
linear-gradient(90deg, #000094 10px, transparent 10px),
linear-gradient(#00009e 25%, #00008a 25%, #00008a 50%, transparent 50%, transparent 75%, #0000b2 75%, #0000b2);
background-color: #000076;
background-size: 20px 20px;
  padding: 5px 4px 5px 4px;
  color: #fff;
  border: 0.0px solid #fff;
  font-style: italic;
  text-align: left;
  font-size: 0.8rem;
}




/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx footer links for navigation xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


.ft-lnks {
	color: #fff;
	text-decoration: none;
}

.ft-lnks:visited {
	color: #fff;
}

.ft-lnks:hover {
	background-color: lightblue;
	color: navy;
	display:block;
}

.ft-lnks:active {
	color: #fff;
}
	


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx footer foot section xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/


.footer-foot--section {
	color: white;
	text-align: center;
}




/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx PHP Form xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/




.error {
	color: #FF0000;
}


iframe {
	width: 120px;
	height: 240px;
	margin: 0px;
	overflow: hidden;
	border: 0px;
}