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

   Chamberlain Civic Center Style Sheet
   Author: Lewis Kern
   Date:   3/1/2011

   Filename:         ccc.css
   Supporting Files: bottom.jpg, bottomleft.jpg, bottomright.jpg, left.jpg
                     tab.jpg, top.jpg, topleft.jpg, topright.jpg, right.jpg

*/

body         {font-family: Verdana, Geneva, sans-serif}

#heading     {position: absolute; top: 0px; left: 15px; width: 920px; 
              border-bottom: 1px solid red; }
              
#leftColumn  {position: absolute; top: 170px; left: 15px; width: 280px}

#rightColumn {position: absolute; top: 170px; left: 320px; width: 600px}


#heading ul            {list-style-type: none; padding: 0px; margin: 0px; 
                        height: 20px}
#heading ul li         {float: left; margin: 0px 3px; width: 100px; height: 20px; 
                        text-align: center; background: url(tab.jpg) no-repeat top left}
#heading ul li a       {display: block; width: 100px; font-size: 10px; 
                        text-decoration: none; color: black}
#heading ul li a:hover {color: red}
 

#leftColumn h2   {font-size: 24px; color: red; margin: 0px 0px 10px 0px}

#leftColumn p    {font-size: 10px; padding: 0px; margin: 0px 0px 10px 0px}

#leftColumn p i  {color: red; font-style: normal}

#tlCorner      {background: url(topleft.jpg) no-repeat top left}

#trCorner      {background: url(topright.jpg) no-repeat top right}

#blCorner      {background: url(bottomleft.jpg) no-repeat bottom left}

#brCorner      {background: url(bottomright.jpg) no-repeat bottom right}

#tBorder       {background: url(top.jpg) repeat-x 39px top}

#lBorder       {background: url(left.jpg) repeat-y left}

#rBorder       {background: url(right.jpg) repeat-y right}

#bBorder       {background: url(bottom.jpg) repeat-x bottom}

#boxContent    {padding: 50px}