/*------------------------------------------------------------------------
# JA Pyrite 1.0 - Sep, 2008
# ------------------------------------------------------------------------
# Copyright (C) 2004-2008 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites:  http://www.joomlart.com -  http://www.joomlancers.com
-------------------------------------------------------------------------*/

/* Son of Suckerfish Dropdowns
---------------------------------------------------------
Originally developed by Patrick Griffiths and Dan Webb
http://www.htmldog.com/articles/suckerfish/dropdowns/
---------------------------------------------------------
NOTE: After a deep research, we decide to divide this
CSS into 2 parts. The first part will define the layout.
The second part will define the visual look for this menu.
---------------------------------------------------------*/

#ja-cssmenu {
	margin: 0; /* all lists */
	padding: 0px 0px 0px 0px;




}
ul li ul li .menu-title
{
	color: #1C5466;
	font-size:12px;
	font-family: arial;
    font-weight: bold;
    background:none;
    border:none;
	}
#ja-cssmenu ul {

	margin: 0; /* all lists */
	padding: 0;

}
#ja-cssmenu
{
	background: url(../../images/menu_bg.jpg) 0 0 repeat-x;
	position: relative;
	z-index: 999;
	width: 950px;
}
#ja-mainnav
{
	background: url("../../images/menu_right.jpg") no-repeat scroll right center transparent;
}
#ja-cssmenu li {
	margin: 0; /* all list items */
	padding: 0;
	float: left;
	display: block;
	/*background: none;*/
	/*background: url(../../images/menu_sep.jpg) left 0px no-repeat;*/

	cursor: pointer;
	overflow: hidden;
}
#ja-cssmenu li   {
background: url("../../images/menu_sep.jpg") no-repeat scroll left 0 transparent;
}
#ja-cssmenu li ul {
	width: 16.4em;
	position: absolute; /* second-level lists */
	z-index: 99;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	height: auto;
	w\idth: 15.9em;
}

#ja-cssmenu li ul ul {
	margin: -2em 0 0 15em; /* third-and-above-level lists */
}

#ja-cssmenu li li {
	padding: 0 1em 0 0;
	margin: 0;
	width: 14.9em;
}

#ja-cssmenu ul a {
	width: 14.8em;
	w\idth: 10.8em;
}

#ja-cssmenu li:hover ul ul, #ja-cssmenu li:hover ul ul ul,
#ja-cssmenu li.sfhover ul ul, #ja-cssmenu li.havechildsfhover ul ul, #ja-cssmenu li.havechild-activesfhover ul ul, #ja-cssmenu li.activesfhover ul ul,
#ja-cssmenu li.sfhover ul ul ul, #ja-cssmenu li.havechildsfhover ul ul ul, #ja-cssmenu li.havechild-activesfhover ul ul ul, #ja-cssmenu li.activesfhover ul ul ul {
	left: -999em;
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
#ja-cssmenu li:hover ul, #ja-cssmenu li li:hover ul, #ja-cssmenu li li li:hover ul,
#ja-cssmenu li.sfhover ul, #ja-cssmenu li.havechildsfhover ul, #ja-cssmenu li.havechild-activesfhover ul, #ja-cssmenu li.activesfhover ul,
#ja-cssmenu li li.sfhover ul, #ja-cssmenu li li.havesubchildsfhover ul, #ja-cssmenu li li.havesubchild-activesfhover ul, #ja-cssmenu li li.activesfhover ul,
#ja-cssmenu li li li.sfhover ul, #ja-cssmenu li li li.havesubchildsfhover ul, #ja-cssmenu li li li.havesubchild-activesfhover ul, #ja-cssmenu li li li.activesfhover ul {
	left: auto;
	color:red;
	width:100px;
	font-size:12px;
}

/* STYLING THE MENU
-----------------------------------*/
/* 1st level */
#ja-cssmenu li a {
    color: #1C5466;
    display: block;
    font-weight: bold;
  	/*  padding: 15px 20px 14px 22.9px;*/
  	padding: 15px 20px 14px;
    text-decoration: none;
    font-family: arial;

}
#ja-cssmenu li a.first-item {
	display: block;
	text-decoration: none;
	background: url(../../images/menu_left.png) no-repeat 0 0;
	/*padding-left: 36px;*/
	padding-left: 27px;
}
#ja-cssmenu li a.last-item {
	display: block;
	text-decoration: none;
	/*padding: 15px 18px;*/
	/*letter-spacing: .5px;*/
	/*background: url("../../images/menu_right.jpg") no-repeat scroll right center transparent;*/
	}

#ja-cssmenu li a:hover,
#ja-cssmenu li a:active,
#ja-cssmenu li a:focus {
	color: #CCCCCC;
}

#ja-cssmenu li:hover a,
#ja-cssmenu li.sfhover a,
#ja-cssmenu li.havechildsfhover a,
#ja-cssmenu li.havechild-activesfhover a {
	color: #FFFFFF;
	background: #35A8CD;
}

#ja-cssmenu li a.active,
#ja-cssmenu li a.active:hover,
#ja-cssmenu li a.active:active,
#ja-cssmenu li a.active:focus {
	background: none repeat scroll 0 50% #35A8CD;
		color: #FFFFFF;
}

#ja-cssmenu ul ul li:hover a,
#ja-cssmenu ul ul li.sfhover a,
#ja-cssmenu ul ul li.havechildsfhover a,
#ja-cssmenu ul ul li.havechild-activesfhover a {
	color: #FFFFFF;
	background: #35A8CD;
}

#ja-cssmenu ul ul li a.active,
#ja-cssmenu ul ul li a.active:hover,
#ja-cssmenu ul ul li a.active:active,
#ja-cssmenu ul ul li a.active:focus {
	background: none repeat scroll 0 50% #35A8CD;
		color: #FFFFFF;
}


#ja-cssmenu ul li.active a.first-item {
	background:#2498BD;
	color: #FFFFFF;
}
#ja-cssmenu li.active a.first-item {
	background: url("../../images/left_button.jpg") no-repeat scroll left center #2498BD;
	color: #FFFFFF;
}


#ja-cssmenu li.active a.last-item {
	/*background: url("../../images/right.gif") no-repeat scroll right center transparent;*/
	color: #FFFFFF;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
#ja-cssmenu li.active a.last-item {
/*background: url("../../images/right.gif") no-repeat right center;*/
color: white;
padding: 15px 21.6px 14px 27px;
}
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
#ja-cssmenu li a.last-item:active,
#ja-cssmenu li a.last-item:hover,
#ja-cssmenu li a.last-item:active,
#ja-cssmenu li a.last-item:focus {
/*background: url(../../images/right.gif)  no-repeat  right;*/
color: #FFFFFF;
/*padding: 15px 21.6px 14px 27px !important;*/
}
}

#ja-cssmenu li a.first-item:active,
#ja-cssmenu li a.first-item:hover,
#ja-cssmenu li a.first-item:active,
#ja-cssmenu li a.first-item:focus {
	background: url(../../images/left_button.jpg) #34A9CE no-repeat left;
	color: #165162;
	}
#ja-cssmenu ul li a.first-item:active,
#ja-cssmenu ul li a.first-item:hover,
#ja-cssmenu ul li a.first-item:active,
#ja-cssmenu ul li a.first-item:focus {
	background: none;
	color: #165162;
}
#ja-cssmenu li a.last-item:active,
#ja-cssmenu li a.last-item:hover,
#ja-cssmenu li a.last-item:active,
#ja-cssmenu li a.last-item:focus {
	/*background: url(../../images/right.gif) no-repeat right;*/
	color: #FFFFFF;
	/*padding: 15px 24px 14px 27px;*/

}

/* 2nd level and above */
#ja-cssmenu li ul {
	border: 1px solid #00506B;
	background: #35A8CD;
}

#ja-cssmenu li ul ul {
	border: 1px solid #DDDDDD;
}

#ja-cssmenu li ul li {
	/*border-bottom: 1px solid #DDDDDD;*/
	border-right: none;
	background: none;
	height: auto;
}


#ja-cssmenu li ul a {
    color: #FFFFFF !important;
    font-size: 72%;
    font-variant: normal;
    font-weight: normal;
    height: auto;
    letter-spacing: normal;
    margin: 0;
    padding: 13px;
    text-transform: none;
    white-space: nowrap;
    width: 60px;
	background: #35A8CD;
}

#ja-cssmenu li.active ul li a.first-item {
	background: #35A8CD;
	color: #FFFFFF;
}

#ja-cssmenu li.havesubchild,
#ja-cssmenu li.havesubchild-active {
	background: #35A8CD;
}

#ja-cssmenu li ul a:hover,
#ja-cssmenu li ul a:active,
#ja-cssmenu li ul a:focus,
#ja-cssmenu ul li:hover,
#ja-cssmenu ul li.sfhover,
#ja-cssmenu ul li.havesubchildsfhover,
#ja-cssmenu ul li.havesubchild-activesfhover,
#ja-cssmenu ul ul li:hover,
#ja-cssmenu ul ul li.sfhover,
#ja-cssmenu ul ul li.havesubchildsfhover,
#ja-cssmenu ul ul li.havesubchild-activesfhover {
	background: #35A8CD;
	font-size:12px;
	width:87px;
	color: #FFFFFF;
	border: none;
}

#ja-cssmenu ul li a.active {
	background: none !important;
	color: #0358A8 !important;
}

#ja-cssmenu ul li a.active:hover,
#ja-cssmenu ul li a.active:active,
#ja-cssmenu ul li a.active:focus {
	color: #333333 !important;
}

#menu59{
background:red;
font-size:12px;
}

.havechild{
   font-size:12px;
}