@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; }

ol, ul {
	list-style: none;
}
body 		{ background-color:#f0f9fd; line-height: 1; font: 9pt/1.5em Arial, Helvetica, sans-serif; }
#wrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background: #FFFFFF;
	margin: 10px auto 0px auto;
	padding: 25px;
	border: 3px solid #FFA88A;
}
#wrapper h1 {
	color: #54347C;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 2em;
	text-align: center;
}
#wrapper h2 {
	font-size: 1.3em;
	background: #ECEFF6;
	padding-left: 10px;
	margin: 5px 5px 15px;
	padding-top: 5px;
	padding-bottom: 3px;
	/* [disabled]border: 1px solid ##5889B5; */	;
	font-weight: bold;
	color: #293B93;
}
#wrapper h3 {
	margin-left: 0px;
	color: #142C42;
	;
	font-size: 1.2em;
	margin-bottom: 2px;
	margin-top: 10px;
	/* [disabled]background: #E1E1E1; */
	padding-left: 15px;
	/* [disabled]border-top: 1px solid #C0C0C0; */
	/* [disabled]border-bottom: 1px solid #C0C0C0; */
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bold;
}
h3 img {max-width:400px }
#wrapper ul { margin-top: 5px; margin-bottom: 20px; margin-left:30px;}
#wrapper ul li { margin-bottom: 15px; }
#wrapper li { line-height:1.5em;}
#wrapper li img {margin-left:5px;}
#wrapper li i { font-style:italic; color: #666; }
#wrapper li b {
	font-weight: bold;
	font-size: 1.2em;
	color: #E26E46;
}
li b a:link {color: #E26E46; font-weight: bold;
	}
.Dates {
	font-size: 1.5em;
	float: right;
	color: #293C94;
	line-height: 1.4em;
	padding: 30px;
	text-align: right;
}
.dates strong { color: #B696D3; ; }
.agreement {color:#666;  font-size:1.3em;  }
.agreement p {padding: 30px;   line-height: 1.5em; 
}
.passcode {
	margin-bottom: 20px;
	border: solid 1px #DAE7EC;
}
.passcode td {padding:8px;
    line-height: 1.5em;}
/* for footer only */

#footer {width: 960px;
padding-left:27px; padding-right:27px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 1px;
	padding-bottom:10px;
	clear: both; background: #36424a; padding-top: 10px; margin-bottom: 50px; color: #bec4c7; 
	}
#footer td {font-size:10px; vertical-align:middle;     line-height: 1.3em;}
#legalleft { text-align:center;
	margin-left: 15px;
	}	
#legalright {
	margin-right: 15px;	text-align: right;
 }
#legalleft ul li{ display: inline-block; padding-right: 5px; float: left; 	}

#footer ul li a, #footer ul li a {
	color: #868e92;
	}	

#legalright strong {
margin-left: 10px;
}

#legalright strong a {
color: #eeeeee;
}   

.sponsor {
	font-size: 0.85em;
	background: #fff;
	padding: 4px;
	width: 600px;
	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 ***************************/
.buttons {float:right }
.button {  /* Default blue */
	padding: 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;
padding:20px 5px;
}
h4 button {margin-bottom: 2px;}

.buttons  a { text-decoration:none; color:#ffffff; font-weight:600;
    text-transform: uppercase;}

.b-1 { background-color: #2b3990; border:none; margin-bottom: 10px;}
.b-1:hover {	background-color: #84acd9;}
.b-2 { background-color: #606aac;}
.b-2:hover {background-color: #959cc7;}
ul.bottomnav {margin:40px 0 0 0}
ul.bottomnav li {display: inline-block; width: 50%; text-align: center;} 
.papers img {max-width:20px }
.passcode input {width:230px }
@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 }
}