/*
   New Perspectives on HTML, XHTML, and DHTML
   Tutorial 12
   Tutorial Case
   Filename: styles2.css

   This file contains styles used in the plays.htm file.

*/

body {background-color:rgb(255,234,234)}
.Menu, .MenuTitle
   {background-color:rgb(238,235,217); 
    width:140px; z-index:2; 
    font-family:Arial, Helvetica, sans-serif; font-size:8pt}
.MenuTitle {height: 15px; text-align: left; border: 1px solid rgb(236,233,216);
            border-bottom: 1px solid gray; border-top: 1px solid gray}
.Menu {border: 1px solid gray; text-align: left}

#Home {position:absolute; top:0px; left:5px; border-left: 1px solid gray}
#Comedy {position:absolute; top:0px; left:144px}
#History {position:absolute; top:0px; left:283px}
#Tragedy {position:absolute; top:0px; left:421px}
#Romance {position:absolute; top:0px; left:560px; border-right: 1px solid gray}
#ComedyMenu {position:absolute; top:15px; left:144px; z-index:3}
#HistoryMenu {position:absolute; top:15px; left:283px; z-index:3}
#TragedyMenu {position:absolute; top:15px; left:421px; z-index:3}
#RomanceMenu {position:absolute; top:15px; left:560px; z-index:3}

.MenuTitle a {text-decoration: none; color: black; display: block; padding-left: 2px}
.MenuTitle a:hover {color: white; background-color: rgb(38,96,221)}

.Menu a {text-decoration: none; color: black; display: block; padding-left: 2px}
.Menu a:hover {color:white; background-color: rgb(38,96,221)}


#main {font-size: 10pt; font-family: Arial, Helvetica, sans-serif; color: red;
       letter-spacing: 2; width: 700px; position: absolute; top: 40px; left: 10px;
       z-index: 1}

#title {text-align: center}
#falstaff {float: left; margin-right: 5px}
#firstp {margin-top: 3px}  
#firstp:first-line {font-variant: small-caps}
#firstp:first-letter {float:left; font-size: 400%; line-height: 0.8; font-family: Times New Roman, serif}