html
{
	background-color: #EBEBEB;
}

body
{
	font-size: 62.5%;
	text-align: center;
}

#main-container
{
	position: relative;
	width: 900px;
	margin: 0 auto;
	overflow: auto;	/* fixes empty white space at bottom, but probably better way to do it */
	color: #9C9C9C;
	text-align: left;
	font-family: Arial;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}

	#header
	{
		position: relative;
		background-image: url(/App_Themes/mPango/images/header-background.gif);
		height: 187px;
	}
	
		#header-logo
		{
			position: absolute;
			top: 23px;
			left: 115px;
		}
		
		#sign-up-now
		{
			position: absolute;
			bottom: 45px;
			right: 0;
		}
	
	#menuElem
	{
		position: absolute;
		top: 165px;
		width: 100%;
		text-align: center;
	}
	
		ul.CMSListMenuUL
		{
		}

			ul.CMSListMenuUL li
			{
				padding: 0 5px;
				display: inline;
				float: none;
			}

			ul.CMSListMenuUL ul
			{
				top: 12px;
				width: 158px;
				margin-left: 6px;
				border-top: 1px solid #702421;
				border-left: 1px solid #702421;
				border-right: 1px solid #702421;
				text-align: left;
			}

				ul.CMSListMenuUL ul li
				{
					display: block;
					background-color: #B8B8B8;
					border-bottom: 1px solid #702421;
					padding: 6px 7px 4px 9px;
				}
				
				ul.CMSListMenuUL ul li a
				{
					text-decoration: none;
					text-transform: uppercase;
					color: white;
				}
				
				ul.CMSListMenuUL ul li.hover,
				ul.CMSListMenuUL ul li:hover
				{
					background-color: #7C3B3B;
				}
	
	#content-container
	{
		background-color: white;
		background-image: url(/App_Themes/mPango/images/content-container-shadow-bottom.gif);
		background-repeat: no-repeat;
		background-position: bottom left;
		margin: 3px 41px 0 41px;
		padding: 37px 41px 30px 41px;
	}
	
		#content-shadow-top
		{
			background-image: url(/App_Themes/mPango/images/content-shadow-top.gif);
			background-repeat: no-repeat;
			height: 12px;
		}
	
		#content
		{
			background-image: url(/App_Themes/mPango/images/content-shadow-middle.gif);
			background-repeat: repeat-y;
			padding: 54px 26px 21px 26px;
			font-size: 1.2em;
			min-height: 200px;
		}
		
			h1
			{
				color: #771B1B;
				text-transform: uppercase;
				font-size: 3.6em;
				margin: 0 0 25px 0;
			}
		
		#content-shadow-bottom
		{
			background-image: url(/App_Themes/mPango/images/content-shadow-bottom.gif);
			background-repeat: no-repeat;
			height: 13px;
		}
		
	#content a
	{
		color: #771B1B;
	}

	#footer
	{
		text-align: center;
		margin-top: 27px;
	}
	
		#footer-logos img
		{
			margin: 0 66px;
		}
		
		#contact-information
		{
			margin: 50px 0 25px 0;
			text-transform: uppercase;
		}
	
		#footer a
		{
			color: #9C9C9C;
			text-decoration: none;
			text-transform: uppercase;
		}
		
		#footer a:hover
		{
			text-decoration: underline;
		}