@charset "UTF-8";

/**
 * Horizontal CSS Drop-Down Menu Module
 *
 * @file		dropdown.css
 * @package		Dropdown
 * @version		0.7.1
 * @type		Transitional
 * @stacks		597-599
 * @browsers	Windows: IE6+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2006-2008 Live Web Institute. All Rights Reserved.
 *
 */

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}





ul.dropdown li.rtl ul {
 top: 100%;
 right: 0;
 left: auto;
}

ul.dropdown li.rtl ul ul {
 top: 1px;
 right: 99%;
 left: auto;
}


/* GRAPHICS PART */

.header #topmenu {

}
.header #topmenu #nav .line-1 {
	padding-left: 15px;
	float: left;
	font-size:14px;
	color:#FFF;
	font-weight: bold;
}
.header #topmenu #nav .line-1 .line-2 {
	width: 213px;
	background-image: url(images/bg-menu-down.gif);
	background-position: left top;
	background-repeat:no-repeat;
}

.header #topmenu #nav .line-1 .line-2 li .dir {
	background-image: url(images/bg-arrow.jpg);
	background-repeat: no-repeat;
	height: 19px;
	width: 213px;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	display: block;
	padding-left: 10px;
	margin:0px;
	padding-top:3px;
	color:#EBEBEB;
}

.dir{cursor:hand;
}


.header #topmenu #nav .line-1 .line-2 li:hover .dir {
	background-image: url(images/bg-arrow-hover.jpg);
	background-repeat: no-repeat;
}


/*  Short LIST  */



.header #topmenu #nav .line-1 .line-2-s {
	width: 116px;
	background-image: url(images/bg-menu-down-2.gif);
	background-position: right top;
	background-repeat:no-repeat;
}

.header #topmenu #nav .line-1 .line-2-m {
	width: 150px;
	background-image: url(images/bg-menu-down-2.gif);
	background-position: right top;
	background-repeat:no-repeat;
}


.header #topmenu #nav .line-1 .no-dir a {
	background-color: #0273b9;
	height: 20px;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	display: block;
	padding-left: 10px;
}

.header #topmenu #nav .line-1  .no-dir a:hover {
	background-image:url(images/bg-menu-down-no-dir.jpg);
	background-repeat:no-repeat;
}
.header #topmenu #nav .line-1 .line-2-s .last {
	background-image: url(images/bg-menu-bottom-s.png);
	background-position: right bottom;
	height:35px;
}
.header #topmenu #nav .line-1 .line-2-m .last {
	background-image: url(images/bg-menu-bottom-medium.png);
	background-position: right bottom;
	height:35px;
}

.header #topmenu #nav .line-1 .fisrt {
	padding-top:5px;
}

/* Rollover Top Menu */

.header #topmenu #nav #line-first-no-dir{
	float:left;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 5px;
}
.header #topmenu #nav .line-1 .top-menu-1{
	float:left;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom:10px;
}

.header #topmenu #nav .line-1.hover, 
.header #topmenu #nav .line-1:hover{
	text-decoration:none;
	background-image: url(images/bg-topmenu.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/*
.header #topmenu #nav .line-first-no-dir a.hover, 
.header #topmenu #nav .line-first-no-dir a:hover{
	text-decoration:none;
	background-image:none;
}*/

.header #topmenu #nav .line-1.hover .top-menu-1,
.header #topmenu #nav .line-1:hover .top-menu-1{
	background-image: url(images/bg-topmenu-r.gif);
	background-repeat: no-repeat;
	background-position: right top;
}


/* II level */

.header #topmenu #nav .line-1 .line-2 li ul {
	margin-top: -1px;
	margin-left: 3px;
}

.header #topmenu #nav .line-1 .line-2 li ul li a {
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	background-image:url(images/bg-menu-down-2.jpg);
	background-repeat:repeat;
	display: block;
	height: 19px;
	width: 213px;
	padding-left: 15px;
}
.header #topmenu #nav .line-1 .line-2 li ul li a:hover {
	font-weight: bold;
}

.header #topmenu #nav .line-1 .line-2 .title a {
	background-color:#0273b9;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	margin: 5px;
	display: block;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	text-transform: uppercase;
}

.header #topmenu #nav .line-1 .line-2 .title-2 a {
	background-color:#0273b9;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	margin: 0px;
	display: block;
	padding-top:5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-image: url(images/bg-title-2.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	text-transform: uppercase;
}



.header #topmenu #nav .line-1 .line-2 .no-dir a {
	background-color:#0273b9;
	height: 19px;
	width: 203px;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	display: block;
	padding-left: 10px;
	margin: 0px;
	padding-top: 3px;
	color: #ebebeb;
}

.header #topmenu #nav .line-1 .line-2 .no-dir a:hover {
	background-image:url(images/bg-menu-down-no-dir.jpg);
	background-repeat:no-repeat;
}
.header #topmenu  a:hover {
	font-weight: bold;
}
.header #topmenu #nav .line-1 ul {

}

.header #topmenu #nav .line-1 .line-2 li ul .sub-title a {
	padding-top:5px;
	font-weight: bold;
	background-image: url(images/bg-submenu.jpg);
	background-position: left bottom;
	background-repeat:no-repeat;
}

.header #topmenu #nav .line-1 .line-2 li ul #line-3 {
	margin: 0px;
	padding: 0px;
}
.header #topmenu #nav .line-1 #bg-menu-top {
	display: block;
	width: 100px;
}

.header #topmenu #nav .line-1 .line-2 li ul #line-3 a .dir {
	margin: 0px;
	padding: 0px;
}


.header #topmenu #nav .line-1 .line-2 .last {
	background-image: url(images/bg-menu-bottom.png);
	background-position: left bottom;
	background-repeat:no-repeat;
	padding-bottom:10px;
}

.header #topmenu #nav .line-1 .line-2 .fisrt {
	padding-top:7px;
}


