// 20180329

/* Content */
* {
    box-sizing: border-box;
}


body	   	  { font-family: arial, helvetica, sans-serif; font-size: 12pt; background-color: #ffffff; color: #000000; margin: 0; }
a             { color:#0058a4; text-decoration:underline; }

/* Header */
.header {
    background-color: #f1f1f1;
    padding: 20px;
    text-align: center;
}

/* Headings */
h1 { font-family:klint, helvetica, arial, sans-serif; color: #0058a4; font-weight:bold; font-size:48px; margin:8px 0; margin-top: 40px; margin-bottom: 40px;}
h2 { font-family:klint, helvetica, arial, sans-serif; color: #0058a4; font-weight:bold; font-size:28px; margin:8px 0; margin-top: 20px; margin-bottom: 20px;}
h3 { font-family:arial, helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #000000; }


/* Columns */
#article { margin-left:20%; width:60%; }
.block { border:1px solid #c4c1bc; margin:0 0 15px; padding:2px 9px; padding-bottom: 2cm; }


/* Logo  */

#logo { text-align: center; }
#logo  b { margin-right: 13px; }
.topbox { height: 3px; }

/* Navigation */

		#nav{
			border:1px solid #ccc;
			border-width:1px 0;
			list-style:none;
			margin:0;
			padding:0;
			text-align:center;
		    background-color: #0058a4;
		}
		#nav li{
			position:relative;
			display:inline;
		}
		#nav a{
			display:inline-block;
			padding:10px;
		}
		#nav ul{
			position:absolute;
			left:-9999px;
			margin:0;
			padding:0;
			text-align:left;
		    background-color: #0058a4;
		}
		#nav ul li{
			display:block;
		}
		#nav li:hover ul{
			left:0;
		}
		#nav li:hover a{
			text-decoration:none;
			background:#DCDCDC;
			color: #0058a4;
		}
		#nav li:hover ul a{
			text-decoration:none;
			background:none;
			background:#0058a4;
			color: #f2f2f2;

		}
		#nav li:hover ul a:hover{
			text-decoration:none;
			background:#DCDCDC;
			color: #0058a4;
		}
		#nav ul a{
			white-space:nowrap;
			display:block;
			border-bottom:1px solid #ccc;
		}
		a.navbar{
			color:#f2f2f2;
			text-decoration:none;
			font-weight:bold;
		}
		a{
			color:#0058a4;
			text-decoration:none;
			font-weight:bold;
		}
		a:hover{
			text-decoration:none;
		}

/* Blockquote */

blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; }
blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after { content: "\201D"; }
blockquote {
  display: block;
  padding: 20px 80px;
  font-size: 2em;
  border: 0;
  line-height: 1.5em;
  margin: 20px 0;
  width: 500px;
  text-indent: 0;
  text-align: left;
  color: #666;
}

blockquote :first-child {
  margin: 10px 0;
  
}

blockquote :first-child::before, blockquote :first-child::after {
  color: #ccc;
  font-size: 500%;
  position: relative;
}

blockquote :first-child::before {
  margin-left: -0.55em;
  top: 20px;  
  float: left;
}

blockquote :first-child::after {
  top: 30px;  
  float: right;
}

/* Footer */

#footer { text-align:center; border-top:15px solid #cccccc; margin:0 0 0px; }
#footer address { line-height: 100px; vertical-align:top; font-family: arial, helvetica, sans-serif; font-size: 12pt; font-style: normal; color:#ecf3f6; background:#0058a4;}