    <style type="text/css">

        dummy{
<!-- got no clue why i need this . . . but the first one seems to be ignored?????  -->
             }  


footer{
    position: absolute;
    bottom: 25px;
    left: 400px;
    width: 800px;
 }
 
header{
    background: url("../images/Logo.png") top left no-repeat;
    position: relative;
    top: 5px;
    left: 0px;
  width: 340px;
  height: 95px;

}

body{
    background: white url("../images/BKG.png") top left no-repeat;
    background-size: cover;
    border-width: 5px;

}

headerBanner{
    background: url("../images/GoodNewsBlues.png") top left no-repeat;
    position: absolute;
    top: 20px;
    left: 250px;
    width: 396px;
    height: 30px;   
}

ul {
    list-style:none;
    padding-left:0;
}​


#nav{
    position: absolute;
    top : 87px;
    margin-top: -150px;
    right: 50px;
}
.navButtons{
    display: block;
    position: relative;
    width: 170px;
    height: 31px;
}
.navButtons:hover{
    box-shadow: 0 0 15px darkblue;
}


#navHome{
    background: transparent url("../images/Home.png") top left no-repeat;
}
#navHome:hover{
    background: transparent url("../images/Home-Hover.png") top left no-repeat;
}


#navTheBand{
    background: transparent url("../images/TheBand.png") top left no-repeat;
}
#navTheBand:hover{
    background: transparent url("../images/TheBand-Hover.png") top left no-repeat;
}


#navTheSchedule{
    background: transparent url("../images/TheSchedule.png") top left no-repeat;
}
#navTheSchedule:hover{
    background: transparent url("../images/TheSchedule-Hover.png") top left no-repeat;
}


#navTheMission{
    background: transparent url('../images/TheMission.png') top left no-repeat;
}
#navTheMission:hover{
    background: transparent url('../images/TheMission-Hover.png') top left no-repeat;
}


#navTheMusic{
    background: transparent url('../images/TheMusic.png') top left no-repeat;
}
#navTheMusic:hover{
    background: transparent url('../images/TheMusic-Hover.png') top left no-repeat;
}


#navTheGear{
    background: transparent url('../images/Gear.png') top left no-repeat;
}
#navTheGear:hover{
    background: transparent url('../images/Gear-Hover.png') top left no-repeat;
}


#navContacts{
    background: transparent url('../images/Contacts.png') top left no-repeat;
}
#navContacts:hover{
    background: transparent url('../images/Contacts-Hover.png') top left no-repeat;
}


#navStephensBLOG{
    background: transparent url('../images/StephensBLOG.png') top left no-repeat;
}
#navStephensBLOG:hover{
    background: transparent url('../images/StephensBLOG-Hover.png') top left no-repeat;
}


#navTheStudio{
    background: transparent url('../images/TheStudio.png') top left no-repeat;
}
#navTheStudio:hover{
    background: transparent url('../images/TheStudio-Hover.png') top left no-repeat;
}


#navTheStore{
    background: transparent url('../images/TheStore.png') top left no-repeat;
}
#navTheStore:hover{
    background: transparent url('../images/TheStore-Hover.png') top left no-repeat;
}


#navWileysBLOG{
    background: transparent url('../images/WileysBLOG.png') top left no-repeat;
}
#navWileysBLOG:hover{
    background: transparent url('../images/WileysBLOG-Hover.png') top left no-repeat;
}

#navLinks{
    background: transparent url('../images/Links.png') top left no-repeat;
}
#navLinks:hover{
    background: transparent url('../images/Links-Hover.png') top left no-repeat;
}

#navFreeStuff{
    background: transparent url('../images/FreeStuff.png') top left no-repeat;
}
#navFreeStuff:hover{
    background: transparent url('../images/FreeStuff-Hover.png') top left no-repeat;
}

#navDonate{
    background: transparent url('../images/Donate.png') top left no-repeat;
}
#navDonate:hover{
    background: transparent url('../images/Donate-Hover.png') top left no-repeat;
}


 outerSection{
     position: absolute;
     top: 65px;
     left: 190px;
     right: 20px;
     bottom: 60px;
     border: 3px black solid;
     border-radius: 20px;
     background: rgba(255,255,255,.8);
     font-family: Helvetica,Arial,sans-serif;
     color: black;
     padding: 10px;
     padding: 10px;
     overflow: auto ; 
     border-spacing: 10px 10px;
}


section{
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border: 0px red solid;
    border-radius: 0px;
    background: rgba(255,255,255,.0);
    font-family: Helvetica,Arial,sans-serif;
    color: black;
    padding: 10px;
    overflow: auto ; 
    border-spacing: 10px 10px;
}   

img{ box-shadow: 10px 10px 5px #222266; }

h1 {
font-size: 2.5em;
}
            
    </style>
    
    
    
    
    
    
    
    