html {border: 1px solid gray; text-align: center;}
body {background-color: #ffffcc; border: 30px solid; border-color:#97C884; margin: 0 auto; padding: 0; text-align: left; font-family: Arial, Helvetica, sans-serif; color:#330066;}
h1 {font-size: 40px;}
a:link {color:#1745EB;}      /* unvisited link */
a:visited {color:#10BED5;}  /* visited link */
a:hover {color:#9F1CE6;}  /* mouse over link */
a:active {color:#0000FF;}  /*when clicking on link"*/

/*title banner*/
h1.title 
	{padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	padding-left:10px;
	border:3px solid;
	border-color: #44285A;
	margin-top:0;
	margin-bottom:0;
	margin-right:auto;
	margin-left:auto;
	background-color: #D9D1DE;} 
/* to override hover elements when setting title as top of page*/
h1.title a:link {color:#44285A;}    /* unvisited link */
h1.title a:visited {color:#44285A;}  /* visited link */
h1.title a:hover {color:#44285A;}  /* mouse over link */
h1.title a:active {color:#44285A;}

/* to override hover elements when setting headings as name anchors*/
h3 a:link {color:#44285A;}    /* unvisited link */
h3 a:visited {color:#44285A;}  /* visited link */
h3 a:hover {color:#44285A;}  /* mouse over link */
h3 a:active {color:#44285A;}

/*navigation bar*/
ul.menu 
	{display:block;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right:auto;
	padding: 0;
	height: 40px; 
	width:95%;
	background: #ffffcc;
	display: block;
	text-align:center;
	list-style: none;}
/*Main links"*/ 
ul.menu li 
	{border: 1px solid #bbb;
	display: inline;
	list-style: none;
	width: 7em;
	float: left; 
	position: relative;   
	background-color: #44285A;/*dark*/
	font-weight:550;} 
/*Main link anchors*/
ul.menu li a 
	{display: block;
	padding: 3px 8px;
	color: #fff;
	text-decoration: none; }
/*sub links*/
ul.menu li ul 
	{display: none; 
	width: 10em;
	color: #fff;}
   
/*hover over main link*/
ul.menu a:hover {color:#FFF;font-weight:bold;} 
ul.menu a:visited {color:#FFF}
ul.menu li:hover {font-weight:bold;}
ul.menu li:hover ul 
	{display: block;
	position: absolute;
	margin: 0;
	padding: 0;}
ul.menu li:hover li 
	{float: left; 
	background-color: #674B7B;} /*medium*/
/*hover over sub links*/
ul.menu li:hover li a 
	{border-bottom: 1px solid #fff;
	color: #fff;}
ul.menu li li a:hover 
	{background-color: #A996B4;} /*light"*/
   
/*Body of text*/
div.main
	{margin-top:30px;
	margin-bottom:20px;
	margin-right:40px;
	margin-left:40px;

	border-top:0;
	border-bottom:10px;
	border-right:10px;
	border-left:10px;

	padding-top:0;
	padding-bottom:10px;
	padding-right:20px;
	padding-left:20px;}

p.quote
	{margin-left:30px;
	margin-right: 20px;
	font-size: 11pt}
	
img.pict 
	{float:left;
	margin:0 15px 15px 0;}

/*useful website table*/
table,td,th
	{border-collapse:collapse;
	border:1px solid gray;}
th 	{background-color:#A996B4; color:#fff}
td 	{background-color:#E0FFFF; padding:5px;}

ul.navigation 
	{display:block;
	padding: 0;
	height: 2em; 
	margin-left: auto;
	margin-right:auto;
	width:80%;
	background: #ffffcc;
	display: block;
	text-align:center;
	list-style: none;
	color: #fff;}
ul.navigation a:link {color:#fff;}      /* unvisited link */
ul.navigation a:visited {color:#fff;}  /* visited link */
ul.navigation a:hover {color:#fff;}  /* mouse over link */
ul.navigation li 
	{border: 1px solid #bbb;
	display: inline;
	list-style: none;
	float: left; 
	width:13em;
	height: 50px;   
	background-color: #44285A;} /*dark*/ 
ul.navigation li a 
	{display: block;
	padding: 3px;
	color: #fff;
	text-decoration: none;}
/*hover over main link*/
ul.navigation li:hover 
	{background-color: #A996B4;} /*light"*/



table.footnote {border: #D9D1DE;}
table.footnote td, tr
{border: #D9D1DE; background-color: inherit; padding:5px 100px 5px 40px;}


div.footnote{
outline: 2px solid #44285A;
background-color:#D9D1DE;
margin-top:30px;
margin-bottom:0;
margin-right:0;
margin-left:0;
border: 0;
padding: 5px;}