/* ================================================================ 
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/flyoutt.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 */
.menu {
    font-family             :       Century Gothic, Arial, Verdana;
    font-size               :       11px; 
    height                  :       150px; 
    margin                  :       0px 0px 0px 0px;
    position                :       relative; 
    width                   :       45px; 
}

.menu ul li a, .menu ul li a:visited {
    background-color        :       Transparent; 
    display                 :       block; 
    height                  :       18px;
    text-align              :       center;
    text-decoration         :       none;
    width                   :       104px; 
}

.menu ul {
    list-style-type         :       none; 
    margin                  :       0;
    padding                 :       0; 
}

.menu ul li {
    float                   :       left; 
    margin-right            :       1px; 
    position                :       relative;
}

.menu ul li ul {
    display                 :       none;
}

/* specific to non IE browsers */
.menu ul li:hover a {
    background-color        :       Transparent;
    color                   :       #FFFFFF; 
}

.menu ul li:hover ul {
    display                 :       block; 
    left                    :       105px; 
    position                :       absolute; 
    top                     :       0; 
    width                   :       105px;
}

.menu ul li:hover ul li a.hide {
    background              :       #131313; 
    color                   :       #C5C5C5;
}
.menu ul li:hover ul li:hover a.hide {
    width                   :       150px;
}

.menu ul li:hover ul li ul {
    display                 :       none;
}

.menu ul li:hover ul li a {
    background-color        :       #172123;
    color                   :       #C5C5C5;
    display                 :       block;
    width                   :       150px;
}
.menu ul li:hover ul li a:hover {
    background-color        :       #172123;
    color                   :       #FCB6B8;
}
.menu ul li:hover ul li:hover ul {
    color                   :       #000;
    display                 :       block; 
    position                :       absolute; 
    left                    :       151px; 
    top                     :       0; 
}
    
.menu ul li:hover ul li:hover ul li a {
    background              :       #dfc184; 
    color                   :       #000;
    display                 :       block; 
    width                   :       200px; 
}

.menu ul li:hover ul li:hover ul li a:hover {
    background              :       #bd8d5e;
    color                   :       #fff;
}