@charset "utf-8";
/* Global Styles */

body, html {
  height: 100%
}
ul{
	line-height:150%
}

.defaultFormat {
  /* Add a black text color to all elements inside the .bgimg container */
  color: black;
  /* Add a font */
  font-family: "Arial", Arial, sans-serif;
  /* Set the font-size to 25 pixels */
  font-size: 25px;
}

.bgimg {
  /* Background image */
  background-image: url('https://onlinetools.npsb.la/onlinetools/npsbformsbackground.png');
  /* Full-screen */
  height: 100%;
  /* Center the background image */
  background-position: center;
  /* Scale and zoom in the image */
  background-size: cover;
  /* Add position: relative to enable absolutely positioned elements inside the image (place text) */
  position: relative;
 }
 
 .centerbody {
	 max-width:850px;
	 background-color: #ffffff;
	 position: relative;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	text-align:center;
	font-size:15px;
	border: 2px solid #060860;
	padding-left: 5%;
	padding-right: 5%;
			font-family: Verdana, sans-serif;
		font-style: oblique;
		color: #060860;
	 
 }
 
 .logo {
	 display: block;
	 margin: 0px auto;
 }
 
  .topbar {
		max-width:850px;
		background-color: #060860;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		height: 30px;
		text-align:left;
		font-size:28px;
		color: #ffffff;
		border: 2px solid #060860;
		font-family: Verdana, sans-serif;
		font-style: oblique;
		font-weight: 600;
			padding-left: 5%;
	padding-right: 5%;
	 
 }
 
	.content{
	    text-align: center;
	 	max-width:800px;
		background-color: #ffffff;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 3%;
		margin-top: 3%;

		font-size:30px;
		color: #060860;
		font-family: Verdana, sans-serif;
		font-style: oblique;
		font-weight: 600;
			padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
	
 }
 
 /*hr {
	background-color: #060860;
	height: 3px;
	text-align: center;
		padding-left: 5%;
	padding-right: 5%;


 }*/
 
 	.buttoncontainer{
	    text-align: center;
	 	max-width:800px;
		background-color: #ffffff;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		height: auto;
		font-weight: 600;
		font-size:42px;
		padding-left: 5%;
		padding-right: 5%;
		padding-top: 1%;
		padding-bottom: 2%;
		border-top: 3px solid #060860;
		border-bottom: 3px solid #060860;
		
		
 }
 
.button {
background-color:#060860;
	width: 225px;
	border-radius:28px;
	border:3px solid #6610f2;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Verdana, sans-serif;
	font-size:20px;
	font-weight:600;
	padding:5px 5px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
	text-align: center;/* Large, mobile-friendly touch target */
    justify-content: center;
    align-items: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	font-style: oblique;
	line-height: 110%;

  /* Media Queries */
  @media (min-width: 37.5em) {
    width: auto; /* Smaller buttons on larger screens */
    padding-left: 20rem;
    padding-right: 20rem;
    margin-left: 1rem;
    margin-right: 1rem;
	text-align: center;
	  
  }
  
.footnote{
		max-width:850px;
		background-color: #060860;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		height: 30px;
		text-align:left;
		font-size:28px;
		color: #ffffff;
		border: 2px solid #060860;
		font-family: Verdana, sans-serif;
		font-style: oblique;
		font-weight: 600;
		padding-left: 5%;
	    padding-right: 5%;
 }