/*
   New Perspectives on HTML and XHTML 5th Edition
   Tutorial 4
   Case Problem 1

   Willet Creek Screen Style Sheet
   Author: 
   Date:   

   Filename:         willet.css
   Supporting Files: 

*/

body                  {background-color: white;
                      margin: 0px; 
                      padding: 0px; 
                      font-family: sans-serif}

a                     {text-decoration:none}

#page_content         {width: 780px}

#head                 {text-align: center; 
                      background-color: rgb(53, 43, 48); 
                      margin: 0px}

#hole_list a:link     {color: white;
                      font-style: bold;
                      font-size: 1.25em;}
                       
                        
#hole_list            {background-color: rgb(53, 43, 48);
                      padding-left: 5px;
                      padding-right: 5px;
                      padding-top: 0px;
                      padding-bottom: 0px;
                      height: 30px; 
                      margin: 0px;
                      text-align: left;
                      display: inline;
                      width: 780px;
                      padding-left: 120px;}

#hole_list li         {display: inline;
                      padding-right: 13px;}


                      

#hole_list a:active   {color: white;}
#hole_list a:visited  {color: white;}
#hole_list a:hover    {color: black;
                      background-color: yellow;}
                     
#hole_stats           {width: 120px; 
                      height: 200px; 
                      color: white;
                      background-color: rgb(53, 43, 48);
                      position: absolute;
                      left: 0px;
                      top: 115px;}

#hole_stats h2        {font-size: 1em;
                      margin-left: 5px;
                      margin: 0px;}

#hole_stats ul        {list-style-type: none;
                      margin-left: 10px;
                      padding-left: 0px;
                      margin-top: 0px;
                      font-size: 0.7em;}

#hole_stats strong    {color: yellow;}
                      
#hole_summary         {height: 200px; 
                      width: 660px;
                      border: 1px solid rgb(53, 43, 48);
                      position: absolute;
                      left: 120px;
                      top: 115px;}

#hole_image           {position: absolute;
                      left: 10px;
                      top: 5px;}
 
#hole_description     {position: absolute;
                      left: 100px;
                      top: 5px;}

#span                 {float: left;
                      line-height: 0.75px;
                      padding-right: 2px;
                      color: green;
                      font-size: 300%;}

#flags img            {border-width: 0px;}
 
#prevflag             {position: absolute;
                      top: 145px;
                      left: 220px;}
 
#nextflag             {position: absolute;
                      top: 145px;
                      left:270px;}