header, section, div, table, img, form, fieldset, textarea {
	margin: 0; padding: 0; border: 0;
}

body {
    margin: 0;
    padding-left: 0.6em; padding-right: 0.6em;
	//background: #f1f1f1 url(bg.png);
	font-family: "Lato", Arial, Helvetica, sans-serif; font-size: 16px;
}

.CnFont {line-height: 1.5;}
.EnFont {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}

a:link {text-decoration: none;}

#mainSection {
    overflow: auto;
    margin: 6px auto;
    width: 100%; max-width: 100%;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 2px 8px 8px 30px;
  text-decoration: none;
  font-size: 20px;
  color: #bfbfbf;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {color: #ffffff;}
.sidenav a:active {background-color: #5e5e5e;}
.currentlink {background-color: #5e5e5e;}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 15px;
  font-size: 34px;
}

/*
#opennav {
    font-size:28px; 
    cursor:pointer
}
*/

#opennav {
    font-size:22px; 
    cursor:pointer
}

#pageImg480, #pageImgSlide480 {display: none; width:0;}
#pageImg, #pageImgSlide {
    display: block;
	width: 100%;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, .2);
	border-bottom-right-radius: 2.5em;  /* rounded corners of page */
	border-bottom-left-radius: 130em 4em;
}

/* 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}
}

.pageTitle {
	font-family: "Times New Roman", Georgia, Serif;
	font-weight: bold; font-size: 24px; color: #850018;
}

.subTitle1 {font-size: 20px; font-weight: bold; }
.subTitle2 {font-size: 18px; font-weight: bold; }
.subTitle3 {
    font-size:16px; 
    font-weight:bold; 
    color:#850018;
    line-height: 1.5;
}

.textItalic {
  font-style: italic;
  color:#0000a7;
}

.imgcenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#eventsImg {
      display: block;
      max-width:100%;
      margin-bottom:10px;
      margin-left: auto;
      margin-right: auto;
      //box-shadow: 3px 3px 3px rgba(0, 0, 0, .2);
}
#eventsImg1 {
      display: block;
      width:100%;
      margin-left:0; 
      margin-bottom:10px; margin-top:10px;
}
#eventsImg2 {
      max-width:100%;
      margin-bottom:10px; margin-top:10px;
}
#eventsImg3 {max-width:100%;}

#eventsImgleft {
      width:100%;
      margin-bottom:10px;
      margin-right:12px;
}

#sideBoxImg1 {max-height:100%; max-width:100%;}

/* video page */
.sizeFrame {width:100%; max-width: 100%; height:260px;}
.sizeVideo {width:100%; max-width: 100%;}

.sizeVideo1 {width:100%;}
/* end video page */


/* contact page */
#pageLeftSideContact {float:left; width:100%;}
#sideBoxContact {overflow: auto; width:100%;}

.contactForm input[type="text"], .contactForm select {
	width:98%; height:1.8em;
	border:1px solid green;
	background: #f1f1f1;
}

.contactForm textarea {
	width:98%; height:10em;
	border:1px solid green;
	background: #f1f1f1;
}

.contactForm input[type="submit"] {
	background:#FFFFFF;
	width:7em; height:2em;
	color:#003366; font-weight:bold;
	border-radius:10px; border:2px solid green;
}

.contactForm input[type="submit"]:hover {
	cursor:pointer;
	border:2px solid #00c41f;
	color:#4477AA;
}

.contactForm  input[type="submit"]:active,
.contacFform  input[type="submit"]:focus {
    -moz-outline-style: none;
    outline:none; outline:0;
	border:2px solid #00c41f;
	color:#A2B212;	
}

.error {color: #FF0000;}
.success {color:#008000;}

.menuEnFont {font-size: 12px;}
/* contact page */


/*-7 inch tablets -minimum width of 480 pixels*/
@media only screen and (min-width: 480px) {
  #mainSection {max-width:950px;}
  
  .sizeFrame {width:100%; height:430px;}
  .sizeVideo {width:90%;}

  #pageImg, #pageImgSlide {display: none; width:0;}
  #pageImg480, #pageImgSlide480 {
    display: block;
	width: 100%;
    max-width: 950px;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, .2);
	border-bottom-right-radius: 2.5em;  /* rounded corners of page */
	border-bottom-left-radius: 130em 4em;
  }
  
  #eventsImg1 {margin-left:10px; width:auto; max-width:950px;}
  #eventsImg2 {margin-left:8px; max-width:45%;}
  #eventsImg3 {margin-left:10px; margin-right:14px; max-width:50%;}
  #eventsImgleft {width:auto; max-width:100%;}
  
  .sizeVideo1 {width:auto; max-width:100%;}
  
  #pageLeftSideContact {float: left; width: 53%;}             
  #sideBoxContact {float: right; width: 45%;}
  .contactForm input[type="text"], .contactForm textarea , .contactForm select {width:90%;}

}


/*-10 inch tablets -minimum width of 768 pixels*/
@media only screen and (min-width: 768px) {
     .sizeFrame {height:530px;}
    .sizeVideo {width:100%;}
    
    #pageLeftSideContact {width:54%;}              
    #sideBoxContact {width:42%;}
    .contactForm {padding-left: 2.5em;}
    .contactForm input[type="text"], .contactForm textarea , .contactForm select{//width:26em;}
    
}


/*-Desktop computers -minimum width of 1140 pixels */
@media only screen and (min-width: 1140px) {
     .sizeFrame {height:630px;}
    
    .contactForm input[type="text"], .contactForm textarea , .contactForm select {//width:28em;}
    
}