html {scrollbar-face-color: #f2f2f2; scrollbar-shadow-color: #f2f2f2; scrollbar-highlight-color: #ffffff;
			scrollbar-3dlight-color: #ececec; scrollbar-darkshadow-color: #dcdcdc; scrollbar-track-color: #e0e0e0;
			scrollbar-arrow-color: #663399;}
	
	body
{
  background-color: #FFFFFF
}
	
/*left quad style*/
		
	a:link {color: #000000; text-decoration: none}
	a:active {color: #000000; text-decoration: none}
	a:visited {color: #000000; text-decoration: none} 
	a:hover {text-decoration: none} 
		
	td.navlinks {padding-left: 0.4cm; padding-top: 0.3cm}
	td.navlinks2 {padding-left: 0.925cm; padding-top: 0.3cm}
		
	p.navlinks {font-family: verdana,tahoma,arial,helvetica; font-size: 14.5px; letter-spacing: 4px; line-height: 20px}
	p.navlinks_a {position: absolute; top: 267px}
	p.navlinks_b {position: absolute; top: 317px}
	p.navlinks_c {position: absolute; top: 367px}
		
	p.navlinks {font-family: verdana,tahoma,arial,helvetica; color: #FFFFFF; font-size: 9.5px}
	p.navlinks2 {font-family: verdana,tahoma,arial,helvetica; color: #FFFFFF; font-size: 9.5px; position: absolute; top: 252px}
	p.navlinks3 {position: absolute; top: 267px}
	p.navlinks4 {font-family: verdana,tahoma,arial,helvetica; color: #FFFFFF; font-size: 9.5px; position: absolute; top:316px}
	p.navlinks5 {position: absolute; top: 329px}
	p.navlinks6 {font-family: verdana,tahoma,arial,helvetica; color: #FFFFFF; font-size: 9.5px; position: absolute; top: 367px}
	p.navlinks7 {position: absolute; top: 380px}
		
	p.header {font-family: 'Oswald', sans-serif; color: #000000; font-size: 18px}
	p.header1 {font-family: 'Fjalla One', sans-serif; color: #000000; font-size: 32px}
	p.header2 {font-family: 'Garamond','Georgia','Times New Roman'; color: #000000; font-size: 10.5px}
	p.header3 {font-family: 'Garamond','Georgia','Times New Roman'; color: #000000; font-size: 11.5px; letter-spacing: 2px}
	p.header4 {font-family: 'Garamond','Georgia','Times New Roman'; color: #000000; font-size: 14.5px}
	p.header5 {font-family: 'Garamond','Georgia','Times New Roman'; color: #000000; font-size: 16.5px}
	p.header6 {font-family: 'Garamond','Georgia','Times New Roman'; color: #000000; font-size: 18.5px; line-height: 16pt}
	p.header8 {font-family: 'Garamond','Georgia','Times New Roman'; color: #000000; font-size: 12.5px}
	p.content1 {font-family: 'Garamond','Georgia','Times New Roman'; color: #000000; font-size: 10.5px; top-margin: 0.2cm; left-margin: 0.6cm}
	p.content2 {font-family: 'Garamond','Georgia','Times New Roman'; color: #000000; font-size: 10.5px; line-height: 16pt}
	p.content3 {font-family: 'Garamond','Georgia','Times New Roman'; color: #000000; font-size: 12px; line-height: 18pt}
	p.content4 {font-family: 'Garamond','Georgia','Times New Roman'; color: #000000; font-size: 13px}
	p.content {font-family: 'Garamond','Georgia','Times New Roman'; color: #000000; font-size: 12.5px;}
	p.content10 {font-family: 'Garamond','Georgia','Times New Roman'; color: #000000; font-size: 16px; line-height: 24px}
	p.content7 {font-family: 'Garamond','Georgia','Times New Roman'; color: #000000; font-size: 12.5px;}
	p.content_promo {font-family: 'Garamond','Georgia','Times New Roman'; color: #000000; font-size: 14px; line-height: 16pt}	
	p.titles {font-family: 'Garamond','Georgia','Times New Roman'; color: #000000; font-size: 10px}	
	p.tab { margin-left: 20px;}
		
	p.legend {font-family: 'verdana','tahoma','arial','helvetica'; color: #000000; font-size: 10.5px; letter-spacing: 0px}
	p.legend2 {font-family: 'verdana','tahoma','arial','helvetica'; color: #000000; font-size: 10.5px; letter-spacing: 0px}

	div.header1 {font-family: 'Arial','Helvetica', sans-serif; color: #000000; font-size: 18px}
	div.header2 {font-family: 'Arial','Helvetica', sans-serif; color: #000000; font-size: 12px}
	div.header3 {font-family: 'Arial','Helvetica', sans-serif; color: #000000; font-size: 16px; letter-spacing: 3px}
	div.header4 {font-family: 'Arial','Helvetica', sans-serif; color: #000000; font-size: 16px}
	div.header6 {font-family: 'Arial','Helvetica', sans-serif; color: #000000; font-size: 18.5px; line-height: 20px}
	div.header5 {font-family: 'Fira Sans', sans-serif; color: #000000; font-size: 20px}
	div.header7 {font-family: 'Oswald', sans-serif; color: #000000; font-size: 18px}
	div.content {font-family: 'Oswald', sans-serif;  color: #000000; font-size: 12.5px}
	div.content1 {font-family: 'Garamond','Georgia','Times New Roman'; color: #000000; font-size: 12px}
	div.content2 {font-family: 'Arial','Helvetica', sans-serif; color: #000000; font-size: 10px; letter-spacing: 0px}
	div.content3 {font-family: 'Garamond','Georgia','Times New Roman'; color: #000000; font-size: 18px; letter-spacing: 0px}
	div.content4 {font-family: 'Garamond','Georgia','Times New Roman'; color: #000000; font-size: 12.5px}
	div.content5 {font-family: 'Arial','Helvetica', sans-serif; color: #000000; font-size: 16px; letter-spacing: 3px}
	div.content6 {font-family: 'Arial','Helvetica', sans-serif;  color: #000000; font-size: 18px; letter-spacing: 3px; line-height: 16pt}
	div.content7 {font-family: 'Merriweather', 'Cambria', 'Hoefler Text', 'Liberation Serif', 'Times New Roman', serif; color: #000000; font-size: 12px}
	div.content8 {font-family: 'Garamond','Georgia','Times New Roman'; color: #000000; font-size: 16px; line-height: 24px; letter-spacing: 0px}
	div.content9 {font-family: 'Arial','Helvetica', sans-serif;  color: #000000; font-size: 12.5px}
	div.content10 {font-family: 'Garamond','Georgia','Times New Roman'; color: #000000; font-size: 20px; line-height: 36px; letter-spacing: 0px}
	div.content11 {font-family: 'Garamond','Georgia','Times New Roman'; color: #8B8B8B; font-size: 18px; line-height: 25px; letter-spacing: 0px}
	div.content12 {font-family: 'Arial','Helvetica', sans-serif; color: #000000; font-size: 18px; line-height: 24px; letter-spacing: 0px}
	div.tab { margin-left: 20px; margin-right: 20px}
	div.tab1 { margin-left: 19px;}
	div.tab2 { margin-left: 24px;}
	div.tab3 { margin-left: 30px;}
	div.tab4 { margin-left: 0px; margin-right: 0px}
	div.tab5 { margin-left: 200px; margin-right: 200px}

img.main
{
    max-width: 100%;
    min-width: 300px;
    height: auto;
}



/* CORE STYLES */
:root {
  --primary-color: #330066;
  --overlay-color: rgba(24, 39, 51 , 0.85);
  --menu-speed: 0.75s;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}


.container {
  max-width: 960px;
  margin: auto;
  overflow: hidden;
  padding: 0 3rem;
}



.btn {
  display: inline-block;
  border: none;
  background: var(--primary-color);
  color: #fff;
  padding: 0.75rem 1.5rem;
  margin-top: 1rem;
  transition: opacity 1s ease-in-out;
  text-decoration: none;
}

.btn:hover {
  opacity: 0.7;
}

/* MENU STYLES */
.menu-wrap {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
}

.menu-wrap .toggler {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  cursor: pointer;
  width: 50px;
  height: 50px;
  opacity: 0;
}

.menu-wrap .hamburger {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 60px;
  height: 60px;
  padding: 1rem;
  background: #330066;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Hamburger Line */
.menu-wrap .hamburger > div {
  position: relative;
  flex: none;
  width: 100%;
  height: 2px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease;
}

/* Hamburger Lines - Top & Bottom */
.menu-wrap .hamburger > div::before,
.menu-wrap .hamburger > div::after {
  content: '';
  position: absolute;
  z-index: 1;
  top: -10px;
  width: 100%;
  height: 2px;
  background: inherit;
}

/* Moves Line Down */
.menu-wrap .hamburger > div::after {
  top: 10px;
}

/* Toggler Animation */
.menu-wrap .toggler:checked + .hamburger > div {
  transform: rotate(135deg);
}

/* Turns Lines Into X */
.menu-wrap .toggler:checked + .hamburger > div:before,
.menu-wrap .toggler:checked + .hamburger > div:after {
  top: 0;
  transform: rotate(90deg);
}

/* Rotate On Hover When Checked */
.menu-wrap .toggler:checked:hover + .hamburger > div {
  transform: rotate(225deg);
}

/* Show Menu */
.menu-wrap .toggler:checked ~ .menu {
  visibility: visible;
}

.menu-wrap .toggler:checked ~ .menu > div {
  transform: scale(1);
  transition-duration: var(--menu-speed);
}

.menu-wrap .toggler:checked ~ .menu > div > div {
  opacity: 1;
  transition:  opacity 0.4s ease 0.4s;
}

.menu-wrap .menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.menu-wrap .menu > div {
  background: var(--overlay-color);
  border-radius: 50%;
  width: 200vw;
  height: 200vw;
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  transform: scale(0);
  transition: all 0.4s ease;
}

.menu-wrap .menu > div > div {
  text-align: center;
  max-width: 90vw;
  max-height: 100vh;
  opacity: 0;
  transition: opacity 0.4s ease;
}

.menu-wrap .menu > div > div > ul > li {
  list-style: none;
  color: #fff;
  font-size: 1.5rem;
  padding: 1rem;
}

.menu-wrap .menu > div > div > ul > li > a {
  color: inherit;
  text-decoration: none;
  transition: color 0.4s ease;
}

	td.content1 {padding-left: 0.3cm; padding-top: 0.3cm; padding-right: 0.4cm}
	td.content2 {padding-left: 0.1cm}
	
	p.star1 {position: absolute; top: 267px; left: 400px}
	51; font-size: 9.5px; position: absolute; top: 288px}
	p.navlinks_ii {font-family: verdana,tahoma,arial,helvetica; color: #FFFFFF; font-size: 9.5px; position: absolute; top: 401px}
	p.navlinks_iii {position: absolute; top: 367px}
		
	p.moinfo {font-family: verdana,tahoma,arial,helvetica; color: #FFFFFF; font-size: 9.5px; padding-left: 0.4cm; padding-top: 0.3cm}
	
			
/*center quad style*/