@charset "utf-8";
/* CSS Document */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, abbr, 
 em, font, img, ins, strong, var, b, u, i, center, dl, dt, dd, 
ol, ul, li, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; font: 100% Arial, Helvetica, sans-serif; }
b, strong {font-weight:700 }
ol, ul {
	list-style: none;
}
body 		{
	background-color: #f0f9fd;
	line-height: 1;
	font: 14px/1.5em Arial, Helvetica, sans-serif;
}
.papers {padding: 10px 20px; width:100%}
.papers h1 {
	color: #2B388C;
    margin: 21px 18%;
	font-size: 2em;
	text-align: center;
}
.papers h2 {
		color: #2B388C;
font-size: 1.3em;
	margin: 5px 5px 15px 25px;
	padding-top: 13px;
	padding-bottom: 10px;
	font-weight: bold;
}
.papers h3 {
		color: #2D445B;
	margin-left: 25px;
	color: #5C8AB5;
	font-size: 20px;
	padding-top: 20px;
	font-weight: 400;
	margin-right: 25px;
	border-top: solid 1px #5C8AB5;

}
.papers ul { margin-top: 5px; margin-bottom: 20px; margin-left:30px;}
.papers ul li { margin-bottom: 15px; }
.papers li { line-height:1.5em;}
.papers li img {margin-left:5px;}
.papers li i { font-style:italic; color:#858A25;
 }
.papers li b {
	font-weight: bold;
	font-size: 1.2em;
	color: #26A9E0;
}
.papers img {max-width:20px }

.header {background: #ffffff;border-top:solid 20px #d7df23;
border-bottom: solid 20px #d7df23;
 display: -webkit-box;
display: -ms-flexbox;
display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
			-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
		-webkit-box-align: center;
      -ms-flex-align: center;
	-webkit-align-items: center;  
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.header  .buttons { width:20%; margin-bottom: 10px; }
.header .logo {width:35%;     padding: 5px 10px; }
.header img {max-width:300px }
.paper-dates {width:30%;margin-right:3%;
	font-size: 1.8em;
	color:#0081c8;
	line-height: 1.4em;
	text-align: center;
}
.paper-dates strong { color: #ac64a6; }
.agreement {color:#666;  font-size:1.3em;  }
.agreement p {
	padding: 30px 30px 10px;
	line-height: 1.5em;
}
.passcode {
	margin: 20px auto;
	border: solid 1px #DAE7EC;
}
.passcode td {padding:8px;
    line-height: 1.5em;}
.passcode input {width:230px }
/* for footer only */
.errors { width:70%; margin: 10px auto; background-color: #fbe0c2;
border: solid 1px red;
padding: 5px;}
.conflogo{ Max-width:300px; }


.sponsor {
	font-size: 1em;
	background: #fff;
	padding: 4px;
	width: 68%;
	clear: both;
	border: 1px solid #5C86B0;
	margin-right: auto;
	margin-left: auto;
}
.sponsor strong {
	font-size: 1.1em;
	font-weight: 700;
}

.sponsor h5 {
	background: #f3f3f3;
	font-weight: 700;
	font-size: 1.1em;
	padding-bottom: 5px;
	text-align: center;
	padding-top: 5px;
}
.sponsor p { padding: 8px 15px; 
}




/*************************************************BUTTONS ***************************/

.button {  /* Default blue */
	padding: 15px 4px;
	width: 100%;
	font: 14px ideal_font, sans-serif;
	margin-top: 0px;
	max-width: 300px;
	color: #ffffff;  /* for form buttons */
text-transform: uppercase;	
border:none;
text-align:center;
}

.button  a { text-decoration:none; 
    text-transform: uppercase; color: #2B388C;}

.b-1 { background-color: #83C6E4; border:none; margin-bottom: 10px;}
.b-1:hover {	background-color: #51BAE6;}
.b-2 { background-color: #E4E97C;}
.b-2:hover {background-color: #D7DF23;}


section {
    background-color: #ffffff;
}
ul.bottomnav {margin:40px 0 0 0}
ul.bottomnav li {display: inline-block; width: 50%; text-align: center;} 



@media (max-width: 768px) { 
.agreement p {font-size:16px; padding:0px; }

.header {	-ms-flex-wrap: wrap;
	flex-wrap: wrap;	
	   -webkit-flex-flow: row wrap;
	   flex-flow: row wrap; text-align: center;} 
.header .logo {width:100% }
.header .buttons {width:35% }
.papers {padding:10px 0;}
.papers ul  {margin:5px 5% }



}

@media (max-width: 640px) {
.header .buttons {
    width: 100%;
}
.button {margin: 0 auto 5px;}
ul.bottomnav li {display:list-item; width: 100%; text-align: left;}
.papers h1, .papers h2, .papers h3 {margin:5px 5%;}	
.papers h3 {font-size:16px }
.paper-dates {width: 100% }
}