*{
  margin: 0;
  padding: 0;
  border: 0;
  outline:0;
  box-sizing: border-box;
}

html,body{
  height: 100%;
}

:root {
  --stageBg: #FFF;
  --headerBg: #FFF;
  --footerBg: #004B87;
  --bodyBar1Bg: #dedede;
  --bodyBar2Bg: #000;
  --bodyBar3Bg: #f6f6f6;
  --bodyBar4Bg: #004B87;
  --pageTitle: #FFF;
  --pageSubtitle: #FFF;
  --hTitles: #004B87;
  --bodyText: #231f20 ;
  --link: #004B87;
  --bodyLink: #004B87;
  --bodyLinkHover: #333;
  --button: #004B87;
  --buttonBg: #FFCD00;
  --buttonHover: #fff;
  --buttonHoverBg: #004B87;
  --navItem: #004B87;
  --navItemBg: #444;
  --navItemHover: #FFCD00;
  --navItemHoverBg: #999;
  --navSubitem: #333;
  --navSubitemBg: #FFF;
  --navSubitemHover: #000;
  --navSubitemHoverBg: #FFCD00;
  --imageMonoFilter: brightness(0) saturate(100%) invert(77%) sepia(38%) saturate(1954%) hue-rotate(333deg) brightness(101%) contrast(96%);
  --imageMonoFilterLight: invert(100%) sepia(100%) saturate(0%) hue-rotate(107deg) brightness(104%) contrast(105%);
  --imageMonoFilterDark: brightness(0) saturate(100%);
}

body{
  color: var(--bodyText);
  font-size: 16px;
  font-family: open-sans, sans-serif;
  cursor: default;
  background-color: var(--stageBg);
  font-weight: 300;
}

p{
  margin-bottom: 1em;
  line-height: 1.4em;
  text-align: left;
}

a{
  text-decoration: none;
  color: var(--link);
}

a:hover{
  text-decoration: none;
}

p a{
  text-decoration: none;
  color: var(--bodyLink);
}

p a:hover{
  text-decoration: none;
  color: var(--bodyLinkHover);
}

hr {
	height: 1px;
	background-color: #ccc;
	color: #ccc;
	margin: 2em auto;
}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
  color: var(--hTitles);
  margin: 0 0 .5em 0;
  line-height: 1em;
  font-weight: 600;
  font-family: open-sans, sans-serif;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
  text-decoration: none;
}

h1 {font-size: 1.7em;}
h2 {font-size: 1.5em; margin: 2em 0 .5em 0;}
h3 {font-size: 1.3em; margin: 2em 0 .5em 0;}
h4 {font-size: 1.1em; margin: 2em 0 .5em 0;}
h5 {font-size: 1em;}
h6 {font-size: 1em;}


table {border-spacing: 0; border-collapse: collapse;}

td{
  vertical-align: top;
  text-align: left;
}


ul {list-style: disc; margin: .2em 1.5em;}
ol {list-style: decimal; margin: .2em 1.5em;}
li {margin: .5em 1em; text-align: left;}

img{
  max-width: 100%;
}

small {font-size: .8em;}




input, textarea, select {
	font-family: helvetica, arial, sans-serif;
	display: inline;
	font-size: 11px;
	color: #000000;
  border: 1px solid #aaa;
  background-color:#fafafa;
  letter-spacing: 0em;
  padding: 1px;
}




input[type="button"], input[type="submit"], input.button{
  font-family: helvetica, arial;
  font-size: 12px;
  padding: 3px 3px;
  margin: 5px 0;
  background-color: #eee;
  border: outset 1px #eee;
}


label{
  padding-left: .5em;
}