/* Enter Your Custom CSS Here */
.flash01 { width: 100%; height: 280px; }
.flash02 { width: 100%; height: 280px; }  
.inner-image { width: 300px; }
.map-size { width: 425px; }
.sidebarwidth { width: 250px; }
.main-menu { width: 233px; height: 41px;}

@media only screen 
and (min-width : 240px) 
and (max-width : 1024px) 
    {
.topmargin { margin-top: 5%; }
}

@media only screen 
and (max-width : 480px) 
and (orientation: portrait)
  {
html, body { width:100%;  overflow:hidden; }

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
		align: center;
		width: 100%;

	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.dt { margin-left:15%; margin-top:50px; width: 115px; }
.flash01 { width: 100%; height: 300px; }
.flash02 { width: 100%; height: 300px; }
.sidebarwidth { width: 365px; margin-top: 30px; }
.myTextLeft { text-align: center; width: 260px; }
.myText { 
width: 260px;
text-align: center;
color: #000;
font-size: 12px;
font-family: Arial;
line-height: 150%;
}
.txtbox { width: 200px;}
.wrap_top, .wrap_right, .wrap_left, .wrap_bottom { display: none; }
.inner-image, .map-size { margin-left: 5%; width: 250px; }
.tableimage-td { margin-left:2%; }
/*.map-size { margin-left: 5%; width: 500px; } */
.account-login { margin-left: 15%; }
.tbrow-logout { float: left; position:relative;height:50px;width:50px;text-align:center;line-height:50px;margin-left:15px; margin-top:17px; }
.tbrow-login { float: left; position:relative;height:50px;width:30px;text-align:center;line-height:50px;margin-left:10%; }
.tbrow-loginfld { float: left; position:relative;height:50px;width:50px;margin-left:2px; margin-top:15px;}
.tbrow-password { float: left; position:relative;height:50px;width:30px;line-height:50px; margin-left:-115px; }
.tbrow-passwordfld { float: left; position:relative;height:50px;width:50px;line-height:50px;margin-left:2px; margin-top:15px; margin-left:-52px;}
.tbrow-arrow { position:relative; top: 28px; left: 15px; }
.Lfotter1, .Lfotter2, .Rfotter1, .Rfotter2   {text-align: center; }
}

@media screen 
and (min-width : 360px)
and (max-width : 750px)
and  (orientation: landscape)
{
html, body { width:100%;  overflow:hidden; }
p, h3 { font-size: 16px; }

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
		align: center;
		width: 100%;
                
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

		

	.dt { margin-left:15%; margin-right:18%; margin-top:60px; }
.flash01 { width: 100%; height: 300px; }
.flash02 { width: 100%; height: 300px; }
.sidebarwidth { width: 100%; margin-top: 30px; }
.myTextLeft { text-align: center; width: 89%; }
.myText { 
width: 88%;
text-align: center;
color: #000;
font-size: 12px;
font-family: Arial;
line-height: 150%;

}

.txtbox { width: 200px;}
.wrap_top, .wrap_right, .wrap_left, .wrap_bottom { display: none; }
.inner-image, .map-size { margin-left: 15%; width: 380px; }
/*.map-size { margin-left: 15%; width: 400px; } */
.tableimage-td { width: 300px; margin-left:18%; margin-right:14%; }
.account-login { margin-left: 15%; }
.tbrow-logout { float: left; position:relative;height:50px;width:50px;text-align:center;line-height:50px;margin-left:15px; margin-top:17px; }
.tbrow-login { float: left; position:relative;height:50px;width:30px;text-align:center;line-height:50px;margin-left:10%; }
.tbrow-loginfld { float: left; position:relative;height:50px;width:50px;margin-left:2px; margin-top:15px;}
.tbrow-password { float: left; position:relative;height:50px;width:30px;line-height:50px; margin-left:-115px; }
.tbrow-passwordfld { float: left; position:relative;height:50px;width:50px;line-height:50px;margin-left:2px; margin-top:15px; margin-left:-52px;}
.tbrow-arrow { position:relative; top: 28px; left: -50px;  }
.Lfotter1, .Lfotter2, .Rfotter1, .Rfotter2   {text-align: center; }
.main-menu { width: 350px; height: 50px;}
}





@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1)

{
html, body { width:100%;  overflow:hidden; }
p, h3 { font-size: 16px; }

/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
		align: center;
		width: 100%;
                
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

		

	.dt { margin-left:22%; margin-top:60px; }
.flash01 { width: 100%; height: 300px; margin-bottom:30px; }
.flash02 { width: 100%; height: 300px; }
.sidebarwidth { width: 780px; margin-top:30px; }
.myTextLeft { text-align: center; width: 650px; font-size: 16px;  }
.myText { 
width: 670px;
text-align: center;
color: #000;
font-size: 16px;
font-family: Arial;
line-height: 150%;
}
.txtbox { width: 200px;}
.wrap_top, .wrap_right, .wrap_left, .wrap_bottom { display: none; }
.inner-image, .map-size { margin-left: 23%; width: 380px; }
.tableimage-td { width: 350px; margin-left:25%; }
.account-login { margin-left: 150px; }
.tbrow-logout { float: left; position:relative;height:50px;width:50px;text-align:center;line-height:50px;margin-left:15px; margin-top:17px; }
.tbrow-login { float: left; position:relative;height:50px;width:30px;text-align:center;line-height:50px;margin-left:10%; }
.tbrow-loginfld { float: left; position:relative;height:50px;width:50px;margin-left:2px; margin-top:15px;}
.tbrow-password { float: left; position:relative;height:50px;width:30px;line-height:50px; margin-left:-115px; }
.tbrow-passwordfld { float: left; position:relative;height:50px;width:50px;line-height:50px;margin-left:2px; margin-top:15px; margin-left:-52px;}
.tbrow-arrow { position:relative; top: 28px; left: -20%;  }
.Lfotter1, .Lfotter2, .Rfotter1, .Rfotter2   {text-align: center; }
.main-menu { width: 400px; height: 60px;}


}