body
{
background-color:#fcf6fa;
font-family:"Bookman Old Style", Palatino, san-serif;
font-size: 98%;
color:#093a1a;
margin: 0%;
} 

a:link
{color:#15497c;}
  
a:visited
{color:#8b187d;}
  
a:hover
{color:#137673;}
   
a:active
{color:#dad44c;}

a.lite:link
{color:#deecfa;}
  
a.lite:visited
{color:#fae2f7;}
  
a.lite:hover
{color:#a8f3f0;}
   
a.lite:active
{color:#e7f1ad;}



* {
    box-sizing: border-box;
}

.center
{
	display: block;
	margin-right: auto;
	margin-left: auto;
	
}

img {
    max-widthwidth: 100%;
    height: auto;
	border: 2px outset #660033;
	border-radius: 5px;
}

img .sticky {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
}

video {
    max-width: 80%;
    height: auto;
	position: relative;
	padding-bottom: 51%;
	padding-top: 5%;  
	overflow: hidden;
}


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


[class*="col-"] {
    float: left;
	width: 100%;
}

@media only screen and (max-width: 700px) {
    /* For phones: */	
	.col-1	{width: 8.33%;}
	.col-2 {width: 16.66%;}
	.col-3 {width: 25%;}
	.col-4 {width: 33.33%;}
	.col-5 {width: 41.66%;}
	.col-6 {width: 50%;}
	.col-7 {width: 58.33%;}
	.col-8 {width: 66.66%;}
	.col-9 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-12 {width: 100%;}
	
	#phn {display: block;}
	#tab {display: none;}
    #reg {display: none;}
	
}	

@media only screen and (min-width: 701px) and (max-width: 1200px) {
    /* For tablets: */	
	.col-1	{width: 8.33%;}
	.col-2 {width: 16.66%;}
	.col-3 {width: 25%;}
	.col-4 {width: 33.33%;}
	.col-5 {width: 41.66%;}
	.col-6 {width: 50%;}
	.col-7 {width: 58.33%;}
	.col-8 {width: 66.66%;}
	.col-9 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-12 {width: 100%;}
	
	#phn {display: none;}
	#tab {display: block;}
    #reg {display: none;}
	
}	

@media only screen and (min-width: 1201px) {
    /* For full screen: */
    
    .col-1	{width: 8.33%;}
	.col-2 {width: 16.66%;}
	.col-3 {width: 25%;}
	.col-4 {width: 33.33%;}
	.col-5 {width: 41.66%;}
	.col-6 {width: 50%;}
	.col-7 {width: 58.33%;}
	.col-8 {width: 66.66%;}
	.col-9 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-12 {width: 100%;}
	
	#phn {display: none;}
	#tab {display: none;}
    #reg {display: block;}
    
}	

/*headings*/

h1 {
font-size: 120%;
font-weight: 600;
}	

h2 {
font-size: 220%;
font-weight: 700;
}

h3 {
font-size: 320%;
font-weight: 800;
}

/*buttons*/

.defbtnph
{
color: #deecfa;
background-color: #15497c;
border-color: #630e4c;
border-width: 5%;
border-radius: 15%;
cursor: pointer;
text-align: center;
float: left;
font-size: 100%;
font-weight: 600;
font-style: underline;	
}

.defbtntab
{
color: #deecfa;
background-color: #15497c;
border-color: #630e4c;
border-width: 1%;
border-radius: 15%;
cursor: pointer;
text-align: center;
float: left;
font-size: 120%;
font-weight: 700;
font-style: underline;	
}

.defbtnreg
{
color: #deecfa;
background-color: #15497c;
border-color: #630e4c;
border-width: 1%;
border-radius: 15%;
cursor: pointer;
text-align: center;
float: left;
font-size: 140%;
font-weight: 800;
font-style: underline;	
}


/*page titles*/
 
#phtitle
{ 
padding: 1% 5%;
margin: 2%;
font-weight: 600;
font-size: 150%;
font-style: italic;
text-align: center;
border: #630e4c solid 5px;
} 

#tabtitle
{ 
padding: 1% 15%;
margin: 2%;
font-weight: 600;
font-size: 250%;
font-style: italic;
text-align: center;
border: #630e4c solid 5px;
} 

#regtitle
{ 
padding: 1% 15%;
margin: 2%;
font-weight: 800;
font-size: 400%;
font-style: italic;
text-align: center;
border: #630e4c solid 7px;
}

/*spacer to provide indent from sides of page*/

.startme
{
padding: 1% 3%;
}


/*grid containers*/

.grid-containermenu1ph
{
display: grid;
grid-gap: 30px 30px;
background-color: #630e4c;
grid-template-columns: auto;
margin: 1% 5% 5% 5%;
}

.grid-itemmenu1ph
{
padding: 1% 5%;
margin: 2% 20%;

}

.itemmenu1ph1
{
grid-column: 1;
grid-row: 1;
}

.itemmenu1ph2
{
grid-column: 1;
grid-row: 2;
}

.itemmenu1ph3
{
grid-column: 1;
grid-row: 2;
}

.itemmenu1ph4
{
grid-column: 1;
grid-row: 4;
}

.grid-containermenu1tab
{
display: grid;
grid-gap: 30px 30px;
background-color: #630e4c;
grid-template-columns: auto auto;
margin: 2% 15%;

}

.grid-itemmenu1tab
{
padding: 1% 5%;
margin: 2% 30%;

}

.itemmenu1tab1
{
grid-column: 1;
grid-row: 1;
}

.itemmenu1tab2
{
grid-column: 2;
grid-row: 1;
}

.itemmenu1tab3
{
grid-column: 1;
grid-row: 2;
}

.itemmenu1tab4
{
grid-column: 2;
grid-row: 2;
}




.grid-containermenu1reg
{
display: grid;
grid-gap: 30px 30px;
background-color: #630e4c;
grid-template-columns: auto auto auto auto;
margin: 2% 1%;
}

.grid-itemmenu1reg
{
padding: 1% 1%;
margin: 2% 35%;

}

.itemmenu1reg1
{
grid-column: 1;
grid-row: 1;
}

.itemmenu1reg2
{
grid-column: 2;
grid-row: 1;
}

.itemmenu1reg3
{
grid-column: 3;
grid-row: 1;
}

.itemmenu1reg4
{
grid-column: 4;
grid-row: 1;
}


/*regular divs*/

.tagph
{
margin: 1% 1%;
padding: 1%;
}
.tagtab
{
margin: 1% 1%;
padding: 1%;
}
.tagreg
{
margin: 1% 1%;
padding: 1%;
}