﻿   /* position properties, must have the: next to them.  top:  not top :
         others, e.g. background-color don't seem to care
      	spaces matter and there is little to tell you that is the problem.*/
      
      /*overall width of the page is 920px.  Seems to be typical.*/
      /*overal height is planned at 650px*/
      /* there is a 10 px border around everything*/
      
      #banner{
				position:fixed;
        top: 10px;
        left: 210px;
        
        height:156px;
        width: 800px;
        background-color : #0000FF;  					/*overlapped by image*/
        background-image:url("images/ocean-2-banner.jpg");
        background-position: center;
      }
      
      #burgee{        
        position: fixed; 
        top: 10px;  
        left: 10px;
        width: 200px;
        height: 156px;
        background-color : #CCCCCC;
       }
  
      	#content{
		  position:fixed;
          top: 166px;
          left:210px;
          width:800px;
          height:600px;
          background-image:URL("images/sea-7680x4320-5k-4k-wallpaper-ocean-sky-clouds-5257.jpg");
          background-position: center;
          background-color:#77CCCC;
          overflow: auto;
        }
      
      /* h1 headers in the body */
      #h1{
        /* using default values */
      }
      
      #navBar{
        position: fixed;
        top: 166px;
        left: 10px;
        width: 200px;
      	height: 600px;
      	background-color: #CCCCCC;
        border-bottom: #999;
        overflow: auto;
        /*display: block;*/
      }
      
      /*basic paragraph in the body */
      #p{
       /*using default values. */
      }
