* { margin: 0;
  padding : 0 ;
   text-align : center 
}
html{margin-top: 87px;
     margin-bottom: 100px;  
} 
body{height:3000px;}

h1red {text-align : left;
      font-family:verdana;
      font-weight: bold;
      color: #ff0000;
      font-size: 3em;
      padding-left: 0.5em;
}
h3white {text-align : left;
        font-family:verdana;
        font-weight: bold;
        color: #f8f8f8;
        font-size: 1em;  
        padding-left: 2em;
}
h3green {text-align : left;
        font-family:verdana;
        font-weight: bold;
        color: green;
        font-size: 1em;  
        padding-left: 2em;
}
h3footer{text-align : left;
        font-family:verdana;
        font-weight: bold;
        color: #f8f8f8;
        font-size: 1em;  
        padding-left: 2em;
}
.bottom{text-align : left;
        font-family:verdana;
        font-weight: bold;
        color: green;
        font-size: 1em;  
        padding-left: 0;
}
header { left:0px; 
    top: 0px; 
    position: fixed; 
    width: 100%;
    height: 85px; 
    background-image:url("../project1images/Rainbowsimage.jpg");
    background-size: 100%;
    background-color : blue; 
    text-align:left;
}
hdrtext{left:0px; 
        top: 0px; 
        position: fixed; 
        width: 100%;
        height: 85px; 
        text-align:left;
        z-index: 10;
        width: 700px;
}
footer {position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 65px;
        background-size: 100%;
        background-image:url("../project1images/RainbowsimageReversed.jpg");
        color: white ;      
        border: 2px solid fuchsia;
        border-radius: 10px;
}
.page-centre {width: 750px;
	margin: 0px auto 0px auto;
	color: #f5f5f5;
}
#wrapper {min-height: 100%;
         height: auto !important;
         height: 100%;
         margin: 0 auto; 
         width: 700px;          
}
Mainheader {font-family: Impact;
	font-size: 30pt;
	font-weight: normal;
	font-style: normal;
	color: #FF0000;
	text-align: center;
	font-variant: normal;
	text-transform: none;
        width:700px;
}
SubHeader {font-family: Impact;
	font-size: 20pt;
	font-weight: normal;
	font-style: normal;
	color: #FF0000;
	text-align: center;
	font-variant: normal;
	text-transform: none;
        width:700px;
}
main-box {width: 755px;
         height: 2000px;
         padding: 5px;
         margin-top: 82px;	/* heightof header */
         margin-bottom: 20px;
         margin-left: auto;
         margin-right: auto;      
}  
.footer1 { grid-area: zip;}
.footer2 { grid-area: notes;}
.footer3 { grid-area: exe;}
footer-container {display: grid;
        height: 165px;
        grid-template-areas:'zip notes exe';
        grid-gap: 0px;
        grid-template-columns: 25% auto 25%;      
        padding: 2px;
}
footer-container > div {text-align: center;
        padding: 5px 0;
        font-size: 0.6em;
}
#downloadbutton{background-color: yellow;
        border: 5px solid orange;
        border-radius: 10px;
       font-size: 1.0em;
       font-weight: bold;
       margin: 0.3em 0.1em;
       color: blue; 
       padding-left: 0.5em;
       padding-right: 0.5em;
}
.preHeader {font-family: Tahoma;
	font-size: 20px;
	font-weight: bold;
	color: #0000FF;
	text-align: center;
}
.auto-style1 {color: #FF0066;}
.main-content {font-family: Verdana;
	font-size: 15pt;
        font-weight: bold;
	color: rgb(40, 59, 145);
	text-align: left;
	width: 700px;
}
.div-testimonial {border: medium dashed #0033CC;
	width: 420px;
	color: #30230a;
	margin: 0px auto 0px auto;
	background-color: #FFFF99;
	font-size: 12pt;
	font-weight: normal;
	font-style: italic;
}
.auto-style5 {font-size: xx-small;}