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

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

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

a:link {text-decoration: none;}


/* video */
.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
    background-color: #000;
    text-align: center;
}
.resp-iframe {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%; height: 100%;
    border: 0;
}

.sizeFrame {
    margin: 0 auto;
    width:100%; max-width: 950px;
    height:300px; 
    text-align: center;
}
.sizeVideo {width:100%; max-width: 100%;}

.sizeFrame2 {
    margin: 0 auto;
    width:100%; max-width: 950px;
    height:400px;
    text-align: center;
}

.sizeFrame3 {
    margin: 0 auto;
    height:100%; max-width: 950px;
    text-align: center;
}

/* end video */


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

#mainSection1 {
    overflow: auto;
    margin: 10px 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: 58px;
}

.sidenav a {
  padding: 10px 8px 8px 22px;
  vertical-align: middle;
  text-decoration: none;
  font-size: 16px;
  white-space: nowrap;
  color: #bfbfbf;
  display: block;
  transition: 0.3s;
}

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

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

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


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

/* 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: Georgia, "Times New Roman", Serif;
	font-weight: bold; font-size: 20px; color: #850018;
}

.subTitle0 {font-size: 22px; font-weight: bold;}
.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;
}

.seeMore {display:none; border-bottom: 1px solid #666;}
.seeMorea {display:none;}

#textNoWrap {white-space: nowrap;}

.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%;}

.textRed {
    color:#ff0000;
    text-align: center;
}

.textRight {
    text-align: right;
}

.container1 {
    width: 40%; 
    float: right; 
    margin-bottom: 0; 
    margin-left: 10px;   
}

.container2 {
    display: flex;
    align-items: center;
    justify-content: center
}      
.text2 {
    padding-left: 20px;
}

.leftpadding20 {
    padding-left: 0;    
}

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

/******* footer start *****/

#footer {
    overflow: auto;
    margin-top: 30px;
    margin-bottom: 20px;
    width:100%;
    border-top: 4px #920007 solid;
	font-size:15px; 
	line-height: 2;
	font-weight: bold;
	//background: url(naafImages/Footer.jpg) no-repeat left top;
	//opacity: 0.9;
}

/****** footer end ******/


/*-7 inch tablets -minimum width of 480 pixels*/
@media only screen and (min-width: 480px) {
  .sizeFrame {width:100%; height:450px;}
  .sizeVideo {width:90%;}
    
  #mainSection, #mainSection1 {max-width:950px;}
  
  .sidenav a {font-size: 17px;}

  #pageImg, #pageImgSlide, #footerImg1 {display: none; width:0;}
  #pageImg480, #pageImgSlide480 {
    display: block;
	width: 100%;
    max-width: 950px;
    border-bottom: 5px #650c0b solid;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, .2);
	border-bottom-right-radius: 2.5em;  /* rounded corners of page */
	border-bottom-left-radius: 132em 5em;
  }
  #footerImg {
    display: block;
	width: 100%;
    max-width: 950px;  
  }
  
  #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%;}
  
  .container1 {width: 20%; margin-bottom: 10px;}

  .sizeVideo1 {width:auto; max-width:100%;}
  
  .leftpadding20 {padding-left: 20px;}
  
  #pageLeftSideContact {float: left; width: 53%;}             
  #sideBoxContact {float: right; width: 45%;}
  .contactForm input[type="text"], .contactForm textarea , .contactForm select {width:90%;}
  
  #footer {max-width: 950px;}

}



/*-10 inch tablets -minimum width of 768 pixels*/
@media only screen and (min-width: 768px) {
    .sizeFrame {height:530px;}
    .sizeVideo {width:100%;}
    
    .leftpadding20 {padding-left: 40px;}
    
    #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;}
    
}