/* mcc/page.css
****************************************************************
****************************************************************
****************************************************************/


/* Pre-Page Banner
****************************************************************/

.page-pre .banner
{
	position: relative;
	z-index: 3000;
	background-color: #BB0000;
	color: white;
	text-align: center;
}

.page-pre .banner a
{
	display: block;
	color: white;
	padding: 12px 0;
	font-size: 18px;
	font-size: 1.8rem;
}

.page-pre .banner em
{
	font-size: 14px;
	font-size: 1.4rem;
}


/* Page Width
****************************************************************/

.page
{
	position: relative;
	width: 980px;
	height: 100%;
	/* 0 marginm:20px */
	padding: 0;
	margin: 0 auto;
}

.page-inner
{
	position: relative;
	min-height: 100%;
	/* (line:24px / 2) 0 */
}

.sitewide
{
	padding: 0 20px;
}

.sitewide .header .nav-inner,
.sitewide .footer .footer-inner
{
}

.content
{
	position: relative;
	min-height: 240px;
	overflow: hidden;
	padding: 131px 20px 120px;
	width: 700px;
	margin: 0 auto;
}

.content .content-inner
{
}


/* Site-Wide Header
****************************************************************/

.sitewide .header .tagline
{
	text-align: center;
}

.sitewide .header .nav,
.sitewide .header .nav ul,
.sitewide .header p
{
	margin: 0;
}

.sitewide .header
{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 2002;
	background-color: white;
}

.sitewide .header-inner
{
	position: relative;
	margin: 0 auto;
	width: 940px;
}

.sitewide .header .shadow
{
	position: absolute;
	width: 980px;
	height: 20px;
	background-image: url(/media/images/2014/MCCHeaderShadow.png);
	background-position: top center;
	background-repeat: no-repeat;
	left: -20px;
}

.sitewide .header .logo img
{
	display: block;
}

.sitewide .header .primary ul
{
	float: left;
}

.sitewide .header .primary ul
{
	padding: 0;
	overflow: hidden;
}

.sitewide .header .primary li
{
	float: left;
	padding: 0 30px;
	/* line:24px * 1.5 */
	line-height: 36px;
	line-height: 3.6rem;
	/* 12pt */
	font-size: 12px;
	font-size: 1.2rem;
	text-transform: uppercase;
}

.sitewide .header .search
{
	float: right;
	width: 218px;
	position: relative;
	/* line:24px */
	height: 24px;
	height: 2.4rem;
	margin: 6px 0;
	margin: .6rem 0;
}

.sitewide .header .search #asideSearchInput
{
	position: absolute;
	display: block;
	/* 290px - (margin:20px * 2)*/
	width: 178px;
	/* line:24px - (1px * 2) */
	height: 22px;
	height: 2.2rem;
	border: 1px solid #BBBBBB;
	border-width: .1rem;
	/* 0 (margin:20px / 4 - 1px) */
	padding: 0 4px;
	margin: 0;
	color: inherit;
}

.sitewide .header .search #asideSearchButton
{
	position: absolute;
	display: block;
	top: 4px;
	right: 8px;
}


/* Site-Wide Footer
****************************************************************/

.sitewide .footer
{
	clear: both;
	position: absolute;
	z-index: 3000;
	bottom: 0;
	/* 12pt */
}