﻿/* CSS Document */

.mobile-only					{ display: none; }

/**********************************************************************/
/* Site Specific styles */
/* Design for a width of 768px  * /

    @media only screen and (min-width: 768px) and (max-width: 959px) {
		.pagewidth						{ width: 768px; margin: 0 auto; }
	}
	
	
/* Design for a width of 480px * /

    @media only screen and (min-width: 480px) and (max-width: 767px) {
		body							{ overflow-x: hidden; }
		.pagewidth						{ width: 480px; margin: 0 auto; }
		#masthead-nav					{ display: none; }
		#mastheader-search-container	{ display: none; }
		#masthead-nav-mobile			{ display: block; padding: 0; }
		#masthead-more-menu				{ width: 480px; margin: 0 auto; }
		.masthead-menu-body				{ width: 480px; margin: 0 auto; }
		.mobile-only					{ display: block; }
	}
	
	
/* Design for a width of 320px * /

    @media only screen and (max-width: 479px) {				
		body							{ overflow-x: hidden; }
		.pagewidth						{ width: 320px; margin: 0 auto; }
		#masthead-nav					{ display: none; }
		#mastheader-search-container	{ display: none; }
		#masthead-nav-mobile			{ display: block; padding: 0; }
		#masthead-more-menu				{ width: 320px; margin: 0 auto; }
		.masthead-menu-body				{ width: 320px; margin: 0 auto; }
		.mobile-only					{ display: block; }
	}
	
	*/