/* ================================================================ 

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: arial, sans-serif;

    width:205px;

    height:150px;

    position:relative;

    margin:0;

    font-size:12px;

    margin: 0px;

}

.menu ul li a, .menu ul li a:visited {

   	padding-bottom: 5px;

   	font-weight:bold;

    display:block;

    text-decoration:none;

    color:#000;

    width:198px;

    text-align:left; 

    font-size:11px;

}

.menu ul {

    padding:0; 

    margin:0;

    list-style-type: none;

}

.menu ul li {

    float:left; 

    width:198px;
	
	text-align:left;
	
	padding-left:5px;
	
	
	height:26px;

    margin-right:1px;

    position:relative;

	   background-image: url(../images/menu_div.jpg);

	   background-repeat: repeat-x;

	   background-position: bottom;

}

.menu ul li ul {

    display: none;

}



/* specific to non IE browsers */

.menu ul li:hover a {

    color:#fff; 

}

.menu ul li:hover ul {

    display:block; 

    position:absolute; 

    top:0; left:198px; 

    width:105px;

}



.menu ul li:hover ul li {

    background-image:none;

}

.menu ul li:hover ul li a.hide {

    background-image:none;

    background-color:#dfc184; 

    color:#000;

}

.menu ul li:hover ul li:hover a.hide {

    width:100px;

}

.menu ul li:hover ul li ul {

    display: none;

}

.menu ul li:hover ul li a {

    display:block; 

    background:#bae3a4;

    color:#000; 

}

.menu ul li:hover ul li a:hover {

    background:#9FFF9F; 

    color:#000;

}

.menu ul li:hover ul li:hover ul {

    display:block; 

    position:absolute; 

    left:151px; 

    top:0; 

    color:#000;

}

.menu ul li:hover ul li:hover ul li a {

    display:block; 

    width:200px; 

    background:#dfc184; 

    color:#000;

}

.menu ul li:hover ul li:hover ul li a:hover {

    background:#bd8d5e; 

    color:#fff;

}