/* Universal Styles for Cafe Tanino */         
            
body{
     background-color:#acb3f6;
     background-image:url('images/mainbg.jpg');
     background-repeat: repeat-x;
     font-family:Arial,Helvetica,sans-serif;
     text-align:center;
     }
     
     
#logo{
      position:absolute;
      left:188px;
      top:0px;
      background-image:url('images/logo.jpg');
      width:325px;
      height:234px;
      z-index:4;
      } 
      

/* Rounded Corner top of white container */      
#container-top{
               position:absolute;
               height:15px;
               width:720px;
               background-image:url('images/container-top.jpg');
               top:107px;
               left:0;
               }     
               
               
/* Contains the address */
#address-left{
              position:absolute;
              top:21px;
              left:12px;
              width:210px;
              height:45px;
              text-align:left;
              }
              
              
/* Contains phone # & email */
#address-right{
               position:absolute;
               top:20px;
               left:537px;
               width:210px;
               height:45px;
               text-align:left;
               }  
               
               
/* Class for address text */
p.address{
          margin-top:0px;
          font-weight:bold;
          font-size:11pt;
          }  
          
 
/* Class for the email address at the top of the page */ 
.topemail{
          color:#C61A27;
          text-decoration:none;
          }  
          
          
.topemail:hover{
               color:blue;
               }  
               
               
               
/* Top thin red bar above the navigation*/
#redbar{
        position:absolute;
        top:125px;
        left:0px;
        height:5px;
        width:720px;
        background-color:#C61A27;
        }   
        
        
#navigation{
           background-color:#D4E4E8;
           position:absolute;
           top:130px;
           left:0px;
           height:40px;
           width:100%;
           border-bottom:5px solid #C61A27;
           text-align:left;
           z-index:8;
           }  
           
           
/* Everything below is for the funkyasscool navigation */
  .menu_head {
	  padding: 5px 10px;
	  cursor: pointer;
	  position: relative;
	  margin:1px;
      font-weight:bold;
      font-size:12pt;
      color:red;
      background:url('images/ying.jpg') center right no-repeat;
      z-index:3;
      font-family:arial,helvetica,sans-serif;
      display:inline;
      }


  .menu_body {
	display:none;
	z-index:3;
    }


  .menu_body a{
    display:block;
    color:black;
    background-color:#D4E4E8;
    border:1px solid #C61A27;
    padding-left:10px;
    font-weight:bold;
    font-size:10pt;
    text-decoration:none;
    z-index:3;
    font-family:verdana,arial,helvetica,sans-serif;
    }


  .menu_body a:hover{
    color: black;
    text-decoration:underline;
    z-index:3;
    }



       a.nav{
            color:blue;
            text-decoration:none;
            font-weight:bold;
            width:150px;
            }

      a.nav:hover{
                  color:#C61A27;
                  }


        /* Position for the home button */
        #home{
               position:absolute;
               left:35px;
               top:10px;
          }


       #cakes{
              position:absolute;
              left:150px;
              top:10px;
              }


       #menu{
              position:absolute;
              left:283px;
              top:10px;
              z-index:8;
              }


        #directions{
              position:absolute;
              left:425px;
              top:10px;
              }


       #contact{
              position:absolute;
              left:575px;
              top:10px;
              } 
              
              
              
 a.sister-odd{
               color:#C61A27;
               font-size:10pt;
               font-weight:bold;
               text-decoration:none;
               }

 a.sister-odd:hover{
                    text-decoration:underline;
                    }

 a.sister-even{
                color:blue;
                font-size:10pt;
                font-weight:bold;
                text-decoration:none;
               }

a.sister-even:hover{
                    text-decoration:underline;
                    }