html,body{	color: black;			
			background-color: #f2f4f8;										
			margin:0;
			LINE-HEIGHT: 140%;
			LETTER-SPACING: normal;
			FONT-FAMILY: Calibri, Arial, sans-serif;
			FONT-SIZE: 14pt;}
h2{			FONT-FAMILY: Trebuchet MS, Verdana, sans-serif;
			font-weight:normal;
			FONT-SIZE: 150%pt;			
			margin:12px 0 4px 0;}			
* 			{box-sizing:border-box}			

div.header {background-color: #232C3F;						
			color:white;
			text-align;center
			margin:0;
			padding:0.5em 1em 0.75em 1em;			
}
div.header h2 {text-align:center}
div.header span {display:block;text-align:center;color:#ddd}			

div.menu{	text-align:center;padding:1em 1em 1em 1em;background-color: #D8DEEA;}

div.menu span {display:inline-block;margin:0 1em 0 0;padding:0.25em 0em 0.1em 0em;font-weight:bold;}
div.menu span.active {xborder-bottom:3px solid #232C3F;color:#232C3F}			
div.menu a {display:inline-block;margin:0 1em 0 0;padding:0.25em 0em 0.1em 0em;xbackground-color:rgba(255,255,255,.5);}			
			
div.content{margin:auto;
			padding: 1.5em 1em 10em 1em;
			background-color:#f2f4f8;			
			text-align:center;
			white-space:normal;
}

p{margin:0.5em 0 1em 0}



a{		text-decoration: none;			
			color:#A70D4E;
			font-weight:bold;}			
		
a:active{	text-decoration:none;			
			color:indianred;
			font-weight:bold;}	
		
a:hover{	text-decoration:underline;							
			color:#D61A6A;
			font-weight:bold;}	
			
div.header a {text-decoration: none !important;color:unset !important;font-weight:normal}			
			
@media only screen and (max-width: 1000px) {
	div.header{text-align:left;}
	div.header h2 {text-align:left}
	div.header span {text-align:left}
	div.content {margin:0;padding:1em;;width:100%;text-align:left}
	html, body, p, table, td {font-size:11pt}
	h2 {font-size:15pt}
	div.menu{text-align:left;padding:0.25em 0.5em 0.25em 1em;}
	div.menu span {margin:0 1em 0.5em 0;padding:0.5em 0em 0.1em 0em;font-weight:bold;}
	div.menu a    {margin:0 1em 0.5em 0;padding:0.5em 0em 0.1em 0em;}				
	
	br.lb {display:none}
}