body  {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; MARGIN: 0px; COLOR: #000000; FONT-FAMILY: verdana;
}
p {
	FONT-WEIGHT: normal; FONT-SIZE: 14pt; MARGIN: 0px; COLOR: #eeddcc; FONT-FAMILY: verdana; text-align: left;
}
td {
	FONT-WEIGHT: normal; FONT-SIZE: 14pt; MARGIN: 0px; COLOR: #000000; FONT-FAMILY: verdana
}
ul {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 40px; PADDING-TOP: 0px; text-align: left;
}
ol {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 40px; PADDING-TOP: 0px
}

ul {
	LIST-STYLE-TYPE: circle; color: #eeddcc; FONT-SIZE: 14pt;
}
h1 {
	FONT-SIZE: 26pt; MARGIN: 0px; COLOR: #eeddcc; FONT-FAMILY: verdana; FONT-WEIGHT: normal; text-align: left;
}
h2 {
	 FONT-SIZE: 16pt; MARGIN: 0px; COLOR: #ccccaa; FONT-FAMILY: verdana; text-align: left;
}
h3 {
	FONT-SIZE: 14pt; MARGIN: 0px; COLOR: #ccccaa; FONT-FAMILY: verdana
}
h4 {
	 FONT-SIZE: 12pt; MARGIN: 0px; COLOR: #000000; FONT-FAMILY: verdana
}
h5 {
	 FONT-SIZE: 10pt; MARGIN: 0px; COLOR: #eeddcc; FONT-FAMILY: verdana
}
h6{
	 FONT-SIZE: 9pt; MARGIN: 0px; COLOR: #000000; FONT-FAMILY: verdana
}
h7{
	FONT-SIZE: 8pt; MARGIN: 0px; COLOR: #000000; FONT-FAMILY: verdana
}

a {
	COLOR: #eeeeee; TEXT-DECORATION: none; FONT-WEIGHT: bold 
}
a:hover {
	COLOR: #aaccff; TEXT-DECORATION: none; FONT-WEIGHT: bold
}

a:focus {
    outline:none;
}

.menu TD {
	FONT-SIZE: 12pt; COLOR: #634841; TEXT-DECORATION: none; FONT-FAMILY: verdana
}
.menu TD A {
	FONT-SIZE: 12pt; COLOR: #000000; TEXT-DECORATION: none; FONT-FAMILY: verdana
}
.menu TD A:hover {
	FONT-SIZE: 12pt; COLOR: #cc9966; TEXT-DECORATION: none; FONT-FAMILY: verdana
}


.hidden { display: none;}

.hiddenNav {width: 60%; }

.side-nav{width: 170px; height: 100%; position: fixed; background: black; top: 0; left: 0; padding: 20px 50px}
.header{width: 100%; height: 100vh; background: black}
.logo{display: block; margin-bottom: 130px}
.nav-links{list-style: none; position: relative;}
.nav-links li{padding: 10px 0;}
.nav-links li a{color: #eee; text-decoration: none; padding: 10px 14px; display: flex; align-items: center;}
.nav-links li a i{font-size: 22px; margin-right: 20px;}
.nav-links li:hover a{color: #0d74f5; transition: 0.3s}
.active{background: #236f6a; width: 80%; height: 47px; position: absolute; left: 0%; top: 2.7%; z-index: -1; border-radius: 12px; box-shadow: 0 5px 10px rgba(255,255,255,0.4); display: none; transition: 0.4s}
.nav-links li:hover ~ .active{display: block;}
.nav-links li:nth-child(1):hover ~ .active{top: 2.7%;}
.nav-links li:nth-child(2):hover ~ .active{top: 27.7%;}
.nav-links li:nth-child(3):hover ~ .active{top: 52.7%;}
.nav-links li:nth-child(4):hover ~ .active{top: 77.7%;}
.nav-links li:nth-child(5):hover ~ .active{top: 103.7%;}

.logo-icon{display:none; width: 45px;}


@media only screen and (max-width: 600 px;)
.pdf { 
  color: #34f2ab;
}

@media only screen and (min-width: 800px) {
	.nav-button{display: none;}
	.maincontainer {width: 55%;}
	.side-nav{width: 20%; 
		height: 100%; 
		position: fixed; 
		background: black; 
		top: 0; 
		left: 0; 
		padding: 20px 5px; 
		max-height: calc(100vh - 5rem);
		overflow-y: auto;}
	.col1{width: 160px; height:156px}
	.col2{width: 420px;}
	.col3{width: 220px;}
}

@media only screen and (max-width: 800px) {
.maincontainer {width: 90%;}
.side-nav{
	width: 0; 
	height: 100%; 
	position: fixed; 
	background: black; 
	top: 0; 
	left: 0; 
	padding: 20px 5px; 
	max-height: calc(100vh - 5rem);
    overflow-y: auto;
	transition: 0.3s;
	overflow-x: hidden;
	z-index: 1;
	}
	.col1{width: 150px; height:156px}
	.col2{width: 200px;}
	.col3{width: 150px;}
}



.subhead{color: #d30355;}

.socmed{border: 0 px; padding: 0 px; margin: 0 px; max-height: 20px; vertical-align: sub;}
.extra{color: #bf4922;}
.talks{color: #5234d2}