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

   Chamberlain Civic Center Style Sheet
   Author: Elaine Eichner
   Date: 10/22/09  

   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 100% 0%;}
#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}