body {
    color : DarkBlue;
    font-size: 14pt;
    background-color : #D7E1FF;
    top: 0px;
    width: 1200px;
  }


#Ltext {
    font-family : 'Century Schoolbook L';
    font-size : 20pt;
    color : magenta;
  }


#Banner {
    position: absolute;
    top: 0px;
    left: 120px;
    height: 120px;
    width: 1000px;
    background-color : #99BEED;
    border-bottom-color: blue;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    text-align: center;
    font-family: Garamond, serif;
    line-height: 1em;
    color: #fff9d6;
    font-weight:bold;
    font-size: 70px;
    text-shadow:0px 0px 0 rgb(231,231,231),1px 1px 0 rgb(216,216,216),2px 2px 0 rgb(202,202,202),3px 3px 0 rgb(187,187,187),4px 4px 0 rgb(173,173,173),5px 5px 0 rgb(158,158,158), 6px 6px 0 rgb(144,144,144),7px 7px 6px rgba(0,0,0,0.6),7px 7px 1px rgba(0,0,0,0.5),0px 0px 6px rgba(0,0,0,.2);
  }


h2 {
    margin-left: 10px;
    margin-right: 10px;
    font-family : 'Century Schoolbook L';
    font-size : 20pt;
    color : DarkOrchid;
    font-weight: bold;
    text-shadow: 2px 2px 0 rgba(0,0,0, .2);
  }


h3 {
    margin-left: 10px;
    margin-right: 10px;
    font-family : 'Century Schoolbook L';
    font-size : 16pt;
    color : DarkOrchid;
    font-weight: normal;
    text-shadow: 1px 1px 0 rgba(0,0,0, .2);
  }


#Legend {
    font-family: serif;
    font-size: 11pt;
    font-style: italic;
    color: DarkMagenta;
    text-align : left;
  }


#Navig {
    width: 1200px;
    height: 38px;
    font-size: 10pt;
    font-family: Tahoma, Geneva, sans-serif;
    font-weight: bold;
    text-align: center;
    background-color : #fff9d6;
    border-radius: 8px;
  }


#Navig ul {
    height: auto;
    padding: 9px 0px;
    margin: 5px;
  }


#Navig li {
    display: inline;
    padding: 8px;
  }


#Navig a {
    text-decoration: none;
    color: DarkOrchid;
    padding: 8px 8px 8px;
  }


#Navig a:hover {
    color: Chocolate;
    background-color: FloralWhite;
  }


#Menu {
    position: absolute;
    top: 125px;
    left: 0px;
    width: 1162px;
    height: 25 px;
    font-size: 10pt;
    background: rgba(255,249,214,255);
    list-style: none;
    font-weight: bold;
    margin-top: 2px;
    float: left;
    border-radius: 8px;
    z-index: 5;
  }


#Menu li {
    float: left;
    padding: 5px;
    margin-right: 20px;
    position: relative;
  }


#Menu a {
    display: block;
    padding: 5px;
    text-decoration: none;
    color: DarkOrchid;
  }


#Menu a:hover {
    color: Chocolate;
    background-color: FloralWhite;
  }


#Menu ul {
    background: FloralWhite;
    list-style: none;
    position: absolute;
    margin-left: 0px;
    display: none;
  }


#Menu ul li {
    padding-top: 0px;
    float: none;
    margin-left: -35px;
    margin-right: 5px;
    background: FloralWhite;
  }


#Menu li:hover ul {
    display: block;
  }


#Menu li:hover a {
    text-decoration: none;
    background-color: FloralWhite;
  }


#Menu li:hover ul a {
    text-decoration: none;
  }


#Menu li:hover ul a:hover {
    color: Chocolate;
    background-color: #FAEBD7;
  }


#Content {
    position: absolute;
    top: 160px;
    left: 0px;
    width: 1200px;
    font-size: 12pt;
  }

<!--    height: 700px; overflow: auto; -->

#Content-nonav {
    position: absolute;
    top: 125px;
    left:  10px;
    width: 1200px;
    font-size: 12pt;
  }

#Content-noscroll {
    position: absolute;
    top: 160px;
    left:  10px;
    width: 1200px;
    font-size: 12pt;
  }

#Logo {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 120px;
    height: 120px;
    background-color : #99BEED;
    border-bottom-color: blue;
    border-bottom-style: solid;
    border-bottom-width: 3px;
  }


#Icon {
    position: absolute;
    top: 0px;
    left: 1120px;
    width: 80px;
    height: 120px;
    background-color : #99BEED;
    border-bottom-color: blue;
    border-bottom-style: solid;
    border-bottom-width: 3px;
  }

#Banner p {
    margin-top: 20px;
  }


#Content p {
    margin-left: 1em;
    margin-right: 1em;
  }


#Footer {
    position: relative;
    top: 10px;
    background-color : white;
  }


#Multicol {
    position: relative;
    top: 0px;
    margin-top:   20px;
    margin-left:  10px;
    margin-right: 10px;
    -moz-column-count:3;
    /* Firefox */ -webkit-column-count:3;
    /* Safari and Chrome */ column-count:3;
    -moz-column-gap:10px;
    /* Firefox */ -webkit-column-gap:10px;
    /* Safari and Chrome */ column-gap:10px;
  }


#Items {
    text-shadow: 2px -2px 0 rgba(0,0,0, .1);
    font-size: 16pt;
  }


#Emphasize {
  color: DarkMagenta;
  }

#graddiag{
	background: linear-gradient(red, blue);
	}

fieldset{
	margin: 1em 0em 0em 0em;
	float: left;
	clear: both;
	width: 40em;
	padding:0;
	background-color : lightgray;
	}
	
legend {
	margin-left: 1em;
	color: DarkMagenta;
	font-weight: bold;
	}
	
fieldset ol{
	padding: 0em 1em 0em 1em;
	list-style: none;
	}
	
fieldset li {
	padding-bottom: .5em;
	}
	
fieldset.control {
	margin: 0em 0em 0em 0em;
	float: none;
	border-style: none;
	padding-top: 1em;
	background-color: transparent;
	text-align: center;
	}
		
label {
	float: left;
	width: 12em;
	margin-right: 1em;
	text-align: right;
	}