#cssmenu
{
	margin: 0 10px; /* all lists */
	padding: 0;
}

#cssmenu ul
{
	margin: 0; /* all lists */
	padding: 0;
}

#cssmenu li
{
	float: left;
	display: block;
	padding: 0 1px 0 0;
	margin: 0;
	background: url(../images/mainnav-sep.gif) right no-repeat;
}

#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;
	width: 15.9em;
}

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

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

#cssmenu ul a
{
	width: 14.8em;
	width: 10.8em;
}

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

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

/* STYLING THE MENU
-----------------------------------*/
/* 1st level */
#cssmenu li a
{
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	padding: 0px 15px 0px 0px;
	font-weight:bold;
	font-size:110%;
	font-family:Tahoma, Geneva, sans-serif;
	background: url(../images/mainnav.gif) no-repeat right;
	text-transform:uppercase;
}
#cssmenu li a span
{
	display: block;
	text-decoration: none;
	padding: 22px 5px 8px 20px;
	background: url(../images/mainnav.gif) no-repeat left;
}

#cssmenu li a:hover, #cssmenu li a:active, #cssmenu li a:focus
{
	color: #FFFFFF;
	text-decoration:none;
}

#cssmenu li:hover a, #cssmenu li.sfhover a, #cssmenu li.havechildsfhover a, #cssmenu li.havechild-activesfhover a
{
	color: #005c9f;
	font-weight:bold;
	background: url(../images/mainnav-active.gif) no-repeat right;
}
#cssmenu li:hover a span, #cssmenu li.sfhover a span, #cssmenu li.havechildsfhover a span, #cssmenu li.havechild-activesfhover a span
{
	background: url(../images/mainnav-active.gif) no-repeat left;
	padding: 18px 5px 12px 20px;
}

#cssmenu li.active
{
}

#cssmenu li.active a
{
	color: #005c9f;
	background: url(../images/mainnav-active.gif) repeat-x right;
}
#cssmenu li.active a span
{
	color: #005c9f;
	background: url(../images/mainnav-active.gif) repeat-x left;
	padding: 18px 5px 12px 20px;
}

#cssmenu li a.active:hover, #cssmenu li a.active:active, #cssmenu li a.active:focus
{
	color: #005c9f;
	text-decoration:none;
}

/* 2nd level and above */
#cssmenu li ul
{
	border: 1px solid #dbdee3;
	background: url(../images/main-top.gif);
	margin-left:0px;
}

#cssmenu li ul ul
{
	border: 1px solid #dbdee3;
}

#cssmenu li ul li
{
	border-bottom: 1px solid #dbdee3;
	border-right: none;
	background: none;
}

#cssmenu li ul a
{
	border-right: none;
	margin: 0;
	padding: 0px 0px;
	background: none !important;
	text-transform: none;
	font-weight: normal;
	font-size: 92%;
	white-space: nowrap;
	color: #005c9f !important;
}

#cssmenu li ul a span
{
	border-right: none;
	margin: 0;
	padding: 5px 10px !important;
	background: none !important;
}


#cssmenu li.havesubchild, #cssmenu li.havesubchild-active
{
	background: url(../images/arrow-1.gif) no-repeat 95% 50%;
}

#cssmenu li ul a:hover, #cssmenu li ul a:active, #cssmenu li ul a:focus, #cssmenu ul li:hover, #cssmenu ul li.sfhover, #cssmenu ul li.havesubchildsfhover, #cssmenu ul li.havesubchild-activesfhover, #cssmenu ul ul li:hover, #cssmenu ul ul li.sfhover, #cssmenu ul ul li.havesubchildsfhover, #cssmenu ul ul li.havesubchild-activesfhover
{
	background:#fff;
	color: #5AA0D3 !important;
}

#cssmenu ul li a.active
{
	background: none !important;
	color: #FFFFFF !important;
	font-weight: bold !important;	
}

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



/*
# ------------------------------------------------------------------------
# JA Teline III - Stable - Version 1.4 - Licence Owner JA49652
# ------------------------------------------------------------------------
# Copyright (C) 2004-2009 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
# This file may not be redistributed in whole or significant part.
# ------------------------------------------------------------------------
*/

/* 1st lv
-----------------------------------*/
.megamenu { float: right; }

.megamenu li.mega {
	border: none; padding-left:0
}

.megamenu li.havechild a.megaitem { width: 90px; border-left: 0px solid #ddd; color: #fff; height: 19px; line-height: 19px; padding: 0; border-top:0;}

.megamenu li.havechild a.megaitem span { background: none; padding: 0; }

.megamenu li.mega a.megaitem { font-weight: bold; }

.megamenu li.mega:hover, .megamenu li.over { background: #333; color: #fff; }

.megamenu li.mega:hover a, .megamenu li.mega:hover a:hover,
.megamenu li.over a, .megamenu li.over a:hover { color: #fff; text-decoration: none; }

.megamenu li.active a.megaitem { background: #333; color: #fff; text-decoration: none; }

/* 2nd lv
-----------------------------------*/
.megamenu li.havechild .childcontent { /*hide the menu*/
	width: 200px;
}

.childcontent {
	background: url(../images/grad-l2.gif) repeat-x top #fff;
	border: 1px solid #ddd;
	margin-left: -111px;
	color: #333;
}

.childcontent a { padding: 0 !important; color: #000 !important; display: inline !important; border-bottom: 1px dotted #000;  }

.childcontent a:hover { text-decoration: none !important; border-bottom: 1px solid #000; }

.childcontent .button { margin: 10px 0; font-weight: bold; font-size: 100%; }

 /* 2nd lv content ---*/
.childcontent .inner h3 { margin: 0 0 10px; padding: 0; font-size: 100%; }

.childcontent .inner ul { margin: 0; padding: 0; }
 
.megamenu li.havechild .childcontent .inner ul li {
	background: url(../images/bullet.gif) no-repeat 2px 7px !important;
	margin: 0;
	padding-left: 10px;
	overflow: hidden;
	border: none;
}

/* Megamenu Module Override ----*/
/* Twitter */
.megamenu .twitter { padding: 0 ; }

.megamenu .twitter h4 { display: none; }



.megamenu {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.megamenu LI.mega {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: block; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; PADDING-TOP: 0px;
}
.megamenu LI.havechild A.megaitem {
	TEXT-ALIGN: center; DISPLAY: block
}
.megamenu LI.havechild A.megaitem SPAN {
	PADDING-LEFT: 10px; BACKGROUND: url(../images/arrow-grey.gif) no-repeat left center
}
.megamenu LI.mega A.megaitem {
	DISPLAY: block;
	background: none;
}
.megamenu LI.mega:hover {
	
}
.megamenu LI.mega:hover A {
	TEXT-DECORATION: none
}
.megamenu LI.mega:hover A:hover {
	TEXT-DECORATION: none
}
.megamenu LI.active A.megaitem {
	TEXT-DECORATION: none
}
.megamenu LI.havechild .childcontent {
	POSITION: absolute; DISPLAY: block; HEIGHT: auto; LEFT: -999em
}
.megamenu LI.havechild:hover .childcontent {
	POSITION: absolute; LEFT: auto
}
.megamenu LI.over .childcontent {
	POSITION: absolute; LEFT: auto
}
.childcontent {
	Z-INDEX: 999; BORDER-BOTTOM: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; COLOR: #333; BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid
}
.childcontent .inner {
	PADDING-BOTTOM: 15px !important; PADDING-LEFT: 15px !important; PADDING-RIGHT: 15px !important; PADDING-TOP: 15px !important
}