body {
	width:70%;
	margin-left:auto;
	margin-right:auto;
}

img
{
	display:block;
	margin-left:auto;
	margin-right:auto;	
}
	
div.img
{
	display:block; 
	margin-left:auto; 
	margin-right:auto; 
	text-align:center;	
}	

div.img p.diag
{
	text-align: center;
	font-style: normal;	
}	

div.img p
{
	text-align: center;
	font-style: italic;	
}
	
h1 {color:#31849B; font-size:150%;}
h2 {color:#31849B}
ul.blue {
	list-style-type: square;
}
ul.blue > li {
	color: green;
}

ul.blue > li > span {
	color: black;
}	

h3:before {
	content: "\25A0";
	display: block;
	width: 20px;
	height: 20px;
	float: left;
	margin: 0 6px 0 0;
	color:#31849B;
}

table.tbl {
	border-collapse:collapse;
	border:none;
	width: 33%;
	margin-left:auto;
	margin-right:auto;
}

table.tbl tbody td { text-align: center; }

table.tbl tbody tr:first-child {
	border-top: solid 1px black; 
	border-bottom: solid 1px black;
}

ul#menu {
	dsplay: inline-table;
	list-style-type: none;
	margin: 0;
	/* padding: 20px; */
	overflow: hidden;
	background-color: #333;
	font-family: Helvetica, Arial, Sans-Serif;
	border-radius: 10px;  
}

ul#menu:after {
	content: ""; clear: both; display: block;
}

ul#menu li {
	display:inline-block;
	float:left;  
}

ul#menu li a  {
	display: block;
	color: white;
	text-align: center;
	 padding: 14px 16px;  
	text-decoration: none;
}

ul#menu li a:hover {
	background-color: #111;
}

.active {
    background-color: #31849B;
}

ul#menu ul {
	display:none;	
	position: absolute;
	padding: 0px;
	min-width:10%;
}

ul#menu ul li {
	float:none;	
	display:block;
}

ul#menu ul li a {
	text-align:left;
}

ul#menu li:hover ul {
	display:block;
	background-color: #333;
}