/*------------------------------------------------------------------------

# JA Hedera 1.0 - Oct, 2007

# ------------------------------------------------------------------------

# Copyright (C) 2004-2006 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

-------------------------------------------------------------------------*/



/* TOP NAVIGATION

----------------------------------------------------------- */

#ja-splitmenu {

	margin: 0;

	padding: 0;

}



#ja-splitmenu ul {

	margin: 0;

	padding: 0;

	list-style: none;

}



#ja-splitmenu li {

	margin: 0;

	padding: 0;

	display: inline;

}



#ja-splitmenu a {

	float: left;

	margin: 0 0 0 2px;

	padding: 0 0 0 7px;

	display: block;

	text-decoration: none;
 	font-weight: bold;
	
  color: #ffffff;

	line-height: 24px;

	background: url(../images/tab-left.gif) no-repeat top left;

}



#ja-splitmenu a span {

	float: left;

	display: block;

	padding: 0 20px 0 15px;

	cursor: pointer;

	background: url(../images/tab-right.gif) no-repeat top right;

}



/* 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: #FFFFFF;

	background: url(../images/tab-left.gif) no-repeat bottom left;

}



#ja-splitmenu a:hover span,

#ja-splitmenu a:active span,

#ja-splitmenu a:focus span {

	background: url(../images/tab-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 {

	background: url(../images/tab-active-left.gif) no-repeat top left;	

	color: #666666;

	font-weight: bold;

}



#ja-splitmenu li.active a span {

	background: url(../images/tab-active-right.gif) no-repeat top right #E6E6E6;

}



/* SUB NAVIGATION

--------------------------------------------------------- */

#ja-subnav {

	clear: right;

	background: url(../images/grad3.gif) #EFEFEF;

	height: 30px;

	line-height: 30px;

	position: relative;

}



#ja-subnav ul {

	margin: 0;

	padding: 0;

	position: absolute;

	left: 15px;

}



#ja-subnav li {

	margin: 0;

	padding: 0;

	display: inline;

	background: none;

}



#ja-subnav a {

	padding: 0 15px;

	float: left;

	display: block;

	background: url(../images/subnav-sep.gif) no-repeat center left;

	text-decoration: none;

	color: #666666;

	line-height: 30px;

}



#ja-subnav a:hover,

#ja-subnav a:active,

#ja-subnav a:focus {

	color: #3172B4;

	text-decoration: underline;

}



#ja-subnav li.active a {

	color: #3172B4;

	font-weight: bold;

	text-decoration: none;

}



#ja-subnav li.active a:hover,

#ja-subnav li.active a:active,

#ja-subnav li.active a:focus {

	font-weight: bold;

	text-decoration: underline;

}



#ja-subnav .first-item {

	background: none;

}