/** Common Styles **/
body {
	font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial,
		sans-serif;
	padding: 10px;
	margin: 0px;
	border: 0px;
	font-size: 10px;
}

div {
	/* background: #fff; */
	display: block;
	padding: 10px;
	vertical-align: top;
}

#header {
	width: 100%;
	display: block;
	padding: 0px;
	margin: 2px;
	background: #330;
	color: #fff;
}

.highlight {
	font-size: 26px;
}

.headeritem {
	display: inline-block;
}

#footer {
	width: 100%;
	height: 60px;
	padding: 0px;
	margin: 2px;
	background: #330;
	color: #fff;
	text-align: right;
	font-size: 12px;
	display: block;
}

#content {
	width: 100%;
	padding: 0px;
	margin: 2px;
	border-color: blue;
	background: #fff;
	display: block;
}

#contentMain {
	/* min-height: 200px; */
	
}

#submitForm {
	width: 100%;
}

.contentheader {
	display: inline-block;
}

.contentitem {
	display: inline-block;
}

#submitForm {
	width: calc(100%);
}
textarea
{
	width: calc(95%);
}

/* Responsive Classes - Mobile */
@media ( max-width : 640px) {
	.desktop-only {
		display: none;
	}
	#contentMain {
		/* 100% - left content width - 4x10px padding */
		width: calc(100% - 20px);
		margin: 0px;
		padding: 10px;
		font-size: 14px;
		text-align: left;
		background: #aaa;
		min-height: 200px;
		margin: 0px;
		padding: 10px;
	}
	
}

/* Responsive Classes - Desktop */
@media ( min-width : 641px) {
	#contentMain {
		/* 100% - left content width - 4x10px padding */
		width: calc(100% - 20px);
		margin: 0px;
		padding: 10px;
		font-size: 16px;
		text-align: left;
		background: #ccc;
		min-height: 200px;
	}
	.mobile-only {
		display: none;
	}
}