@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}

html, .table {
	background-repeat: no-repeat;
	display: flex;
    flex-flow: row nowrap;  
    justify-content: center;
    align-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
}
body {
	margin: 0;
	font-family: Arial, Gotham, "Helvetica Neue", Helvetica, "sans-serif";
	font-size: 14px;
	line-height: 1.42857143;
	color: #222;
	background-color: #E4E4E4;
	overflow-x: hidden;
}
container {
	
}
section {
	align-content: center;
	margin: auto;
	max-width: 1080px;
	background-color: #ffffff;
	/*  margin-right: 30px;
	margin-left: 30px;  */
}
ul {
	margin-left: 20px;	
}
li {
	margin-left: 20px;
}
.page-title {
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-weight: bolder;
	font-size: 40px;
	font-style: italic;
	text-align: center;
	border-bottom-style: none;
	color: #FFFFFF;
	text-shadow: 2px 2px 2px #000000;
	-webkit-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
	padding-top: 0px;
}
a {
	text-decoration: none;
	color: #7A2D00;
} 
a:hover {
	color: #D04C00;
}
a:actuve {
	
}
.navigation_1 {
	background-color: #F49EA0;
	font-family: Arial, Gotham, "Helvetica Neue", Helvetica, "sans-serif";
	font-size: 15px;
	font-weight: 600;
}
.page-intro {
	/*  float: left;  
	width: 100%; */
	padding-left: 15px;
	padding-right: 15px;
	font-size: 18px;
	font-family: Arial, Gotham, "Helvetica Neue", Helvetica, "sans-serif";
	font-weight: normal;
}
.page-heading-h, .page-heading-s, .page-heading-e, .page-heading-i, .page-heading-m, .page-heading-ca{
	font-weight: bolder;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-size: 23px;
	text-align: left;
	padding-left: 15px;
	font-style: italic;
	letter-spacing: 2px;
	margin-top: 10px
}
.page-heading-s {
	color: #312400;
}
.page-heading-h{
	color: #5A2E2F;
}
.page-heading-e {
	color: #27375E;
}
.page-heading-m {
	color: #46382D;
}
.page-heading-ca {
	color: #8C3221
}
tr {
}
td {
	vertical-align: top;	/* padding-left: 20px;
	margin-left: 0px;  */
	padding-top: 0px;
}
.panel_video, .panel-text {
	position: relative;
	padding-left: 5px;
}
.panel-video {
	float: none;
	width: 275px;
	padding-left: 15px;
}
.panel-heading {
	align-content: center;
	font-family: Arial, Gotham, "Helvetica Neue", Helvetica, "sans-serif";
	text-align: left;
	font-weight: bold;
	font-size: 17px;
	line-height: normal;
	border-top-width: thick;
	border-bottom-width: thick;
	padding-top: 0px;
	padding-bottom: 0px;
	width: auto;
	color: #312400;
}
.panel-text {
	width: 100%;
	font-size: 14px;
	line-height: 1.5em;
	padding-left: 15px;
	padding-right: 15px;
}
.panel-line {
	width: 90%;
	height: 1px;
	float: right;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 15px;
}
.panel-fix {
	width: 100%;
	font-size: 14px;
	line-height: 1.5em;
	padding-left: 15px;
	padding-right: 15px;
}
.videoplayer {
	/* float: left;  */
	width: 450px;
	height: 253px;
	text-shadow: 0 0;
	background-color: #808080;
	border: thin solid #AAAAAA;
}
.videoplayerS {
	float: right;
	width: 300px;
	height: 168px;
	text-shadow: 0 0;
	background-color: #808080;
	border: thin solid #000000;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 5px;
}
.intro {
	margin-left: 20px;
	margin-right: 20px;
}
.button-h, .button-s, .button-e, .button-i, .button-j, .button-d, .button-ph, .button-c, .button-m, .button-u, .button-ca {
	padding-left: 8px;
	text-decoration: none;
	font-family: Arial, Gotham, "Helvetica Neue", Helvetica, "sans-serif";
	font-weight: bold;
	letter-spacing: 0px;
	color: #101010;
	font-size: 16px;
	padding-top: 0px;
}
.button-h:hover, .button-s:hover, .button-e:hover, .button-i:hover, .button-j:hover, .button-d:hover, .button-c:hover, .button-m:hover, .button-u:hover, .button-ca:hover {
	cursor: pointer;
	border-left: 3px solid #6C5133;
	padding-left: 5px;
	color: #FFFFFF;
}
.button-ph {
	color: #777777;
}
.collapsible {
	background-color: #606060;
	color: white;
	cursor: pointer;
	padding-top: 3px;
	padding-right: 19px;
	padding-left: 20px;
	padding-bottom: 3px;
	width: 80%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 12px;
	margin-top: 3px;
}
.active, .collapsible:hover {
  background-color: #808080;
}
.content {
  display: none;
  overflow: hidden;
	/* -- padding: 0 18px; 
	 background-color: #f1f1f1;  --  */
}
.vid-menu-bb-h, .vid-menu-bb-s, .vid-menu-bb-e, .vid-menu-bb-i, .vid-menu-bb-j,.vid-menu-bb-d, .vid-menu-bb-c, .vid-menu-bb-m, .vid-menu-bb-u, .vid-menu-bb-ca {
	width: 175px;
	padding-left: 5px
}
.vid-menu-bb-s {
	background-color: #E2EEFE;
}
.vid-menu-bb-h {
	background-color: #E5CE8F;
}
.vid-menu-bb-e {
	background-color: #B7C8E2;
}
.vid-menu-bb-i {
	background-color: #D7D7D5;
}
.vid-menu-bb-j {
	background-color: #BFBEBA;
}
.vid-menu-bb-d {
	background-color: #D5D6D1;
}
.vid-menu-bb-c {
	background-color: #F8DCB4
}
.vid-menu-bb-m {
	background-color: #B48159;
}
.vid-menu-bb-u {
	background-color: #BAD2EA
}
.vid-menu-bb-ca {
	background-color: #FDDFA3
}
.vid-menu-h, .vid-menu-s, .vid-menu-e, .vid-menu-i, .vid-menu-c, .vid-menu-j, .vid-menu-d, .vid-menu-m, .vid-menu-u, .vid-menu-ca {
	width: 175px;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 8px;
	padding-left: 7px;
	padding-top: 1px;
	padding-bottom: 1px;
	text-align: center;
	padding-right: 5px;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 6px;
}
.vid-menu-s{
	background-color: #183D73;
}
.vid-menu-h{
	background-color: #4E3C30
}
.vid-menu-e {
	background-color: #27375E;
}
.vid-menu-i {
	background-color: #4B4020;
}
.vid-menu-j {
	background-color: #3D3B2F;
}
.vid-menu-d {
	background-color: #95948F;
}
.vid-menu-c {
	background-color: #57544F;
}
.vid-menu-m {
	background-color: #46382D;
}
.vid-menu-u {
	background-color: #245F9B
}
.vid-menu-ca {
	background-color: #AD341D
}
.link-menu {
	color: #000000;
}
.active, .link-menu:hover {
	color: #808080;	
}
.button-menu {
	color: #FFFFFF;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-style: normal;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 16px;
	background-color: #606060;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 1px;
	padding-bottom: 3px;
	height: 20px;
	word-break: keep-all;
	margin-left: 5px;
	margin-right: 5px;
}
.active, .button-menu:hover {
	background-color: #808080;
	color: #FFFFFF;
}
.image-float-right,.image-float-left {
	margin-top: 15px;
	/*   height: 100%;
	width: 100%;    */
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 15px;
	padding-top: 1px;
	padding-left: 1px;
	padding-bottom: 3px;
	padding-right: 3px;
	border-top-color: #6A6767;
	background-color: #4E4E4E;
}
.image-float-right {
	float: right;
}
.image-float-left {
	float: left;
}
.slideshow-width {
	width: 90%; 
	align-self: center;
}
.disclaimer {
}
.update {
	font-size: 12px;
	border: thin solid #777676;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
}
input[type="text"], input[type="email"], textarea, select, email, submit {
    background-color: #ffffff;
    color: #000000;	
	font-family: Arial, Gotham, "Helvetica Neue", Helvetica, "sans-serif";
	font-size: 15px;
}
input[type="text"], input[type="email"] {
	width: 75%;
}
input[type=submit] {
	padding-top: 3px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 3px;
	background-color: #ffffff;
	/*  color: #000000;   */
	font-family: Arial, Gotham, "Helvetica Neue", Helvetica, "sans-serif";
	font-size: 15px;
	border: thin solid #808080;
	cursor: pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-variant: small-caps;
	font-weight: bold;
}
.sitemap  {
	margin-left: 60px;
}
.indent {
	margin-left: 20px;
}

@media only screen and (max-width:700px) {
section {
	margin-right: 0px;
	margin-left: 0px;
	}
.page-title {
	font-size: 30px;
	}
.image-float-right, .image-float-left {
	width: 35%;
	height: auto;
	} 
.button-h, .button-s, .button-e, .button-i, .button-c, .button-j, .button.d, .button-m,.button-ph, .button-u, .button-ca, .button-d {
	padding-left: 8px;
	letter-spacing: 0px;
	color: #101010;
	font-size: 19px;
	padding-top: 0px;
	}
.button-ph {
	color: #777777;
	}
.collapsible {
	background-color: #606060;
	color: white;
	cursor: pointer;
	padding-top: 1px;
	padding-right: 19px;
	padding-left: 20px;
	padding-bottom: 1px;
	width: 80%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 18px;
	margin-top: 1px;
	}
.active, .collapsible:hover {
  background-color: #808080;
	}
}
.vid-menu-bb-h, .vid-menu-bb-s, .vid-menu-bb-e, .vid-menu-bb-i, .vid-menu-bb-c, .vid-menu-bb-j, .vid-menu-bb-d, .vid-menu-bb-m, .vid-menu-bb-u, .vid-menu-bb-ca, .vid-menu-bb-d {
	width: 200px;
	padding-left: .5px
}
.disclaimer{
}
.videoplayer {
	/* float: left;  */
	width: 350px;
	height: 197px;
	text-shadow: 0 0;
	background-color: #808080;
	border: thin solid #AAAAAA;
}
@media only screen and (min-width : 700px) and (max-width : 1081px) {
section {
	margin-right: 0px;
	margin-left: 0px;
	}
.page-title {
	font-size: 35px;
	}
/*   .image-float-right, .image-float-left {
	width: 40%;
	height: auto;
	}   */
.button-h, .button-s, .button-e, .button-i, .button-c, .button-j, .button.d, .button-m,.button-ph, .button-u, .button-ca, .button-d {
	padding-left: 8px;
	letter-spacing: 0px;
	color: #101010;
	font-size: 17px;
	padding-top: 0px;
	}
.button-ph {
	color: #777777;
	}
.collapsible {
	background-color: #606060;
	color: white;
	cursor: pointer;
	padding-top: 1px;
	padding-right: 19px;
	padding-left: 20px;
	padding-bottom: 1px;
	width: 80%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 16px;
	margin-top: 1px;
	}
.active, .collapsible:hover {
  background-color: #808080;
	}
}
.vid-menu-bb-h, .vid-menu-bb-s, .vid-menu-bb-e, .vid-menu-bb-i, .vid-menu-bb-c, .vid-menu-bb-j, .vid-menu-bb-d, .vid-menu-bb-m, .vid-menu-bb-u, .vid-menu-bb-ca, .vid-menu-bb-d {
	width: 225px;
	padding-left: 3px
}
.videoplayer {
	/* float: left;  */
	width: 400px;
	height: 225px;
	text-shadow: 0 0;
	background-color: #808080;
	border: thin solid #AAAAAA;
}
@media only screen and (min-width:1080px) {
	section {
	}	
.videoplayer {
	/* float: left;  */
	width: 450px;
	height: 253px;
	text-shadow: 0 0;
	background-color: #808080;
	border: thin solid #AAAAAA;
	}
}