IRFineArts_Web/menu.css

/* ================================================================ 
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/dd_valid.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.
=================================================================== */
@charset "utf-8";

/* common styling */
.menu {
    font-size: 110%;
    float: right;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index:100;
    height: 30px;
}

.menu ul li a, .menu ul li a:visited {
    display:block;
    margin:0 0 0 1px;
    padding: 6px 10px 3px 10px;
    line-height: 1.3em;
    overflow: hidden;
    color: #fff;
}

.menu ul {
    clear: left;
    float: right;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    right: 0;
    bottom: 0;
    text-align: center;	
}

.menu ul li {   
    display: block;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    background-image: url(images/sep.gif);
    background-position: right 10px;
    background-repeat: no-repeat;
}

.menu ul li.last {
    background: none;
}

.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a { background-color: #E6AD17; color:#6D5003;}
.menu ul li:hover ul {display:block; position:absolute; top: 29px; left:0; width:200px;}
.menu ul li ul li {float:left; position:relative; right: 0; width: 100%; text-align: left;}
.menu ul li:hover ul li a.hide {color: #E5C779;}
.menu ul li:hover ul li:hover a.hide {color: #fff;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a { display:block; background-color: #E6AD17; color:#6D5003;}
.menu ul li:hover ul li a:hover {color:#6D5003; background-color: #F9E5B0;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}