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

   JPF Style Sheet
   Author: David Oberlander
   Date:   05/05/09

   Filename:         jpf.css
   Supporting Files: left.jpg, topleft.jpg, topright.jpg

*/

body                  {margin: 0px; font-family: Verdana, Geneva, sans-serif}

#header               {position: absolute; top: 0px; left: 0px; height: 120px; padding: 0px}

#header ul            {list-style-type: none; padding: 0px; margin: -20px 0px 0px 15px; }
#header ul li         {display: inline; color: rgb(254, 232, 130);
                       font-size: 10px; margin: 0px 10px; padding: 0px}
#header ul li a       {color: rgb(254, 232, 130); text-decoration: none}
#header ul li a:hover {color: rgb(211,254,106)}

#leftColumn           {position: absolute; top: 100px; left: 5px; width: 150px}

#links                {background-color: black; padding: 0px; margin: 0px}
#links ul             {list-style-type: none; font-size: 12px; padding: 10px; 
                       margin: 0px 0px 20px 0px}
#links ul li          {margin: 0px 0px 0px 10px; line-height: 1.6}
#links ul a           {color: rgb(254, 232, 130); text-decoration: none;}
#links ul a:hover     {color: rgb(211,254,106);text-decoration: overline underline}

#rightColumn          {position: absolute; top: 100px; left: 175px; width: 500px}
#rightColumn h3       {font-size: 14px; margin: 10px 0px 0px 0px}
#rightColumn p        {font-size: 10px; margin: 10px 0px; width: 420px}


div.topLeft		{background: url(topleft.jpg) no-repeat top left;}
div.topRight		{background: url(topRight.jpg) no-repeat top right;}
div.left		{background: url(left.jpg) repeat-y left;}