/* ================================================================ 
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/final_drop5.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.

13-05-2010 : Bug fix : IE 6
04-05-2010 : Changed color of selected item, added background to 3rd level
=================================================================== */
/* style the outer div to give it width */
.sidemenu {}

.sidemenu ul {padding:0; margin:0; list-style-type:none;}
.sidemenu a {text-decoration:none;font-size:16px;
  color:#7F5024;
  font-style:italic;
  font-weight:bold;
  text-decoration:none;}
.sidemenu a:hover {  
  font-size:16px;
  color:#CEB533;
  font-style:italic;
  font-weight:bold;
   text-decoration:none;}

/* style the sub-level lists */

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.sidemenu ul li {display:block; height:auto; line-height:25px;}

/* style the sub level list items */
.sidemenu ul ul li {display:block; height:auto; line-height:25px;}

/* style the links for the top level */
.sidemenu a, .sidemenu a:visited {
	display: block;
	}


/* style the table so that it takes no part in the layout - required for IE to work */
/*.sidemenu table {position:absolute; left:0px; top:0px; width:0px; height:0px; z-index:-100;}*/


/* style the sub level links */
.sidemenu ul ul a, .sidemenu ul ul a:visited {display:block;height:auto; line-height:25px;}
	
* html .sidemenu ul ul a, * html .sidemenu ul ul a:visited  {}

.sidemenuparent 
   {
      background: url(images/arrow_r.gif)  right  center no-repeat;
	  margin-top:3px;
   }
.sidemenucurrent a {
  font-size:16px;
  color:#7F5024;
  font-style:italic;
  font-weight:bold;
  text-decoration:underline; }

/* style the third level background */
/*.sidemenu ul ul :hover a, */
.sidemenu ul ul,
.sidemenu ul ul ul a, .sidemenu ul ul ul a:visited {background:#E3DDC5}


/* style the level hovers */
/* first */
* html .sidemenu a:hover {font-size:16px;
  color:#CEB533;
  font-style:italic;
  font-weight:bold;
   text-decoration:none; position:relative; z-index:100;}
.sidemenu li:hover {position:relative;}
.sidemenu :hover > a {font-size:16px;
  color:#CEB533;
  font-style:italic;
  font-weight:bold;
   text-decoration:none;}
/* second */
* html .sidemenu ul ul a:hover{font-size:16px;
  color:#CEB533;
  font-style:italic;
  font-weight:bold;
   text-decoration:none; position:relative; z-index:110;}
.sidemenu ul ul li:hover {position:relative;}
.sidemenu ul ul :hover > a {font-size:16px;
  color:#CEB533;
  font-style:italic;
  font-weight:bold;
   text-decoration:none;}
/* third */
* html .sidemenu ul ul ul a:hover {font-size:16px;
  color:#CEB533;
  font-style:italic;
  font-weight:bold;
   text-decoration:none; position:relative; z-index:120;}
.sidemenu ul ul ul :hover > a {}

/* fourth */
/*.sidemenu ul ul ul ul a:hover {background:#d4debc; position:relative; z-index:130;}*/

/* hide the sub levels and give them a positon absolute so that they take up no room */
.sidemenu ul ul {visibility:hidden;position:absolute;height:0px;top:0px;left:125px;width:206px;}

/* position the third level flyout menu */
.sidemenu ul ul ul{left:195px;top:0;width:100%;}

/* make the second level visible when hover on first level list OR link */
.sidemenu ul :hover ul{visibility:visible; height:auto; }
/* keep the third level hidden when you hover on first level list OR link */
.sidemenu ul :hover ul ul{visibility:hidden;}


/* make the third level visible when you hover over second level list OR link */
.sidemenu ul :hover ul :hover ul{visibility:visible;}

/* make the fourth level visible when you hover over third level list OR link */
/*.sidemenu ul :hover ul :hover ul :hover ul {visibility:visible;}*/