html {
	height:95%;
	}
.mobile{
    display:none;
 }

body {
	height:100%;
    width:100%;
    background-image:url('images/yem_bg.jpg');
    background-color:#0080bf;
	padding:0;
	margin:auto;
	}
td.borderbittop{
    border-bottom:none;
    border-left:1px solid #000000;
    border-top:none;
    border-right:none;

 }
td.borderbitbottom{
    border-bottom:none;
    border-right:1px solid #000000;
    border-top:none;
    border-left:none;

 }  

 table.maincontent{
    border:1px solid #000000;
    border-left:none;
    border-right:none;
    background-image:url('images/bgtr.png');
    height:100%;
    width:99%;    
  }  
p.head    {
    font-family:arial, helvetica, sans-serif;
    font-size:14pt;
    font-weight:bold;
    color:#ffffff;
    margin-top:0px;
    padding-top:0px;
    }
p.body     {
    font-family:arial, helvetica, sans-serif;
    font-size:12pt;
    color:#66bee8;
    text-align:center;
 }

.sizechangeimage{
     width:80%;
     height:auto;
  }
.sizechangetest{
     width:750px;
     height:200px;
  }
.sizechangeimagear{
     width:95%;
     height:auto;
  }
.pn{
    color:#ffffff;
    font-size:10pt;
    font-family:arial, helvetica, sans-serif;
    margin:0px;
    
 }

.log{
    font-family:arial, helvetica, sans-serif;
    font-size:12pt;
    color:#ffffff;
    letter-spacing:4px;
    margin:0px;
    padding:0 10px 0 0;
    vertical-align:bottom;
}

.vidmenu{
    font-family:arial, helvetica, sans-serif;
    font-size:13pt;
    color:#66bee8;
    letter-spacing:2px;
    margin:0px 10px;
    padding:0px; 
    text-decoration:none; 
    text-align:right;  
 }
 .vidmenua{
    font-family:arial, helvetica, sans-serif;
    font-size:13pt;
    color:#ffffff;
    letter-spacing:2px;
    margin:0px 10px;
    padding:0px; 
    text-decoration:none;
    text-align:right; 
 }
.bottommenu{
    font-family:arial, helvetica, sans-serif;
    font-size:14pt;
    color:#ffffff;
    letter-spacing:2px;
    margin:0px 10px;
    padding:0px; 
    text-decoration:none;   
 }
.bottommenua{
    font-family:arial, helvetica, sans-serif;
    font-size:14pt;
    color:#66bee8;
    letter-spacing:2px;
    margin:0px 10px;
    padding:0px; 
    text-decoration:none; 
 }
.tutemenu{
    font-family:arial, helvetica, sans-serif;
    font-size:12pt;
    color:#66bee8;
    letter-spacing:2px;
    margin:0px 10px;
    padding:0px; 
    text-decoration:none; 
    text-align:right;
    display:block; 
    line-height:3; 
 }
.tutemenua{
    font-family:arial, helvetica, sans-serif;
    font-size:12pt;
    color:#ffffff;
    letter-spacing:2px;
    margin:0px 10px;
    padding:0px; 
    text-decoration:none; 
    text-align:right;
    display:block; 
    line-height:3; 
 }
table {
	border-style:none;
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}

table.main {
    width:99%;
    height:99%;
	}

.tableright{
    float:right;
    text-align:right;
 }
.contactusimage{
    width:600px;
    height:400px;
 }
.contactusmap{
    width:600px;
    height:400px;
 }
.body1{
    font-family:arial, helvetica, sans-serif;
    font-size:11pt;
    text-align:center;
    color:#ffffff;
    text-decoration:none;
 }
.body1 a{
    text-decoration:none;
    color:#ffffff;
 }
.video{
    width:853px;
    height:480px;
 }

.videotute{
    width:853px;
    height:480px;
 }


    
/* Media queries */
@media screen and (max-width: 1350px) {
    body{
    width:1150px;
    margin:0 auto;
    }
    #content {
    width: 700px;
    }
    .sidebar{
    width:280px;
    }
.sizechangeimage{
     width:350px;
     height:auto;
  }
  .sizechangetest{
     width:450px;
     height:auto;
  }

  .vidmenu{
    font-size:10.5pt;
    letter-spacing:2px;
    margin:0px 7px;
 }
 .vidmenua{
    font-size:10.5pt;
    letter-spacing:2px;
    margin:0px 7px;
 }
 .vidmenub{
    font-size:12pt;
    margin:0px 8px;
  }
.bottommenu{
    font-size:12pt;
    margin:0px 3px;  
 }
.bottommenua{
    font-size:12pt;
    margin:0px 3px;
}
 .bottommenutable{
     margin-left:auto;
     margin-right:auto; 
     width:700px;

 }
.tutemenu{
    font-size:11pt;
    letter-spacing:2px;
    margin:0px 10px;
    display:block; 
    line-height:2; 
 }
.tutemenua{
    font-size:11pt;
    letter-spacing:2px;
    margin:0px 10px;
    line-height:2; 
 }
 .vidmentab{
     border-bottom:2px solid #006d9f; 
     margin-bottom:25px;
     margin-left:auto;
     margin-right:auto; 
     width:1000px;
}
table.vidlogotest{
    width:1000px;
 }
.mobile{
    display:none;
 }
.contactusimage{
    width:500px;
    height:333px;
 }
.contactusmap{
    width:500px;
    height:333px;
 }
.videotute{
    width:800px;
    height:480px;
 }

 }
 
@media screen and (max-width: 1180px) {
body{
    width:850px;
    margin:0 auto;
    }
    #content {
    width: 550px;
    }
    .sidebar{
    width:280px;
    }
    .sizechange{
     width:320px;
     height:auto;
  }
  .sizechangeimage{
     width:380px;
     height:auto;
  }
  .sizechangetest{
     display:none;
  }

  .vidmenu{
    font-size:10pt;
    letter-spacing:1px;
    margin:0px 4px;
 }
 .vidmenua{
    font-size:10pt;
    letter-spacing:1px;
    margin:0px 6px;
 }
   .vidmenub{
    font-size:10pt;
    letter-spacing:1px;
    margin:0px 6px;
  }
.bottommenu{
    font-size:11pt;
    margin:0px 8px;
 }
.bottommenua{
    font-size:11pt;
    margin:0px 8px;
}
.tutemenu{
    font-size:9pt;
    letter-spacing:0.5px;
    margin:0px 10px;
    display:block; 
    line-height:3; 
 }
.tutemenua{
    font-size:9pt;
    letter-spacing:0.5px;
    margin:0px 10px;
    line-height:3; 
 }
 .bottommenutable{
     margin-left:auto;
     margin-right:auto;
     text-align:left; 
     width:400px;
 }
 .vidmentab{

     margin-left:auto;
     margin-right:auto; 
     width:840px;
}
table.vidlogotest{
    width:840px;
 }
.mobile{
    display:none;
 }
.contactusimage{
    width:400px;
    height:266px;
 }
.contactusmap{
    width:400px;
    height:266px;
 }
.videotute{
    width:600px;
    height:400px;
 } 
 }
 
@media screen and (max-width: 880px) {
    body{
    width:600px;
    margin:0 auto;
    }
    #content {
    width: 400px;
    }
    .sidebar{
    width:190px;
    margin: 0 0 20px 10px;
    }
     .sizechangeimage{
     width:300px;
     height:auto;
  }
  .sizechangetest{
     display:none;
  }

  .vidmenu{
    font-size:7pt;
    letter-spacing:1px;
    margin-right:5px;
    display:block;
 }
  .vidmenua{
    font-size:7pt;
    letter-spacing:1px;
    margin-right:5px;
    display:block;

 }

.bottommenu{
    font-size:9pt;
    margin:0px 7px;
    letter-spacing:0px;
 }
 .bottommenua{
    font-size:9pt;
    margin:0px 4px;
 }
.tutemenu{
    font-size:8pt;
    letter-spacing:0px;
    margin:0px 10px;
    display:block; 
    line-height:2; 
 }
.tutemenua{
    font-size:8pt;
    letter-spacing:0px;
    margin:0px 10px;
    line-height:2; 
 }
 
 .bottommenutable{

     margin-left:auto;
     margin-right:auto; 

 }
 .vidmentab{

     margin-left:auto;
     margin-right:auto; 
     width:90%;
}
     table.vidlogotest{
    width:600px;
    }
.mobile{
    display:none;
 } 
.contactusimage{
    width:300px;
    height:200px;
 }
.contactusmap{
    width:300px;
    height:200px;
 }
 .video{
    width:560px;
    height:315px;
 }
.videotute{
    width:310px;
    height:200px;
 }  

 }

 
@media screen and (max-width: 540px) {
    body{
    width:360px;
    margin:0px 2px;
    }
    #content {
    width: 360px;
    }


.sizechangeimage{
     width:200px;
     height:auto;
  }
.sizechangetest{
     display:none;
  }

.vidmenu{
    font-size:6pt;
    letter-spacing:1px;
    margin:0px 5px;
 }
 .vidmenua{
    font-size:6pt;
    letter-spacing:1px;
    margin:0px 5px;

 }
   .vidmenub{
    font-size:7.5pt;
    margin:0px 4px;
    letter-spacing:1px;

  }

.bottommenu{
    font-size:8.5pt;
    margin:0 7px;
    display:inline-block;
}
.bottommenua{
    font-size:8.5pt;
    margin:0px 7px;
    display:inline-block;
}

 .bottommenutable{
     width:90%;
 }
 .vidmentab{
     border-bottom:2px solid #006d9f; 
     margin-bottom:25px;
     margin-left:auto;
     margin-right:auto; 
     width:90%;
}
.tutemenu{
    font-size:7pt;
    letter-spacing:0px;
    margin:0px 10px;
    display:block; 
    line-height:2; 
 }
.tutemenua{
    font-size:7pt;
    letter-spacing:0px;
    margin:0px 10px;
    line-height:2; 
 }
.mobile{
    display:none;
 }
.contactusimage{
    width:150px;
    height:100px;
 }
.contactusmap{
    width:150px;
    height:100px;
 } 
.body1{
    font-size:7pt;
 }
 .video{
    width:400px;
    height:225px;
 }
.videotute{
    width:210px;
    height:100px;
 } 
}
 
    }