/*
   

   This file contains styles used in the ketchjoanne menus file.
body {background-color:rgb(255,234,234)}
*/


.Menu
   {background-color:rgb(238,235,217); 
    width:140px; z-index:2; 
    font-family:Arial, Helvetica, sans-serif; font-size:10pt}
.MenuTitle {height: 20px; text-align: center; border: 1px solid rgb(236,233,216);
            border-bottom: 1px solid gray; border-top: 1px solid gray; font-family:Arial, Helvetica, sans-serif; font-size:10pt; font-weight:bold; letter-spacing: 5}
.Menu {border: 1px solid gray; text-align: left}

#About {position:absolute; top:0px; left:135px; border-left: 1px solid gray}
#Food {position:absolute; top:0px; left:274px}
#Bar {position:absolute; top:0px; left:413px}
#Directions {position:absolute; top:0px; left:551px}
#Home {position:absolute; top:0px; left:690px; border-right: 1px solid gray}
#FoodMenu {position:absolute; top:22px; left:274px; z-index:3}

.MenuTitle a {text-decoration: none; color: white;  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}