/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#page_top #masthead #logo { background: url(../i/logo.png) no-repeat; margin: 1em 0; }
	#page_top figure { margin: 0 3em 0 0; padding: 23px 18px 0 18px; }
	#page_top nav.main li a { padding: 0 19px; }
	#page_top nav.main li:first-child a { padding: 0 22px; }
	#page_top nav.main li:last-child a { padding-right: 25px; }
	#page_mid { background: #1C60CB none;  }
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	#page_top #masthead #logo { margin: 0 auto; float: none; }
	#page_top figure { background: none; width:auto; height:auto; margin: 1em auto; padding: 0; float: none; }
	#page_top figure img { width: 100%; }
	#page_mid { background: #1C60CB none;  }
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	body { font-size: 110% }
	#page_top #logo_figure, #page_top figure { padding-bottom: 0; margin-bottom: 0; }
	#page_top nav.main { border: 0; }
	#page_top nav.main li { width: 50%; text-align: center; box-shadow: inset -1px -1px 0 rgba(255,255,255,0.3), inset 1px 1px 0 rgba(0,0,0,0.5) }
	#page_top nav.main li:last-child { width: 100%; }
	#page_mid { background: #1C60CB none; }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	body { font-size: 110% }
	#page_top #logo_figure, #page_top figure { padding-bottom: 0; margin-bottom: 0; }
	#page_top nav.main li { display: block; float: none; box-shadow: inset 0 -1px 0 rgba(0,0,0,0.5); border-bottom: 1px solid rgba(255,255,255,0.3); }
	#page_mid { background: #1C60CB none;  }
}