/**
 *********************************************
 * Prototype of styles for horizontal CSS-menu
 * @data 30.06.2009
 *********************************************
 * (X)HTML-scheme:
 *  <div id="menu">
 *      <ul class="menu">
 *          <li><a href="#" class="parent"><span>level 1</span></a>
 *              <div><ul>
 *                  <li><a href="#" class="parent"><span>level 2</span></a>
 *                      <div><ul><li><a href="#"><span>level 3</span></a></li></ul></div>
 *                  </li>
 *              </ul></div>
 *          </li>
 *          <li class="last"><a href="#"><span>level 1</span></a></li>
 *      </ul>
 *  </div>
 *********************************************
 */


/** { margin:0;
    padding:0;
}
html { background:#333333; }


body {
    margin:0px auto;
    overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	
}*/

#menu{ width:auto;
	height: 51px;
    padding-left: 10px;
	background:url(images/div-bg.jpg) repeat-x;
    margin-top:0px}
#lt {width:660px; margin:0px; float: left}
#lt ul{margin:0px; padding:0px; list-style:none; width:700px;}
#lt ul li{margin:0px; padding-top:15px ; font-size:11px; color:#FFF; font-family:Arial, Helvetica, sans-serif; float:left; background:url(images/saperator.jpg) top right no-repeat }
#lt ul li a{padding:10px 14px 0px 10px; color:#000; text-decoration:none;}
#lt ul li a:hover{padding:10px 14px 0px 10px; color:#dd7267; text-decoration:none;) }
#lt ul li.last{ background:none}
#rt {width:auto; float:left; margin:0px; padding:14px 0px 0px 0px;  }
.right-1{ width:auto; float:left; } 
.right-1 a{ padding:10px 9px 0px 0px;  } 
.right-1 a:hover{padding:10px 9px 0px 0px; } 


div#copyright {
	font:11px 'Trebuchet MS';
	color:#fff;
	text-align:center;
	clear:left;
	position:absolute;
	top:135px;
	width:295px;
	left: 42px;
	display:none;
}
div#copyright a { color:#661900; }
div#copyright a:hover { color:#fff; }

/* menu::base */
/*div#menu {
    height: 51px;
    padding-left: 6px;
	background:url(images/div-bg.jpg) repeat-x;
    width:auto;
}

div#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
	
}

 


div#menu li {
    position: relative;
    margin: 0;
    padding: 0 10px 0 10;
    display: block;
    float: left;
    z-index: 9;
    width: auto;

}
  

div#menu li:hover>div {
    visibility: visible;
	color:#dd7267
}

div#menu a {
    position: relative;
    z-index: 10;
    height: 50px;
    display: block;
    float: left;
    line-height: 50px;
    text-decoration: none;
    margin-top: 1px;
	padding-right:0px 5px 0px 10px;
    text-align:center;
}
div#menu span {
    margin-top: 2px;
    padding-left: 15px;
    color: #fff;
    font: normal 10px ,Arial,FreeSans,sans-serif;
    background: none;
    line-height: 50px;	
    display: block;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 95% 0;
    text-align: center;
}

/* menu::level1 */
/*div#menu a {
    height: 51px;	
    background: none;
    text-transform: uppercase;
	padding: 0 10px 0px 10px;
}
div#menu a:hover {
    background: url(images/bullet.gif)  no-repeat 0px 0px; padding: 0 10px 0px 10px;
}
div#menu a:hover span {
    background: url() no-repeat 0 -3px;
}
div#menu li.current a,
div#menu ul.menu>li:hover>a {
    background: url()  no-repeat right -1px;
}




div#menu li.current a span,
div#menu ul.menu>li:hover>a span {
    background: url() no-repeat 0 -3px;
}

div#menu ul.menu>li:hover>a span { background: url(images/bullet.gif)  no-repeat 0px 0px; color:#fff; }
div#menu li { background:url(images/saperator.jpg) right no-repeat }
div#menu li.last { background:none }





/* lava lamp */
/*div#menu li.back {
   	background:url(images/selected-right-sub.png) no-repeat left 0 0;
    width: 5px;
    height: 52px;
    z-index: 8;
    position: absolute;
    padding: 0;
    margin: 0px 0 0 0;
	color:#930; text-decoration:none;
}

div#menu li.back .left {
    padding:0;
    width:auto;
	background:url() no-repeat 2px 17px;
	color:#930; text-decoration:none;
    height: 52px;
    margin: 0 0 0 5px;
    float: none;
    position: relative;
    top: 0;
    left: 0;
    visibility: visible;
}