/*------------------------------------------------------------------------
# JA Erica 1.0 - Dec, 2007
# ------------------------------------------------------------------------
# Copyright (C) 2004-2007 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
-------------------------------------------------------------------------*/

/* MAIN NAVIGATION
----------------------------------------------------------- */
#ja-splitmenu {
	margin: 0;
	padding: 0;
}

#ja-splitmenu ul {
	margin: 0;
	padding: 0;
	float: left;
}

#ja-splitmenu li {
	margin: 0;
	padding: 0;
	display: inline;
}

#ja-splitmenu a {
	float: left;
	margin: 0;
	padding: 0 0 0 15px;
	display: block;
	color: #4F4F4F;
	font-size: 110%;
	font-weight: bold;
	line-height: 35px;
	text-decoration: none;
	letter-spacing: 1px;
}

#ja-splitmenu a span {
	float: left;
	display: block;
	font-weight: bold;
	padding: 0 15px 0 0;
	cursor: pointer;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#ja-splitmenu a span { float: none; }
/* End IE5-Mac hack */

#ja-splitmenu a:hover,
#ja-splitmenu a:active,
#ja-splitmenu a:focus {
	color: #4F4F4F;
	background: url(../../images/mainnav-left.gif) no-repeat bottom left;
}

#ja-splitmenu a:hover span,
#ja-splitmenu a:active span,
#ja-splitmenu a:focus span {
	background: url(../../images/mainnav-right.gif) no-repeat bottom right;
}

#ja-splitmenu li.active a,
#ja-splitmenu li.active a:hover,
#ja-splitmenu li.active a:active,
#ja-splitmenu li.active a:focus {
	color: #FFFFFF;
	background: url(../../images/mainnav-left.gif) no-repeat top left #78CE24;
}

#ja-splitmenu li.active a span,
#ja-splitmenu li.active a:hover span,
#ja-splitmenu li.active a:active span,
#ja-splitmenu li.active a:focus span {
	background: url(../../images/mainnav-right.gif) no-repeat top right #78CE24;
}

/*1st item */
#ja-splitmenu li.active a.first-item,
#ja-splitmenu li.active a.first-item:hover,
#ja-splitmenu li.active a.first-item:active,
#ja-splitmenu li.active a.first-item:focus {
	color: #FFFFFF;
	background: url(../../images/mainnav-left.gif) no-repeat top left #78CE24;
}

#ja-splitmenu li.active a.first-item span,
#ja-splitmenu li.active a.first-item:hover span,
#ja-splitmenu li.active a.first-item:active span,
#ja-splitmenu li.active a.first-item:focus span {
	background: url(../../images/mainnav-right.gif) no-repeat top right #78CE24;
}

/* SUB NAVIGATION
--------------------------------------------------------- */
#ja-subnav ul {
	margin: 0;
	padding: 0 0 10px;
}

#ja-subnav li {
	margin: 0 !important;
	padding: 0 !important;
	display: block;
	background: none !important;
}

#ja-subnav a {
	width: 99%;
	display: block;
	color: #333333;
	background: url(../../images/hdot.gif) repeat-x bottom;
	line-height: 32px;
	height: 32px;
	text-decoration: none;
	text-indent: 5px;
}

#ja-subnav a:hover,
#ja-subnav a:active,
#ja-subnav a:focus {
	color: #0CB2F0;
	text-decoration: none;
}

#ja-subnav li.active a {
	font-weight: bold;
	color: #0CB2F0;
}

#ja-subnav li.active a:hover,
#ja-subnav li.active a:active,
#ja-subnav li.active a:focus {
	color: #0CB2F0;
	text-decoration: none;
}