/*Master CSS Work Sheet  

File Name: master.css
Description: Master CSS work sheet for creating a new webpage.   
Version: 1.0
Author: Roger D. Secura
URL: http://www.rogersarchiveohio.com
Date: 10-02-10 */  


/*..........................CSS FILE STARTS HERE..................................................................................................*/
   
     h1 {
	letter-spacing: 3px;
	font-size: 23px;
                   font-weight: normal;
                   color: white;  /* HEADER TEXT */
                   
         }

    h2 {
	letter-spacing: 1px;
	font-size: 12px;
                   font-weight: normal;
                   color: white;  /* TOP MENU TEXT */
                   
         }

   h3 {
	letter-spacing: 1px;
	font-size: 10px;
                   font-weight: normal;
                   color: white;
                   
         }



/*..........................HEADER SECTION STARTS HERE.......................................................................................*/

       #header {  /*.......background box and text for header ................................................................... */
            margin: 0px;
            padding: 8px 2px 2px 350px     
            font-weight: normal;
            width: 1010 px;    /* .......background box width across the top of the webpage ................. */
            height: 40 px;   /* .......background box height ............................................................................. */
            background-color: black;  /*.......background box color behind text boxes........................... */
        }


/*..........................HEADER SECTION ENDS HERE..........................................................................................*/
      





/*..........................HORIZONAL NAVIGATION (TOP MENU) STARTS HERE................................................ */ 
    
        #horizonalmenu {  /*.......background box behind menu boxes ................................................ */
             
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 2px 0px;
            width: 1010 px;    /* .......background box width across the top of the webpage ................ */
            height: 53 px;   /* .......background box height ............................................................................ */
            background-color: #b87333;  /*.......background box color behind text boxes..................... */
             
        }

       #horizonalmenu li {     /*.......all boxes with text .............................................................................. */
            display: inline;      /*.......diplay text boxes in a horizonal format............................................. */
            width: 100;  /*.......width of each box ............................................................................................. */
            height: 30;   /*.......height of each box ........................................................................................... */
            margin: 4px 2px 4px 2px;       /*......space around the outside of each box.............................*/
            padding: 15px 2px 2px 18px;  /*......space around text inside boxes ..................................... */
            background-color: #4e2f2f;        /*....... text 'box' color.............................................................. */
            
        }
   
/*.......................... HORIZONAL NAVIGATION (TOP MENU) ENDS HERE..................................................... */      


/*.......................... LEFT VERTICAL NAVIGATION STARTS HERE.............................................................. */   
 
         
        #leftnav  {     /*.......BACKGROUND BLACK BOX FOR LEFT VERTICAL NAVIGATION..................... */
          margin:  0px 0px 0px 0px;
          padding: 0px 0px 0px 0px;
          display: inline;    /*.......display left/content/ right boxes in a horizonal format..................... */  
          width: 121px;
          height: 585px;
          background-color: black;
          }

        #leftnav li {     /*.......all boxes with text ............................................................................................ */
 
            width: 120;  /*.......width of each box ............................................................................................. */
            height: 17;   /*.......height of each box ........................................................................................... */
            margin: 16px 4px 16px -12px;    /*......space around each menu box.......................................*/
            padding: 12px 0px 0px 34px;  /*......space around text inside each menu boxe .................. */
            background-color: blue;        /*....... background color for each menu 'box' color.............. */
            
        }

/*.......................... LEFT VERTICAL NAVIGATION ENDS HERE................................................................... */ 


/*........................................ CONTENT STARTS HERE................................................................................... */   

         #content  {     /*.......BACKGROUND GRAY BOX FOR HEADLINE NEWS............................................ */
              

             margin: 5px 5px 5px 5px;
             padding: 0px 0px 0px 5px;
             display: inline;   
             width: 751px;       
             height: 579px;
             background-color: gray;
              
            }
            

           #HEADLINE {    /*.......HEADLINE TEXT AND BLACK BAR.................................................................. */
              margin: 3px 0px 0px 0px;
              padding: 10px 0px 0px 20px;          
          
         }          




/*........................................ CONTENT ENDS HERE......................................................................................... */   



/*.......................... RIGHT VERTICAL NAVIGATION STARTS HERE.............................................................. */   
        #rightnav  {
          margin:  0px 0px 0px 0px;
          padding: 0px 0px 0px 0px;
          display: inline; /*.......display left/content/ right boxes in a horizonal format......................... */
          width: 121px;
          height: 585px;
          background-color: black;          
          }


        #rightnav li {     /*.......all boxes with text .......................................................................................... */
            width: 110;  /*.......width of each box ............................................................................................. */
            height: 50;   /*.......height of each box ........................................................................................... */
            margin: 15px 2px 10px  -11px;       /*......space around each box..............................................*/
            padding: 18px 2px 2px 25px;  /*......space around text inside boxes ..................................... */
            background-color: green;        /*....... text 'box' color................................................................ */
            
        }
 
/*.......................... RIGHT VERTICAL NAVIGATION ENDS HERE................................................................... */ 
  
 

/*........................................ FOOTER STARTS HERE...................................................................................... */   
          

         #footer  {
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            width: 1010px;    /* .......background box width across the bottom of the webpage ........... */
            height: 50 px;   /* .......background box height ............................................................................. */
            background-color: black;    
           }
     
         #footer li {     /*.......all boxes with text ............................................................................................. */
            
            display: inline;         /*.......display text boxes in a horizonal format.......................................... */
            width: 100;  /*.......width of each box .............................................................................................. */
            height: 18;   /*.......height of each box ............................................................................................ */
            margin: 5px 0px 5px 39px;       /*......space around each box.......................................................*/
            padding: 18px 2px 2px 25px;  /*......space around text inside boxes ....................................... */
            background-color: BROWN;        /*....... text 'box' color................................................................ */

           }


/*........................................ FOOTER  ENDS HERE............................................................................................. */   

















/*..........................CSS FILE ENDS HERE..........................................................................................................*/