/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/example_flyout.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* common styling */
.menu2{
    width:180px; 
    height:180px; 
    position:relative; 
    font-size:10px; 
    margin:30px 0; 
    z-index:100;
    padding-left: 10px;
    text-transform: uppercase;
    font-weight: bold;
    color: #633C37;
    text-align: left;
}

.menu2 ul {
    padding:0; 
    margin:0; 
    list-style-type: none; 
    width:180px; 
    height:180px; 
}

.menu2 ul li {
float:left;
width: 170px;
background-color: #D3C7B5;
}
   
.menu2 ul li ul {
    visibility:hidden; position:absolute; height:0; overflow:hidden; top:5; left:175px;
    font-weight: normal;
    color: #633C37;
    width: 170px;   
    text-transform: none;
}



.menu2 ul li a, .menu2 ul li a:visited {
    display:block; 
    float:left; 
    text-decoration:none; 
    color: #633C37;
    width:160px; 
    font-size:10px; 
    background:transparent none repeat scroll 0 0; 
    padding-bottom: 16px;
    padding-left:10px;
}
* html .menu2 ul li a, * html .menu2 ul li a:visited {
    width:180px; 
    w\idth:170px;
}

.menu2 table {
border-collapse:collapse; border:0; margin:0; padding:0; font-size:1em; position:absolute; left:0; top:0;
}

 
.menu2 ul li:hover a,
.menu2 ul li a:hover{
    color: #641717;
    width: 170px;
  
}

.menu2 ul li:hover {position:relative; z-index:90;}
* html .menu2 ul li a:hover {position:relative; z-index:100;}

.menu2 ul li:hover ul,
.menu2 ul li a:hover ul {
    visibility:visible; 
    position:absolute; 
    height: auto; 
    background:#d3c7b5; 
    border:1px solid #454036; 
    overflow:visible;
    width: 170px;
}
.menu2 ul li:hover ul li a,
.menu2 ul li a:hover ul li a{
    display:block; 
    background:transparent; 
    line-height:15px; 
    padding:5px 0 5px 10px; 
    height: auto;
    text-decoration:none;
    width: 160px;   
}

.menu2 ul li:hover ul li:hover a,
.menu2 ul li a:hover ul li a:hover {
    color:#641717;
}
.menu2 ul li:hover ul li ul,
.menu2 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:125px;  width:170px;
}
.menu2 ul li:hover ul li:hover ul,
.menu2 ul li a:hover ul li a:hover ul {
    color: #633C37;
    visibility:visible; 
    position:absolute; 
    height: auto;
    padding:0; 
    width: 170px;   
    border:1px solid #454036; 
    list-style-type:none; 
    background:#d3c7b5;
}
.menu2 ul li:hover ul li:hover ul li a,
.menu2 ul li a:hover ul li a:hover ul li a {
display:block; background:transparent; color:#633C37; width:170px;       
}

.menu2 ul li:hover ul li:hover ul li:hover a,
.menu2 ul li a:hover ul li a:hover ul li a:hover {
  width:170px;       
}