body {margin: 0px; padding: 0px; font-family: "Times New Roman"; font-size: 16px;}
#div_header {display: inline-block; width: 100%; height: 118px; text-align: center;}
#img_logo {display: inline-block; text-align: center;}
#div_menubar {display: block; margin-top: 10px; background-color: #564319; width: 99%; height: 32px; text-align: center; margin: 0 auto 0 auto;}
#div_content {display: block; width: 100%; text-align: center; margin: 0 auto 0 auto;}
div.bodytext {display: inline-block; min-width: 400px; max-width: 640px; text-align: left;}
div.pad {padding: 16px;}
div.nopad {padding: 0; margin: 0;}
div.bodytext_wide {display: inline-block; min-width: 480px; max-width: 768px; text-align: left; font-size: 14px;}
#div_bodyimage {display: inline-block; margin: 20px 0 0 10px; width: auto; vertical-align: top;}
#div_footer {display:block; width: 100%;}
#img_home {display: block; width: 480px;}
.menuitem {display: inline-block; padding-top: 8px; margin-right: 20px; width: 100px; height: 24px; text-align: center; border-radius: 5px; color: #ffffff; cursor: pointer; font-size: 16px;}
.menuitem:hover {background-color: #6f634d;}
.line {border: 2px solid #564319; width: 98%; height: 3px; margin: 5px auto 0 auto;}

@media only screen and (min-width: 320px) and (max-width: 640px) {
	#div_bodyimage {display: none;}
	div.bodytext {font-size: 12px; min-width: 300px; margin: 5px;}
	div.bodytext_wide {font-size: 12px;}
	#div_bodyimage {display:block; padding: 0; margin: 0 auto auto auto; text-align: center;}
	.menuitem {font-size: 12px; margin-right: 0px; width: 75px;}
	div.pad {padding: 2px;}
}

@media only screen and (min-width: 320px) and (max-width: 360px) {
	#img_logo {width: 300px;}
	div.bodytext {max-width: 300px;}
	div.bodytext_wide {min-width: 300px; max-width: 300px;}
	#div_bodyimage {min-width: 300px; max-width: 300px;}
}

@media only screen and (min-width: 360px) and (max-width: 480px) {
	#img_logo {width: 340px;}
	div.bodytext {max-width: 340px;}
	div.bodytext_wide {min-width: 340px; max-width: 340px;}
	#div_bodyimage {min-width: 340px; max-width: 340px;}
}

@media only screen and (min-width: 480px) and (max-width: 640px) {
	#img_logo {width: 460px;}
	div.bodytext {max-width: 460px;}
	div.bodytext_wide {min-width: 460px; max-width: 460px;}
	#div_bodyimage {min-width: 460px; max-width: 460px;}
}
