﻿body, html
{
	font-family:Calibri, Arial,Sans-Serif;
	font-size: 10pt;
	color: black;
	margin: 0px auto;
	background-color: #E9E9E9;
	height:100%;
}
/*Default (Desktop) divs*/
#wrapper
{
	position:relative;
	min-height:100vh;    /* These two lines were the key. */   
	overflow:auto;
	max-width: 1200px;
	margin: 5px auto;
	background-color: #E9E9E9;
	
	min-height: 100vh;
	//padding-bottom:50px;
}
#mHeader{
	width:100%;
	display:none;
	background-color:white;
}
#dHeader
{
	background: url('images/header1200.gif');
	height: 125px;
	width: 100%;
	padding-left:6px;
	
}
#dMenu
{
	float:right;
	margin-top:50px;
}
	#dMenu a
	{
		padding-right: 30px;
		color: white;
		font: bold;
		font-variant: small-caps;
		text-decoration: none;
		text-align: right;
	}
#mMenu
{
	padding: 10px;
	display: none;
	background-image: url('images/header800.gif');
	text-align:right;
}
	#mMenu a
{
	color: white;
	font-weight: bold;
	text-decoration: none;
	line-height: 25pt;
	
}
	#mMenu br
	{
		margin-bottom:10px;
	}

#footer
{
	//position: absolute;
	
	width: 100%; 
	height: 40px; /*padding-top:15px;*/
	margin-top:10px;
	bottom: 0;
	background-color: #A7268F;
	border:solid thin #A7268F;
	
}
#footer p
{
	color:white;
}
#footer a
{
	color:white;
	text-decoration:none;
	font-weight:bold;
}

.content
{
	display:block;
	overflow: auto;
	background-color:white;
	margin-top:10px;
}
#left
{
	display:block;
	overflow: auto;
	//margin-top:10px;
	margin-bottom:10px;
	float:left;
	width:50%;
	/*background-color:lightgoldenrodyellow;*/
	
}

#right
{
	display:block;
	overflow: auto;
	//margin-top:10px;
	margin-bottom:10px;
	float:left;
	width:50%;
}
#right dt
{
	margin-left:70px;
	margin-top:10px;
	font-size:12pt;
	font-weight:bold;
}
#right dd
{
	margin-left:80px;
	margin-right:30px;
	font-size:12pt;
}


/*Mobile portrait divs*/
@media screen and (max-width:800px) {
	#left, #right
	{
		width: 100%;
	}
	#mid
	{
		display: none;
	}
	#dHeader
	{
		display:none;
	}
	#mHeader
	{
		display:inherit;
	}
	#footer
	{
		position:inherit;
		float:left;
		height:auto;

	}
	
  }

/*general formatting classes*/
h1
{
	text-align: center;
	margin-top:4px;
	margin-bottom:8px;
}
h2
{
	text-align: center;
	
}
h3
{
	text-align: center;
	font-size: 120%;
	margin-top:-5px;
	margin-bottom:10px;
	
	
}
h4
{
	font-size: 120%;	
	margin-bottom:6px;
}
p
{
	padding-left:15px;
}
.vMiddle
{
	margin-top:10px;
	text-align: center;
}
.pad
{
	padding:25px;
}