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

# 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-left2.gif) no-repeat bottom left;

}



#ja-splitmenu a:hover span,

#ja-splitmenu a:active span,

#ja-splitmenu a:focus span {

	background: url(../../images/mainnav-right2.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-left2.gif) no-repeat top left #7DCAFF;

}



#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-right2.gif) no-repeat top right #7DCAFF;

}



/*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-left2.gif) no-repeat top left #7DCAFF;

}



#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-right2.gif) no-repeat top right #7DCAFF;

}



/* 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;

}