@charset "UTF-8";
/* CSS Document */

/* SOCIAL MEDIA */

a:hover {
	text-decoration: underline;
	cursor: pointer;
}

a:active {
	text-decoration: underline;
	cursor: pointer;
}

a:visited {
	text-decoration: none;
	cursor: pointer;
}

a:link {
	text-decoration: none;
	cursor: pointer;
}

.white:hover {
	color: white;
	text-decoration: underline;
}

.white:active {
	color: white;
	text-decoration: underline;
}

.white:link {
	color: white;
}

.white:visited {
	color: white;
}

.clear {
	clear:both;
}

#socialmediablack {
	position: fixed;
	bottom: 70px;
	right: 40px;
	z-index: 100;
}

.socialmediawhite {
	float: left;
	margin-left: -10px;
	display: none;
}


.socialmediawhite2 {
	float: right;
	margin-right: 2.5%;
}

#soctable {
	width:70%; 
	top: 50px; 
	left: 70px; 
	position:absolute;
}




th, td {
    padding: 5px;
}

.black_overlay{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.white_content {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -100px;
	margin-left: -150px;
	width: 300px;
	height: 200px;
	padding: 16px;
	background-color: white;
	z-index:1002;
	overflow: auto;
}

.black2:hover {
	color: black;
	text-decoration: underline;
		font-family: Arial, sans-serif; 
	font-size: .8em;
	font-weight: 100;
}

.black2:active {
	color: black;
	text-decoration: underline;
		font-family: Arial, sans-serif; 
	font-size: .8em;
	font-weight: 100;
}

.black2:link {
	color: black;
		font-family: Arial, sans-serif; 
	font-size: .8em;
	font-weight: 100;
}

.black2:visited {
	color: black;
		font-family: Arial, sans-serif; 
	font-size: .8em;
	font-weight: 100;
}

.black3:hover {
	color: black;
	text-decoration: underline;
		font-family: Arial, sans-serif; 
	font-size: .7em;
	font-style: italic;

}

.black3:active {
	color: black;
	text-decoration: underline;
		font-family: Arial, sans-serif; 
	font-size: .7em;
		font-style: italic;


}

.black3:link {
	color: black;
		font-family: Arial, sans-serif; 
	font-size: .7em;
		font-style: italic;


}

.black3:visited {
	color: black;
		font-family: Arial, sans-serif; 
	font-size: .7em;
		font-style: italic;


}

.black:hover {
	color: #595959;
	text-decoration: underline;
}

.black:active {
	color: #595959;
	text-decoration: underline;

}

.black:link {
	color: #595959;

}

.black:visited {
	color: #595959;

}

@media (max-width: 1024px) {
	#socialmediablack {
		bottom: 10px;
	}
}

@media (max-width: 900px) {
	#socialmediablack {
		display: none;
	}
	.socialmediawhite {
		display: block;
	}
}

@media (max-width: 550px) {
	.socialmediawhite {
		display: none;
	}
	
}

@media (max-width: 350px) {

.white_content {
	margin-top: -100px;
	margin-left: -100px;
	width: 200px;
	height: 200px;

}

#soctable {
	width:100%; 
	top: 45px; 
	left: 30px; 
	position:absolute;
}
	
}