/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
}  

/* Change the two width % figures if you prefer. Make sure they add up to 100%. */ 
.td-left {
 vertical-align:top;
 width:30%;
 }

.td-right {
 vertical-align:top;
 width:70%;
 }
/* End of width % display items */ 

body
 {
     margin: 0px;
     padding: 0px;
     width: 100%;
	 background-image:url('../../page-background.gif');
	 font-family: Georgia, "Times New Roman", Times, serif;
	 font-size: 1em; 
		 }
 
p {
 font-size: 1em;
 }

h1 {
 font-size: 1.5em;
 margin-top:.27em;
 margin-bottom:.2em;
 margin-left:.27em;
 background-color:orange;
 }

h2 {
 font-size: 1.3em;
 margin-top:.8em;
 margin-bottom:.6em;
 background-color:#66CCFF;
 
 }
 
h3 {
 font-size: 1.1em;
 margin-top:.8em;
 margin-bottom:.6em;
 }
 
h4 {
 font-size: 1.0em;
 margin-left:.8em;
 margin-top:.8em;
 margin-bottom:.6em;
 }
 
h5 {
 font-size: .95em;
 margin-left:1.6em;
 margin-top:.6em;
 margin-bottom:.6em;
 }
 
nav {
 font-size: 1.2em;
 text-align: center;
 }
 
table { 
 width:100%; 
 table-layout:fixed;
 }

td { 
 vertical-align:top;
 width:50%;
 }
   
form {
 vertical-align:top 
 }
 
 h2 {
 font-size: 1.3em;
 margin-top:.8em;
 margin-bottom:.6em;
 }
 
.h2-response {
 font-size: 1.3em;
 margin-top:-.2em;
 margin-bottom:.5em;
 background-color:#90EE90;
 }
 
.h2-worksheets {
 font-size: 1.3em;
 margin-top:1.55em;
 margin-bottom:.5em;
 background-color:#FF9900;
 }
 
.h2-notes {
 font-size: 1.3em;
 margin-top:-.2em;
 margin-bottom:.5em;
 background-color:#66CCFF;
 }
  
.h2-notes-regh2 {
 font-size: 1.3em;
 margin-top:.8em;
 margin-bottom:.6em;
 background-color:#66CCFF;
 }
 
.h2-top {
 font-size: 1.3em;
 margin-top:-.2em;
 margin-bottom:.5em;
 }
 
 .h3-notes {
 font-size: 1.1em;
 margin-top:.8em;
 margin-bottom:.6em;
 background-color:#66CCFF;
 }
  
.h4-no-indent {
 font-size: 1.0em;
 margin-left: 0em;
 margin-top:.8em;
 margin-bottom:.6em;
 }
 
.h4-no-indent-margin-top-big {
 font-size: 1.0em;
 margin-left: 0em;
 margin-top:1.8em;
 margin-bottom:.6em;
 }
 
ul {
 margin-top:.6em;
 margin-bottom:.4em;
 margin-left:-.8em;
 }
 
.li-big {
 margin-top:.8em;
 margin-bottom:.5em;
 }
 
.audiotext {
 color: blue;
 font-size: 1.4em;
  }

.blacklinktext {
 color: black;
 font-size: 1.2em;
 }
 
.blackbodytext {
 color: #000001;
 font-size: 1em;
 }
 
.blackbodytext-smallcaps {
 color: black;
 font-size: 1.1em;
 font-variant:small-caps;
 }
  
.bigbluebodytext {
 color: blue;
 font-size: 1.4em;
 }

.bluebodytext {
 color: blue;
 }

.bluelinktext {
 color: blue;
 font-size: 1.2em;
 }
 
.bluecenterlinktext {
 color: blue;
 font-size: 1.2em;
 text-align: center;
 }
 
.bluetext {
 color: blue;
 }
   
.brownbodytext {
 color: #A52A2A;
 }
 
.dunnobodytext {
 color: #F76541;
 }
 
.dunnolinktext {
 color: #F76541;
 font-size: 1.2em;
 }
 
.footertext {
 color: #A8A8A8;
 font-size: .8em;
 }
 
.greenbodytext {
 color:green;
 }

.greenlinktext {
 color: green;
 font-size: 1.2em;
 }
 
.greylinktext {
 color: #A8A8A8;
 font-size: 1.2em;
 }
 
.greybodytext {
 color: #A8A8A8;
 }
 
.greytext {
 color: #A8A8A8;
 }
 
.purplebodytext {
 color: purple;
 }
 
.purplelinktext {
 color: purple;
 font-size: 1.2em;
 }
 
.redbodytext {
 color: red;
 }

.redlinktext {
 color: red;
 font-size: 1.2em;
 }
 
a:link {
 color: #000099;
 text-decoration: underline;
 }

a:visited {
 color: #800080;
 }

a:hover {
 text-decoration: none;
 background-color: #C0C0C0;
 }

a:active {
 text-decoration: none;
 }

.MainBody
 {
     width: 100%;
     margin: 0 auto;
     padding: 0em;
 }

header
 {
     border-bottom: 1px #000 solid;
     height: auto;
     text-align: left;
     margin: 0px;
     padding: 10px;
     width: 100%;
 }
 
.halign-center
 {
 text-align:center
 }	
	
.left
 {
     width: 96%;
     height: auto;
     padding: 10px;
     float: left;
     text-align: left;
 }
 
 

.right
 {
     width: 96%;
     height: auto;
     float: right;
     padding: 10px;
     text-align: left; 
 }

footer
 {
     border-top: 1px #000 solid;
     height: auto;
     text-align: left;
     padding:10px;
     width: 100%;
     float: left;
 }