/* General Settings */

html {  line-height: 1em;   }

body { background-color:#E1DB84;
	font-family: "Arial", Helvetica, sans-serif; }


         /*-- HEADER  --*/


.row-1 { width:99vw; display: block; position: relative; 
	text-align: center; }
.row-2 { width:99%; display:inline-block; margin: 5px 0 0 5px; 
	padding: 2px 0 10px 2px; position: relative; text-align: center;
	background: #3F4313 ; max-width:1100px;}

header { position: relative; display: block; margin: 5px 0 0 5px; 
	  text-align: center;}

.Logo { grid-area: Logo; }
.Social { grid-area: Social; }
.TBG { grid-area: TBG; }
.Nav { grid-area: Nav; }

.HeaderContainer { display: grid; grid-gap: 2px;  
	grid-template-columns: 24% 24% 45%;
    grid-template-areas: "Logo Social Nav"
	"TBG TBG Nav"; }

.hbx1 { margin: 0; padding: 0 ;  }
.hbx2 { margin: 0; padding: 0 0 0 15px; }
.hbx3 { color: #fff; padding: 0; margin: 0;
  font-size: 20px; text-align:center;}
.hbx4 { color: #fff; padding: 0 ; margin: 0 0 0 0;
  font-size: 12px; line-height:1.6em; text-align:left; }

#Logo { position: relative; padding: 0; width: 90%; height:auto; display: inline-block; }

#Social { position: relative; padding: 0;
			width: 90%; height:auto; display: inline-block; }

/*-- HEADER NAVIGATION --*/

.nv {float:right;}
.nv ul {display: block !important; margin: 0; width:180px;
	padding: 0; position: relative; }

.nv ul li { color: #fff; display: inline-block; position: relative; 
	padding: 0 0 0 8px; }

.nv a { display: inline-block; 
	 text-decoration: none;
	letter-spacing: .1em; color: #fff; }

.nv a:hover { display: inline-block;
	outline: none; color: #BB44E1 ; font-weight: bold;
	 padding: 0; border-bottom: 2px solid #BB44E1; }



 /*-- Links to Resources  --*/
h1 { font-size: 20px; text-align:center;}

.row-10 {width:99vw; display:block; margin: 5px 0 0 5px;  
	position: relative; text-align: center;  }

.row-11 {width:99%; display: inline-block; padding: 0 0 10px 5px; 
	background-color:#1A1141; position: relative; color:white; 
	max-width:1100px; text-align: center;}


.Lnv { position: relative;}
.Lnv a { text-decoration: none;	 }
.Lnv a:hover { outline: none; padding: 0; }

img { opacity: 1; /* initial opacity */
transition: opacity 0.5s ease; /* transition effect */ }
img:hover { opacity: .5; /* final opacity */ }

.Ol01 { grid-area: Ol01; }
.Ol02 { grid-area: Ol02; }
.Ol03 { grid-area: Ol03; }
.Ol04 { grid-area: Ol04; }
.Ol05 { grid-area: Ol05; }
.Ol06 { grid-area: Ol06; }
.Ol07 { grid-area: Ol07; }
.Ol08 { grid-area: Ol08; }
.Ol09 { grid-area: Ol09; }
.Ol10 { grid-area: Ol10; }
.Ol11 { grid-area: Ol11; }
.Ol12 { grid-area: Ol12; }
.Ol13 { grid-area: Ol13; }
.Ol14 { grid-area: Ol14; }
.Ol15 { grid-area: Ol15; }
.Ol16 { grid-area: Ol16; }
.Ol17 { grid-area: Ol17; }
.Ol18 { grid-area: Ol18; }
.Ol19 { grid-area: Ol19; }
.Ol20 { grid-area: Ol20; }
.Ol21 { grid-area: Ol21; }
.Ol22 { grid-area: Ol22; }
.Ol23 { grid-area: Ol23; }
.Ol24 { grid-area: Ol24; }
.Ol25 { grid-area: Ol25; }
.Ol26 { grid-area: Ol26; }
.Ol27 { grid-area: Ol27; }
.Ol28 { grid-area: Ol28; }
.Ol29 { grid-area: Ol29; }
.Ol30 { grid-area: Ol30; }
.Ol31 { grid-area: Ol31; }
.Ol32 { grid-area: Ol32; }
.Ol33 { grid-area: Ol33; }
.Ol34 { grid-area: Ol34; }
.Ol35 { grid-area: Ol35; }
.Ol36 { grid-area: Ol36; }
.Ol37 { grid-area: Ol37; }
.Ol38 { grid-area: Ol38; }
.Ol39 { grid-area: Ol39; }
.Ol40 { grid-area: Ol40; }
.Ol41 { grid-area: Ol41; }
.Ol42 { grid-area: Ol42; }
.Ol43 { grid-area: Ol43; }
.Ol44 { grid-area: Ol44; }
.Ol45 { grid-area: Ol45; }
.Ol46 { grid-area: Ol46; }
.Ol47 { grid-area: Ol47; }
.Ol48 { grid-area: Ol48; }
.Ol49 { grid-area: Ol49; }
.Ol50 { grid-area: Ol50; }
.Ol51 { grid-area: Ol51; }
.Ol52 { grid-area: Ol52; }
.Ol53 { grid-area: Ol53; }
.Ol54 { grid-area: Ol54; }
.Ol55 { grid-area: Ol55; }
.Ol56 { grid-area: Ol56; }
.Ol57 { grid-area: Ol57; }
.Ol58 { grid-area: Ol58; }
.Ol59 { grid-area: Ol59; }
.Ol60 { grid-area: Ol60; }
.Ol61 { grid-area: Ol61; }
.Ol62 { grid-area: Ol62; }
.Ol63 { grid-area: Ol63; }
.Ol64 { grid-area: Ol64; }
.Ol65 { grid-area: Ol65; }
.Ol66 { grid-area: Ol66; }
.Ol67 { grid-area: Ol67; }
.Ol68 { grid-area: Ol68; }
.Ol69 { grid-area: Ol69; }
.Ol70 { grid-area: Ol70; }
.Ol71 { grid-area: Ol71; }
.Ol72 { grid-area: Ol72; }
.Ol73 { grid-area: Ol73; }
.Ol74 { grid-area: Ol74; }
.Ol75 { grid-area: Ol75; }
.Ol76 { grid-area: Ol76; }
.Ol77 { grid-area: Ol77; }
.Ol78 { grid-area: Ol78; }
.Ol79 { grid-area: Ol79; }
.Ol80 { grid-area: Ol80; }

.LinkContainer { display: grid;  position: relative;
	grid-template-columns: 16% 16% 16% 16% 16% 16%;
    grid-template-areas: 
	"Ol01 Ol01 Ol02 Ol02 Ol03 Ol03"
	"Ol04 Ol04 Ol05 Ol05 Ol06 Ol06" 
	"Ol07 Ol07 Ol08 Ol08 Ol09 Ol09"
	"Ol10 Ol10 Ol11 Ol11 Ol12 Ol12"
	"Ol13 Ol13 Ol14 Ol14 Ol15 Ol15" 
	"Ol16 Ol16 Ol17 Ol17 Ol18 Ol18"		
	"Ol19 Ol19 Ol20 Ol20 Ol21 Ol21"
	"Ol22 Ol22 Ol23 Ol23 Ol24 Ol24" 
	"Ol25 Ol25 Ol26 Ol26 Ol27 Ol27"		
	"Ol28 Ol28 Ol29 Ol29 Ol30 Ol30"
	"Ol31 Ol31 Ol32 Ol32 Ol33 Ol33" 
	"Ol34 Ol34 Ol35 Ol35 Ol36 Ol36" 
	"Ol37 Ol37 Ol38 Ol38 Ol39 Ol39"
	"Ol40 Ol40 Ol41 Ol41 Ol42 Ol42"
	"Ol43 Ol43 Ol44 Ol44 Ol45 Ol45" 
	"Ol46 Ol46 Ol47 Ol47 Ol48 Ol48"		
	"Ol49 Ol49 Ol50 Ol50 Ol51 Ol51"
	"Ol52 Ol52 Ol53 Ol53 Ol54 Ol54" 
	"Ol55 Ol55 Ol56 Ol56 Ol57 Ol57"		
	"Ol58 Ol58 Ol59 Ol59 Ol60 Ol60"
	"Ol61 Ol61 Ol62 Ol62 Ol63 Ol63"	
	"Ol64 Ol64 Ol65 Ol65 Ol66 Ol66" 
	"Ol67 Ol67 Ol68 Ol68 Ol69 Ol69"
	"Ol80 Ol80 Ol81 Ol81 Ol82 Ol82"	; }

.lbx01 { padding: 10px 0 0 0 ; position:relative; display:block;}
.lbx02 { padding: 10px 0 0 0 ; position:relative; display:block;}
.lbx03 { padding: 10px 0 0 0 ; position:relative; display:block;}
.lbx04 { padding: 10px 0 0 0 ; position:relative; display:block;}
.lbx05 { padding: 10px 0 0 0 ; position:relative; display:block;}
.lbx06 { padding: 10px 0 0 0 ; position:relative; display:block;}
.lbx07 { padding: 10px 0 0 0 ; position:relative; display:block;}
.lbx08 { padding: 10px 0 0 0 ; position:relative; display:block;}
.lbx09 { padding: 10px 0 0 0 ; position:relative; display:block;}
.lbx10 { padding: 10px 0 0 0 ; position:relative; display:block;}
.lbx11 { padding: 10px 0 0 0 ; position:relative; display:block;}
.lbx12 { padding: 10px 0 0 0 ; position:relative; display:block;}
.lbx13 { padding: 10px 0 0 0 ; position:relative; display:block;}
.lbx14 { padding: 10px 0 0 0 ; position:relative; display:block;}
.lbx15 { padding: 10px 0 0 0 ; position:relative; display:block;}
.lbx16 { padding: 10px 0 0 0 ; position:relative; display:block;}
.lbx17 { padding: 10px 0 0 0 ; position:relative; display:block;}
.lbx18 { padding: 10px 0 0 0 ; position:relative; display:block;}
.lbx19 { padding: 10px 0 0 0 ; position:relative; display:block;}
.lbx20 { padding: 10px 0 0 0 ; position:relative; display:block;}


#Ol01 { width: 88%; height:auto; max-width:150px; }
#Ol02 { width: 88%; height:auto; max-width:150px; }
#Ol03 { width: 88%; height:auto; max-width:150px; }
#Ol04 { width: 88%; height:auto; max-width:150px; }
#Ol05 { width: 88%; height:auto; max-width:150px; }
#Ol06 { width: 88%; height:auto; max-width:150px; }
#Ol07 { width: 88%; height:auto; max-width:150px; }
#Ol08 { width: 88%; height:auto; max-width:150px; }
#Ol09 { width: 88%; height:auto; max-width:150px; }
#Ol10 { width: 88%; height:auto; max-width:150px; }
#Ol11 { width: 88%; height:auto; max-width:150px; }
#Ol12 { width: 88%; height:auto; max-width:150px; }
#Ol13 { width: 88%; height:auto; max-width:150px; }
#Ol14 { width: 88%; height:auto; max-width:150px; }
#Ol15 { width: 88%; height:auto; max-width:150px; }
#Ol16 { width: 88%; height:auto; max-width:150px; }
#Ol17 { width: 88%; height:auto; max-width:150px; }
#Ol18 { width: 88%; height:auto; max-width:150px; }
#Ol19 { width: 88%; height:auto; max-width:150px; }
#Ol20 { width: 88%; height:auto; max-width:150px; }
#Ol21 { width: 88%; height:auto; max-width:150px; }
#Ol22 { width: 88%; height:auto; max-width:150px; }
#Ol23 { width: 88%; height:auto; max-width:150px; }
#Ol24 { width: 88%; height:auto; max-width:150px; }
#Ol25 { width: 88%; height:auto; max-width:150px; }
#Ol26 { width: 88%; height:auto; max-width:150px; }
#Ol27 { width: 88%; height:auto; max-width:150px; }
#Ol28 { width: 88%; height:auto; max-width:150px; }
#Ol29 { width: 88%; height:auto; max-width:150px; }
#Ol30 { width: 88%; height:auto; max-width:150px; }
#Ol31 { width: 88%; height:auto; max-width:150px; }
#Ol32 { width: 88%; height:auto; max-width:150px; }
#Ol33 { width: 88%; height:auto; max-width:150px; }
#Ol34 { width: 88%; height:auto; max-width:150px; }
#Ol35 { width: 88%; height:auto; max-width:150px; }
#Ol36 { width: 88%; height:auto; max-width:150px; }
#Ol37 { width: 88%; height:auto; max-width:150px; }
#Ol38 { width: 88%; height:auto; max-width:150px; }
#Ol39 { width: 88%; height:auto; max-width:150px; }
#Ol40 { width: 88%; height:auto; max-width:150px; }
#Ol41 { width: 88%; height:auto; max-width:150px; }
#Ol42 { width: 88%; height:auto; max-width:150px; }
#Ol43 { width: 88%; height:auto; max-width:150px; }
#Ol44 { width: 88%; height:auto; max-width:150px; }
#Ol45 { width: 88%; height:auto; max-width:150px; }
#Ol46 { width: 88%; height:auto; max-width:150px; }
#Ol47 { width: 88%; height:auto; max-width:150px; }
#Ol48 { width: 88%; height:auto; max-width:150px; }
#Ol49 { width: 88%; height:auto; max-width:150px; }
#Ol50 { width: 88%; height:auto; max-width:150px; }
#Ol51 { width: 88%; height:auto; max-width:150px; }
#Ol52 { width: 88%; height:auto; max-width:150px; }
#Ol53 { width: 88%; height:auto; max-width:150px; }
#Ol54 { width: 88%; height:auto; max-width:150px; }
#Ol55 { width: 88%; height:auto; max-width:150px; }
#Ol56 { width: 88%; height:auto; max-width:150px; }
#Ol57 { width: 88%; height:auto; max-width:150px; }
#Ol58 { width: 88%; height:auto; max-width:150px; }
#Ol59 { width: 88%; height:auto; max-width:150px; }
#Ol60 { width: 88%; height:auto; max-width:150px; }
#Ol61 { width: 88%; height:auto; max-width:150px; }
#Ol62 { width: 88%; height:auto; max-width:150px; }
#Ol63 { width: 88%; height:auto; max-width:150px; }
#Ol64 { width: 88%; height:auto; max-width:150px; }
#Ol65 { width: 88%; height:auto; max-width:150px; }
#Ol66 { width: 88%; height:auto; max-width:150px; }
#Ol67 { width: 88%; height:auto; max-width:150px; }
#Ol68 { width: 88%; height:auto; max-width:150px; }
#Ol69 { width: 88%; height:auto; max-width:150px; }
#Ol70 { width: 88%; height:auto; max-width:150px; }
#Ol71 { width: 88%; height:auto; max-width:150px; }
#Ol72 { width: 88%; height:auto; max-width:150px; }
#Ol73 { width: 88%; height:auto; max-width:150px; }
#Ol74 { width: 88%; height:auto; max-width:150px; }
#Ol75 { width: 88%; height:auto; max-width:150px; }
#Ol76 { width: 88%; height:auto; max-width:150px; }
#Ol77 { width: 88%; height:auto; max-width:150px; }
#Ol78 { width: 88%; height:auto; max-width:150px; }
#Ol79 { width: 88%; height:auto; max-width:150px; }
#Ol80 { width: 88%; height:auto; max-width:150px; }

.row-12 {width:99vw; display:block; position: relative; text-align:center; }

.row-13 {width:85%; display: inline-block; padding: 15px 0 0 20px; 
	position: relative; line-height:1.6em; text-align:left; max-width:1100px;}


		/* Horizontal Cell View */
@media (min-width: 600px){

            /*--  Header update  --*/ 
	
.nv ul { width: 240px; }	
#Logo {  padding: 10px 0 0 5px;	width: 130px; height:auto; }

#Social { padding: 6px 0 0 10px; width: 130px; height:auto;	}
	
	
.hbx3 { padding: 5px 0 0 0; margin: 0 0 0 10px;
  font-size: 26px;}	
.hbx4 { padding: 8px 0 0 20px; font-size: 14px; }	
.nv ul li {  padding: 0 0 0 10px; }
	
h1 { font-size: 24px; text-align:center;}
p1 {font-size:22px; color:white;}	
	
	
.LinkContainer { display: grid; grid-gap: 2px; position: relative;
	grid-template-columns: 16% 17% 16% 17% 17% 16%;
    grid-template-areas: 
	"Ol01 Ol02 Ol03 Ol04 Ol05 Ol06"
	"Ol07 Ol08 Ol09 Ol10 Ol11 Ol12" 
	"Ol13 Ol14 Ol15 Ol16 Ol17 Ol18" 
	"Ol19 Ol20 Ol21 Ol22 Ol23 Ol24"
	"Ol25 Ol26 Ol27 Ol28 Ol29 Ol30"		
	"Ol31 Ol32 Ol33 Ol34 Ol35 Ol36" 
	"Ol37 Ol38 Ol39 Ol40 Ol41 Ol42"
	"Ol43 Ol44 Ol45 Ol46 Ol47 Ol48" 
	"Ol49 Ol50 Ol51 Ol52 Ol53 Ol54"
	"Ol55 Ol56 Ol57 Ol58 Ol59 Ol60" 
	"Ol61 Ol62 Ol63 Ol64 Ol65 Ol66"	
	"Ol67 Ol68 Ol69 Ol70 Ol71 Ol72" ; }	
	

	



}


/* Vertical Tablet View */
@media (min-width: 700px){


#Social {  width: 150px; height:auto;	}
	
.hbx4 { font-size: 16px; }	
.nv ul li {  padding: 0 0 0 12px; }	



}

/* Horizontal Tablet View */
@media (min-width: 830px){

	
	            /*--  Header update  --*/ 
	
.nv ul { width: 240px; }	
	
#Logo { position: relative; padding: 0;
			width: 20vw; height:auto; max-width:180px;  }

#Social { position: relative; padding: 0;
			width: 20vw; height:auto;  max-width:200px;; }
	
.HeaderContainer { display: grid; grid-gap: 2px;  
	grid-template-columns: 24% 30% 40%;
    grid-template-areas: "Logo Social Nav"
	"Logo TBG Nav"; }	
	
.hbx3 { padding: 10px 0 0 0; margin: 0 0 0 10px;
  font-size: 28px;}	
.hbx4 { padding: 8px 0 0 20px; font-size: 16px; }	
.nv ul li {  padding: 0 0 0 10px; font-weight: bold;}	
	
.hbx3 { margin: 5px 0 0 10px; font-size: 30px;}	
.hbx4 { padding: 20px 0 0 100px ; font-size: 16px; line-height:1.6em; }	
.nv ul li {  padding: 0 0 0 12px; }	


	
}

/*  Desktop View  --*/


@media (min-width: 1240px){
	
h1 { font-size: 32px;}	
	
	            /*--  Header update  --*/ 
	
.nv ul { width: 240px; }

.nv ul { width: 340px; }
.hbx3 { margin: 10px 0 0 10px; font-size: 30px;}

	
}