@charset "utf-8";

@media only screen and (min-width: 320px) and (max-width: 650px)
{
	#logo h3 { margin: 55px 0 0 15px; padding: 0; color: #045c70; font-size: 170%; font-weight: bold; font-family: Times, serif; font-style: oblique; display: block; }

	#navigation { width: auto; }
	#navigation li { padding: 0 10px 0 0; font-size: 100%; float: left; }

	#container { clear: left; float: left; margin: 15px; padding: 0; }
	
	#slogan { clear: left; float: left; margin: 0; padding: 0; background: transparent; border-width: 0; height: auto; width: 90%; }
	html > body  #slogan { height: auto; }	
	#slogan h1 { float: none; margin: 0; padding: 0; height: auto; width: auto; display: inline; background: transparent; }
	html > body  #slogan h1 { width: auto; height: auto; }
	
	#styledef, #stylelist, #displstyl, #styledef h3, #styledef p, #displstyl img { display: none; }
	
	#message { clear: left; float: left; margin: 20px 0 10px 0; padding: 0; background: #fafafa; border-width: 0; }

	#bodymessage { clear: left; float: left; margin: 0 0 10px 0; padding: 20px 0 10px 0; }
	#about, #goodies { clear: left; float: left; margin: 0 0 10px 0; }
	#information, #sendmessage ( clear: left; float: left; margin: 20px 0 10px 0; padding: 0; }

	#footer { clear: both; float: left; margin: 15px; padding: 0; }
}