/* mobile-friendly section */
	
	#nav {
	padding-left: 0;
	margin-left: 0;
	text-align: left;	
	}
	
	img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	}
	
	@media screen and (max-width: 560px) {

	nav, subHead, leftPanel, rightPanel, footer { 
    display: block;
	}
	
		#container {
			width: auto;
			float: none;
		}
		#nav {
			width: 255px;
		}
		
		/* turn menu vertical */
		#nav ul li { display:block; }
		
	}

	/* for iphone */
	@media screen and (max-width: 480px) {

		html {
			-webkit-text-size-adjust: none;
		}

		#nav a {
			font-size: 90%;
			padding: 10px 8px;
		}

		/* turn menu vertical */
		#nav ul li { display:block; }

		
	}