/*
	10px  = 0.625rem
	11px  = 0.6875rem
	12px  = 0.75rem
	13px  = 0.8125rem
	14px  = 0.875rem
	16px  = 1rem (base)
	17px  = 1.063rem
	21px  = 1.313rem
	24px  = 1.5rem
	28px  = 1.75rem
	100px = 6.25rem
*/

:root
{
	--nav-footer:		LightBlue;
	--thead:			#F0F0F0;
	--thead-alt:		PapayaWhip;
	--tr-li-hover:		Azure;
	--awesomplete-mark:	PowderBlue;
}

*
{
	margin:				0;
	padding:			0;
}

html
{
	background:			#333;
	height:				100%;
}

body
{
	background:			var(--nav-footer);
	color:				#333;
	font-family:		"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:			0.875rem;
	margin:				0 auto;
	min-height:			100%;
	width:				90%;
}

section
{
	background:			#FFF;
	padding:			8% 10%;
}

@media all and (max-width: 1440px)
{
	body    { width:    100%;  }
	section { padding:  4% 6%; }
}

h1
{
	border-bottom:		2px solid #E5E5E5;
	font-size:			1.75rem;
	margin-bottom:		2rem;
	padding-bottom:		.1rem;.
}

h2
{
	border-top:			2px solid #E5E5E5;
	font-size:			1.5rem;
	margin-top:			2rem;
	padding-top:		2rem;
	text-align:			center;
}

h3
{
	font-size:			1.313rem;
}

h4
{
	font-size:			1.063rem;
}

a
{
	color:				#3366BB;
	cursor:				pointer;
	display:			inline-block;
	text-decoration:	none;
}

a:hover
{
	color:				#0645AD;
}

i
{
	font-size:			1.313rem;
	vertical-align:		-.25rem;
}

section ul
{
	list-style:			none;
	margin-top:			1rem;
}

footer
{
	background:			var(--nav-footer);
	padding:			3rem 0;
	text-align:			center;
}