body { font-size: 10.8px; 
  text-align:center; font-family: Arial; font-variant: normal; 
  background-color: white; background-image: url(PDQM-background.jpg); background-repeat: no-repeat; background-attachment: fixed; 
  text-decoration: none; text-indent: 0; 
  position: relative; top: 0; left: 0 !important; right: 0; bottom: 0; width: 800px; outline-color: silver; outline-width: 12px; margin: 0 auto; }
p { font-size: small; 
  font-family: Arial, SunSans-Regular, sans-serif; font-style: normal; text-decoration: none; text-align: left; text-indent: 0; 
  vertical-align: baseline; margin-top: 0; margin-bottom: 3px; }
td { text-indent: 0; }
a { color: gray; text-decoration: underline; text-indent: 0; }
a:link { color: blue; text-decoration: none; }
a:visited { color: purple ; text-decoration: none; }
a:hover { color: red; background-color: #e3e3e3; }
a:active { color: red ; background-color: #909090; text-decoration: none; }

h1, h2, h3, h4, h5 { color: #5e5e5e;
font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular ;
text-align: left;
}
h1 { font-size: 15px; font-variant: small-caps; font-weight: bold; text-indent: 1pc; margin-top: 12px; margin-bottom: 6px; }
h2, .slide { font-size: 14px; text-indent: 5mm; margin-top: 9px; margin-bottom: 3px; }
h3 { font-size: 12px; font-weight: bold; text-indent: 5.2mm; margin-top: 6px; margin-bottom: 0; }
h4 { font-size: 11px; text-indent: 5.3mm; vertical-align: top; margin-top: 6px; margin-bottom: 0; padding: 4px;}
h5 { font-size: 11px; font-weight: bold; font-style: italic; 
     text-indent: 2mm; vertical-align: top; margin-top: 6px; margin-bottom: 2px; padding-left: 4px; }
ul { font-style: normal; text-align: left; text-indent: 0; list-style-type: disc; margin: 1em 15px 1em 25px; }
ul ul { text-align: left; list-style-type: disc; margin: 1em 0 1em 15px; }
ul ol { margin-top: 0; margin-bottom: 0; }
ol ol { margin-top: 0; margin-bottom: 0; }
ol { list-style-type: decimal; margin: 1em 0 1em 15px; }
.TopMessage  /* A style used for principal message on the page */ { 
  font-size: 11px; 
  color: #000080; font-style: italic; text-align: left; text-indent: 0; }
.Question { 
  color: #575566; font-weight: bolder; font-style: italic; margin-top: 6px; margin-bottom: 12px; }
.BoldMessage{ font-weight: bolder; }
td.topline{ 
  font-weight: normal; 
  background-image: url(TopButton.jpg); 
  background-position: center 0; text-align: center; width: 100px; height: 30px; }
.slide { color: blue !important;  }
.view { margin-left: 20px; padding-left: 20px; border-left: 5px dotted #878484; }

.TopMenuBox { 
    background-image: url(TopLine.gif); 
	position: absolute; top: 5px; left: 5px; width:602px; height:30px; 
	z-index: 0; overflow: hidden; clip: rect(auto auto auto auto); padding: 60px 100px 0; 
	list-style-image: none; }
.TopMessageBox { 
	color: #5b5b5b; font-family: Arial; 
	font-size: x-large; font-weight: bold; font-style: normal; font-variant: normal; text-align: center; 
	position: absolute; top: 20px; left: 50px; width:500px; height:40px; 
	z-index: 1; overflow: hidden; clip: rect(auto auto auto auto); padding: 0 100px; }	
.About { font-style: italic; background-image: url(About.png); 
	text-align: left; text-indent: 10px; vertical-align: bottom; position: absolute; 
	top: 560px; left: 5px; width:180px; height:90px       ; z-index: 2; overflow: hidden; 
	clip: rect(auto, auto, auto, auto); visibility: visible; float: right; padding: 30px 10px 10px; 
	outline-color: teal; list-style-image: none; }
	
.Footer { 
  font-style: italic; text-align: left; text-indent: 10px; vertical-align: bottom; 
  position: absolute; top: 680px; left: 208px; width:575px; height:16px; 
  z-index: 2; overflow: hidden; clip: rect(auto, auto, auto, auto); visibility: visible; border-color: red; border-width: thick; }  
.Footer p { font-size: 9px; color: gray;  }
