/**************************/
/*Styles used by all pages*/
/**************************/

* {margin: 0;
   padding: 0; }
   
h1 {color: #000000;
   font-family: Pristina; 
   font-size: 36px;
   text-align: center;}
   
h2 {color: #000000;
    font-family: Tahoma;
    text-align: center; 
    font-size: 20px;}
   
p {color: #000000;
   font-family: Tahoma;
   text-align: center; }

body {background-color:#000000;}
   
header {height: 180px;
        width: 1000px;
        background-image: url('media/pizza1.jpg');}
        
header img {margin-left: 275px;
            border: none;}
 
nav {width:1000px;
     margin-top: 10px;} 
     
nav a {color: #000000;
       font-size: 14px;
       font-weight: bold;
       text-decoration: none;
       padding: 6px 35px;}
       
nav li {list-style-type: none;
        position: relative;
        float: left;
        
        padding: 6px 0;
        font-family: Tahoma, sans-serif;
        border: 2px outset #ddd;
        border-radius: 15px 15px 0px 0px;
        background-color: #ffffff;
        width: 196px;
        text-align: center;}
        
nav li:hover {border: 2px outset #666;
              color: #666;} 
 
#pageWrap {width:1000px; 
           height:795px;
           margin-left:auto;
           margin-right:auto;}   
   
#background {width: 992px; 
             height: 492px;
             border: 2px outset #777777;
             background-color: #ffffff;
             margin: 30px 0px;
             margin-left:auto;
             margin-right:auto;}
              
#indexright {float: right;
             margin: 15px;
             width: 230px; 
             height: 425px;}

#indexleft {float: left;
            margin: 15px;
            width: 230px;
            height: 425px;}
            
#indexleft img {border: 1px ridge #000000;
                margin-bottom: 10px; }
                
#indexright img {border: 1px ridge #000000;
                margin-bottom: 10px; }

#lefttextbox {width: 228px;
              height: 100px; 
              border: 1px solid #000000;
              margin-bottom: 15px;
              background-color: #66ccff;}
              
#righttextbox {width: 228px;
              height: 104px; 
              border: 0px;
              margin-bottom: 15px;
              background-image: url(texture.png);
              background-size: contain;}
              
.cookietext    {float: right;
                width: 120px;
                text-align: center;
                margin-top: 8px;
                margin-right: 8px;}
                
.fbtext    {float: right;
                width: 120px;
                text-align: center;
                margin-top: 8px;
                margin-right: 8px;}

.handbilltext {color: #28d900;
        margin-top: 20px;
        font-family: Pristina;  
        font-size: 22px;
        text-align:center;}
                
.cookietext p {color: #E6A44E;
               font-family: Tahoma; 
               font-size: 16px;
               font-weight: bold;}
                
.fbtext p {color: #000000;
           font-family: Tahoma; 
           font-size: 16px;
           font-weight: bold;}
            
.lilcookie {float: left;
            margin: 5px;}
            
.facebook {float: left;
            margin: 10px;}            
         
#indexcenter {padding: 15px;
              margin: 15px;
              margin-left: 260px;
              width: 440px;
              height: 425px;}

footer {width: 1000px;
        height: 100px;
        color: #ffffff;
        text-align: center;
        font-family: Calibri;
        float: left;}
         
footer p {color: #ffffff;
          font-family: Tahoma;}
          
          /**styles used for tabs obtained from http://www.elated.com/articles/javascript-tabs/**/ 
/*bakery*/
ul#tabs1 { text-align: center; list-style-type: none; margin-top: 30px; padding: 0 0 .25em 0; margin-left: auto; margin-right: auto; width: 750px;}
ul#tabs1 li { display: inline; font-family: Tahoma; padding: .25em 1em; border: 1px solid #000000; border-bottom: none;}
ul#tabs1 li:hover { border: 1px solid #777777; border-bottom: none; background-color: #eee;}
ul#tabs1 li a.selected {font-weight: bold;}
ul#tabs1 li a { color: #333333; padding: 0.25em; text-decoration: none; }

div.tabContent1 { border: 1px solid #000000; padding: 60px; background-color: #ffffff; margin-left: auto; margin-right: auto; width: 780px; }
div.tabContent1.hide { display: none; }
/*menus*/
ul#tabs {list-style-type: none; }
ul#tabs li {  font-family: Tahoma; float: right; font-size: 16px; padding: 3px 10px; text-align: right;  width:82px; border: 1px dotted #000000; border-right: none; border-top: none; border-left: none;}
ul#tabs li a { color: #333333; background-color: #ffffff; text-decoration: none; }
ul#tabs li:hover {font-style: italic;}
ul#tabs li a.selected { color: #000; background-color: #ffffff;  font-weight: bold; font-style: italic;}
div.tabContent {background-color: #ffffff; width: 775px; margin-top: 30px; padding: 30px 0px; border: 1px dotted #000000;}
div.tabContent.hide { display: none; }

#rightcolumn {float: right; 
              width: 842px; }
              
#leftcolumn {float: left; 
            margin: 30px 0px;  
            width: 150px;}       
          
#background1 {width: 992px; 
              height: 1300px;
              border: 2px outset #777777;
              background-color: #ffffff;
              margin: 30px 0px;
              margin-left:auto;
              margin-right:auto;
              padding-top: 20px;}      
           
#background2 { width: 992px; 
               height: 1020px;
               border: 2px outset #777777;
               background-color: #ffffff;
               margin: 30px 0px;
               margin-left:auto;
               margin-right:auto;
               padding-top: 20px;}   
               
#background3 { width: 992px; 
               height: 1500px;
               border: 2px outset #777777;
               background-color: #ffffff;
               margin: 30px 0px;
               margin-left:auto;
               margin-right:auto;
               padding-top: 20px;}  

.menu {padding: 10px;
       font-family: Tahoma, sans-serif;
       margin-left: auto;
       margin-right: auto; 
       width: 680px;}
       
.menu th {font-weight: bold;
          text-align: left; }

.menu th, td {padding: 7px 25px; }

.bake {width: 725px;}

.bakeright {float: right;
        width: 348px;
        height: 372px;}
        
.bakeright img {float: right;
            margin-right: 15px;}

.bakeleft {width: 348px;
        height: 372px;}
        
.bakeleft img {float: left;
             margin-left: 15px; }
             
h3 {font-family: Tahoma, sans-serif;
    text-align: center; }
             

#aboutRight{float: right;
            width: 285px;
            margin: 30px;}
            
#aboutLeft {float: left;
           width: 285px;
           margin: 30px;}
           
#aboutCenter {width: 305px;
              margin-top: 30px;
              margin-left: 345px;}
               
iframe {border: 1px solid #333333;}
   
.boldText {font-weight: bold; }