/* Standard CSS for yiyi site */

body {
    margin-top : 0px;
    margin-bottom : 0px;
    margin-left : 0px;
    margin-bottom : 0px;
    background-color :#162717;
    }


h3  {
    /* text headings font */
    font-family : "Jayne Print", cursive;
    font-size : 12pt;
    margin-bottom : 0;
    margin-top : .5em;
    margin-left : 1.5em;
    background-image : url("Images/underline.jpg");
    background-position : 5% 80%;
    background-repeat : no-repeat;
    }

img {
        border : none;
        padding : none;
        margin : none;
        }
        
p   {
    /* regular text */
    font-family : Arial, sans-serif;
    font-size : 10pt;
    margin-top : .75em;
    margin-left : 2em;
    }
 a   {

    color: #CC6633;
    }
    
#content {
        /* The entire body, styled this way in case of IE sizing issues */
        background-image : url("Images/background.jpg");
        background-attachment : fixed;
        background-position : top center;
        background-repeat : no-repeat;
        border : none;
        padding : none;
        margin-top : 0px;
        overflow : none;
        height : 100%;
        width : 100%; 
    }

#inner_content
        {
        width : 700px;
        margin-left : auto;
        margin-right : auto;
        }
                
    
.top_panel {
    background : #EADFBF;
    height : 42%;
    min-height : 340px;
    width : 700px;
    max-width : 700px;
    min-width : 700px;
/*    margin-left : 12%;
    margin-right : 21%;*/
    }
    
#welcome_text {
    padding-bottom : 1.5em;
    margin-right : 1em;
    }    

#address_text {
    padding-bottom : 0.8em;
    margin-right : 1em;
    }   
    
 #location_text {
    padding-bottom : 0.8em;
    margin-right : 1em;
    height: 500px;
    }   
    
#number_text {
    padding-bottom : 1.5em;
    margin-right : 1em;
    }         
    
#header {
    height : 24%;
    width : 100%;
    }

#yiyilogo {
    float : left;
    }

#imagelogo {
    float : right;
    }
        
#art_text
    {
   margin-right : 3em;
    }        
    

.menubar {
    background : #C83F0F;
    height : 24px;
    width : 700px;
    }

    
html>body .menubar {
    margin-top : 13%;
    }

         
.menubar a:link { text-decoration : none;  }    
.menubar a:visited { text-decoration : none;  }    
.menubar a:hover { text-decoration : none;  }    


.menubutton {
        border : 0,0,0,0;
        padding : 0,0,0,0;
        margin : 0,0,0,0;
        float : left;
        }

.menu {
        /* The styling of the UL for the drop down menu */
        list-style : none;
 	    padding: 0;
	    margin: 0;       
      }

.menu li {
      list-style : none;
      float : left;
      position : relative;
      }

.dropdown_menu {
        list-style : none;
        display : none;
         position : absolute;
         height : 100%;
         top : +24px;
         left : 0;  
      
        }

li>.dropdown_menu {
        top : +24px;
        left : auto;
        }
        
.menu li:hover > .dropdown_menu
         {
         display : block;
         position : absolute;
         height : 100%;
         top : +21px;
         
         }


.menu_option { display : block;}         

	
.menu_option a {
        /* style the anchor within the menu, this is the main event for the menu behaviour */
        display : block;
        background : #C83F0F; 
        font-family : Arial, sans-serif;
        font-size : 8pt;
        color : white;      
        height : 24px;
        width : 220px;
        padding-left : 1em;
	    border-bottom: 0;        
        }
        
                                     
     .menu_option a:hover {
        /* style the anchor within the menu, this is the main event for the menu behaviour */
        display : block;
        background : #CC6633; 
        font-family : Arial, sans-serif;
        font-size : 8pt;
        color : black;      
        height : 24px;
        width : 220px;
        padding-left : 1em;
	    border-bottom: 0;        
        }          
            
.bottom_panel {
    background : #EADFBF;
    height : 45%;
    width : 700px;
    max-width : 700px;
    min-width : 700px;    
    margin-top : 1%;
/*    margin-left : 12%;
    margin-right : 21%;*/
    margin-bottom : 15%;
    }
.bottom_panel ul li   {
    /* regular text */
    font-family : Arial, sans-serif;
    font-size : 10pt;
    margin-top : .75em;
    margin-left : 2em;
    } 

.text_header {
    padding-top : 1em;
    }
    
#intention {
    float : right;
    }

#intention_image {
    margin-right : 1em;
    }
        
#Cinzia_image {
      margin-top : 2em;
    margin-right : .5em;
    margin-bottom : 1em;
    } 
    
#art {
    margin-left : 1em;
    margin-right : 2em;
    }    

#change {
        margin-top : 2em;
        margin-left : 1em;
        }    
#para_map  {
    margin-top : 2em;
    margin-right : 1em;
    margin-bottom : 2em;

    }
    
#para_3  {
    margin-top : 2em;
    margin-right : 1em;
    margin-bottom : 2em;
    }

#para_4  {
    margin-top : 2em;
    margin-right : 1em;
    margin-bottom : 2em;
    }

#para_5  {
    margin-top : 2em;
    margin-right : 1em;
    margin-bottom : 2em;
    }

#para_6  {
    margin-top : 2em;
    margin-right : 1em;
    margin-bottom : 2em;
    }
    
#bottom_image {
    margin-top : 2em;
    margin-right : .5em;
    margin-bottom : 1em;
    }    
        
.bottom_bar {
    background : #C83F0F;
    height : 10%;
    width : 100%;
    }
.bottom_bar p{padding-top: 1em;
							padding-bottom: 1em;
							}
                  
.footer {
    background : transparent;
    height : 28%;
    width : 100%;
    }

@media all and (min-width: 0px){  /* this is to fix the margin back to zero for Opera */
  .menubar {
        margin-top : 0px;
        }
  }                        
  
/* IE conditional CSS */
<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
}
.menu li { float : left;}
.menu li ul {float: left; width: 220px; left : 0;}
li:hover ul, li.over ul{ display: block; }     
.menu_option a { display : block;}



</style>
<![endif]-->