/* 
	This following is part of Spot & Smart Software Systems by AAspot.

	Spot & Smart Software Systems are (c) Copyright 2003-2007 by Bruno Barbé, Isabelle Ding and AAspot. All rights reserved.
	Use of this software denotes acceptance of the Spot & Smart Software Systems proprietary commercial agreement.
	Any use or reproducion, fully or partially, of Spot & Smart Software Systems software is forbidden 
	without written permission from Bruno Barbé and an AAspot's bank registered payment.

	Textpattern is (c) Copyright 2005 by Dean Allen. All rights reserved.
	Use of this software denotes acceptance of the Textpattern license agreement.

	Non- Spot & Smart plugins are (c) Copyright 2005-2006 by their respective owners. All rights reserved.
	Use of this software denotes acceptance of the Textpattern license agreement.
	
	---	
	Menu CSS based on cssplay menus at http://cssplay.co.uk/menus 
*/

/* rollovers */

.rollover1 a { padding: 5px 20px 17px 20px; background: url("rollovers/r1.gif") 0 0 no-repeat; text-decoration: none;} 
.rollover1 a:hover  { background-position: -160px 0; } /* rollovers/r1.gif = 3*160 x 25px  */
.rollover1 a:active { background-position: -320px 0; }

.rollovercc a { padding: 5px 20px 17px 20px; background: url("rollovers/cc.png") 0 0 no-repeat; text-decoration: none;} 
.rollovercc a:hover  { background-position: -160px 0; } /* rollovers/r1.gif = 2*160 x 20px  */

/* menu bar */

.preload {background: url(./menu/over.jpg);}
#menubar {}
#menubar .pad {float:left; margin:0 0 0;}

.menu {padding:0px; margin:0px; list-style:none; height:40px; background: url(./menu/top.gif) repeat-x; position:relative; z-index:999;}
.menu li.top  {display:block; float:left; position:relative;}
.menu li.topr {display:block; float:right; position:relative;}

.menu li a.top_link, 
.menu li a.top_link:visited {display:block; float:left; padding: 0 0 0 3px; height:40px; 
							 line-height:33px; text-decoration:none; cursor:pointer;
							 background: url(./menu/top.gif) repeat-x;}
							
.menu li a.top_link span    {display:block; float:left; padding: 0 6px 0 9px; height:40px;}

.menu li a.top_link:hover        {background: url(./menu/over.jpg) no-repeat;}
.menu li a.top_link:hover span   {background: url(./menu/over.jpg) no-repeat right top;}
.menu li:hover > a.top_link      {background: url(./menu/over.jpg) no-repeat;}
.menu li:hover > a.top_link span {background: url(./menu/over.jpg) no-repeat right top;}

/*
.menu li a.top_link span.down {float:left; display:block; padding:0 12px 0 6px; height:40px; background: url(./menu/down.gif) no-repeat right top;}
.menu li a.top_link:hover span.down   {background:url(./menu/over_down.gif) no-repeat right top;}
.menu li:hover > a.top_link span.down {background:url(./menu/over_down.gif) no-repeat right top;}
*/

.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible;}
.menu li:hover {position:relative; z-index:998;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu :hover ul.sub {left:0px; top:40px; /*background: #eeeeee;*/ padding:3px 0; border:1px solid #BBBBBB; white-space:nowrap; width:153px; height:auto;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:150px;  }

.menu :hover ul.sub li a {display:block; font-size:12px; height:20px; width:140px; line-height:20px; text-indent:10px; /*color:#000; */ text-decoration:none; border:1px solid #fff; border-width:0 0 0 0px;}
.menu :hover ul.sub li a.fly {background:#FFFFFF url(./menu/fly.gif) 140px 7px no-repeat;}
/*.menu :hover ul.sub li a:hover {background:#555555; color:#fff; }*/
.menu :hover ul.sub li a.fly:hover {background:#555555 url(./menu/fly_over.gif) 140px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#555555 url(./menu/fly_over.gif) 140px 7px no-repeat; color:#fff;} 

.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:140px; top:-4px; background: #fff; padding:3px 0; border:1px solid #BBBBBB; white-space:nowrap; width:153px; position:absolute; height:auto;}


/* needed by IE to avoid glitch */
.menu :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul li a
{background:#FFFFFF; }

.menu :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul li a:hover
{background:#555555; color:#FFFFFF;}