body 
{
    background-color:black;
/*    font-family:Verdana; */
    font-family: 'Open Sans', sans-serif;
    color:White;
}

h1
{
    font-size:36pt;
    font-weight:lighter;
    padding:0 0 0 0 ;
    line-height:1; 

}
h2 {
	font-weight: lighter;
	text-align: center;
}
h3 {
	font-size: 12pt;
	text-align: center;
	font-weight: lighter;
}

h4
{font-size:26pt;
 font-weight:lighter;
}

h5 {
	font-size: 12pt;
	
}

h6 
{
    font-size: 10pt;
    text-align: center;
	font-weight: lighter;
}

.content-wrapper {
	margin: 0 auto;
	max-width: 1200px;
	background-color: black;
	min-height: 900px;
	padding: 10 5 10 5;
	/* border: 1px solid #BFBFBF;
     -moz-box-shadow: 4px 4px 3px #BFBFBF;
    -webkit-box-shadow: 4px 4px 3px #BFBFBF;
    box-shadow: 4px 4px 3px #BFBFBF;  */
	list-style-type: none;
	position: relative;
	/*border: 1px solid white; */
}


ul {
    list-style-type: '- ';
    font-size: 11pt;   
}

.li{
    padding:10 5 10 5;


}

.img-sig {
	width: 250px;
	position: absolute;
	bottom: 0;
	right:0;
	z-index:0;
}


    

.page-content
{
    text-align:center;
}


.page-footer {
	text-align: center;
	position: absolute;
	bottom: 0;
	font-size: 10pt;
	padding: 50 50 5 5;
	margin-bottom: 10px;
	/* margin-left:400px;  */
	margin-right: auto;
	z-index:1;
	width:100%;
}

.sub-title {
	padding: 10 0 0 0;
	line-height: 1;
	font-size: 20pt;
	font-weight: lighter;
	text-align: center;
	letter-spacing: 12px;
}

.main-title {
	font-size: 40pt;
	font-weight: lighter;
	padding: 0 0 0 0;
	line-height: 1.5;
	text-align:center;
}

#MenuBar {
	vertical-align: bottom;
	width:100%;
}

a {
	text-decoration: none;
	font-style: inherit;
	color: white;
}



/* From W3S */
.w3-bar {
width: 100%;
overflow: hidden
}

.w3-center .w3-bar {
	display: inline-block;
	width: auto
}

.w3-bar .w3-bar-item {
	padding: 8px 16px;
	float: left;
	border: none;
	outline: none;
	display: block;
	vertical-align:bottom;
	text-align:right;
}

.w3-bar .w3-dropdown-hover, .w3-bar .w3-dropdown-click {
	position: static;
	float: left;
}

.w3-bar .w3-button {
	white-space: normal
}

.w3-black, .w3-hover-black:hover {
	color: #fff !important;
	background-color: #000 !important
}

.w3-btn, .w3-button {
	border: none;
	display: inline-block;
	outline: 0;
	padding: 8px 16px;
	vertical-align: middle;
	overflow: hidden;
	text-decoration: none;
	color: inherit;
	background-color: inherit;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
	font-size: 20px;
}

	.w3-btn:hover {
		box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
	}

.w3-btn, .w3-button {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

	.w3-disabled, .w3-btn:disabled, .w3-button:disabled {
		cursor: not-allowed;
		opacity: 0.3
	}

		.w3-disabled *, :disabled * {
			pointer-events: none
		}

		.w3-btn.w3-disabled:hover, .w3-btn:disabled:hover {
			box-shadow: none
		}


.w3-light-grey, .w3-hover-light-grey:hover, .w3-light-gray, .w3-hover-light-gray:hover {
	color: #000 !important;
	background-color: #f1f1f1 !important
}
.w3-wide {
	letter-spacing: 6px
}

/* ------Sildeshow -------------*/

* {
	box-sizing: border-box
}

/* Slideshow container */
.slideshow-container {
	max-width: 1000px;
	position: center;
	margin: auto;
}

.mySlides {
	display: none;
}

/* Next & previous buttons */
.prev, .next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	margin-top: -22px;
	padding: 16px;
	color: white;
	font-weight: bold;
	font-size: 18px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next {
	right: 0;
	border-radius: 3px 0 0 3px;
}

	/* On hover, add a black background color with a little bit see-through */
	.prev:hover, .next:hover {
		background-color: rgba(0,0,0,0.8);
	}

/* Caption text */
.text {
	color: #f2f2f2;
	font-size: 15px;
	padding: 8px 12px;
	position: absolute;
	bottom: 8px;
	width: 100%;
	text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
	color: #f2f2f2;
	font-size: 12px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
	
}

/* The dots/bullets/indicators */
.dot {
	cursor: pointer;
	height: 13px;
	width: 13px;
	margin: 0 2px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}

	.active, .dot:hover {
		background-color: #717171;
	}

/* Fading animation */
.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
}

@-webkit-keyframes fade {
	from {
		opacity: .4
	}

	to {
		opacity: 1
	}
}

@keyframes fade {
	from {
		opacity: .4
	}

	to {
		opacity: 1
	}
}


.img-slide {
	width: 750px;
	position: relative;
	/* text-align: center;
	display: inline-block;*/
	border-width: 1px;
	border-color: white;
	border-style: solid;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.img-gallery {
	max-width: 250px;
	max-height: 250px;
	position: relative;
	border-width: 1px;
	border-color: white;
	border-style: solid;
	display: block;
	/* margin-left: auto;
	margin-right: auto; */
}

.link-table {
	height: 275px;
	width: 275px;
}

.link-title {
	text-align:center;
	
}

.warn-text {
	color: yellow;
}