/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

	body {
		
	}

	div.ltitle {
		padding: 8px;
		text-align: right;
	}

	div.rtitle {
		padding: 8px;
		text-align: left;
		background-color: red;
		color: white;
	}

	div.ctitle {
		padding: 24px;
		text-align: center;
	}

	div.mmt {
		padding: 8px;
		text-align: right;
	}

	div.mmt_about {
		padding: 8px;
		text-align: right;
		color: white;
		background-color: green;
	}

	div.mmt_sa {
		padding: 8px;
		text-align: right;
		color: white;
		background-color: orange;
	}

	div.mmt_sa_light {
		padding: 8px;
		text-align: right;
		background-color: #ffcc66;
	}

	div.mmt_ltmp {
		padding: 8px;
		text-align: right;
		color: white;
		background-color: purple;
	}

	div.mmt_notes {
		padding: 8px;
		text-align: right;
		color: white;
		background-color: navy;
	}

	div.mmt_news {
		padding: 8px;
		text-align: right;
		color: white;
		background-color: teal;
	}

	div.lpodval {
		padding: 8px;
		text-align: left;
		font-size: 80%;
	}

	div.rpodval {
		padding: 8px;
		text-align: right;
	}

	h1 {
		font-weight: normal;
	}

	h2 {
		font-weight: normal;
	}

	a:hover {
		color: red;
	}


/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	body {
		
	}

	div.ltitle {
		padding: 2px;
		text-align: center;
	}

	div.rtitle {
		padding: 2px;
		text-align: center;
		background-color: red;
		color: white;
	}

	div.ctitle {
		padding: 12px;
		text-align: center;
	}

	div.mmt {
		padding: 2px;
		text-align: center;
	}

	div.mmt_about {
		padding: 2px;
		text-align: center;
		color: white;
		background-color: green;
	}

	div.mmt_sa {
		padding: 2px;
		text-align: center;
		color: white;
		background-color: orange;
	}

	div.mmt_sa_light {
		padding: 2px;
		text-align: center;
		background-color: #ffcc66;
	}

	div.mmt_ltmp {
		padding: 2px;
		text-align: center;
		color: white;
		background-color: purple;
	}

	div.mmt_notes {
		padding: 2px;
		text-align: center;
		color: white;
		background-color: navy;
	}

	div.mmt_news {
		padding: 2px;
		text-align: center;
		color: white;
		background-color: teal;
	}

	div.lpodval {
		padding: 2px;
		text-align: center;
		font-size: 80%;
	}

	div.rpodval {
		padding: 2px;
		text-align: center;
	}

	h1 {
		font-weight: normal;
	}

	h2 {
		font-weight: normal;
	}

	a:hover {
		color: red;
	}


}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}