/*******************************************************************************************/
/*
/*     Package greenstyle.zip
/*	    GreenStyle Free Joomla! 1.5 Template - July 2011
/*	    Version 1.1
/*	    Author: http://templatesforjoomla.eu
/*	    Copyright (C) 2011 http://templatesforjoomla.eu and All Rights Reserved.
/*		 Email: contact@templatesforjoomla.eu
/*
/*		 This template/design is released under the Creative Commons Attribution 3.0 license.
/*
/*     This means that it can be used for private and commercial purposes, edited freely 
/*		 or redistributed as long as you keep the link back to template sponsors.
/*
/*     You CAN NOT remove (or unreadable) these links without our permission. 
/*		 When you don't want to have link back on the template footer or want to use our templates for commercial websites, 
/*		 you have to pay 9 euro via PayPal: contact@templatesforjoomla.eu 
/*
/*******************************************************************************************/


#topmenu .menu, #topmenu .menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
#topmenu .menu {
	line-height:	1.0;
}
#topmenu .menu ul {
	position:		absolute;
	top:			-999em;
	width:			180px;
}
#topmenu .menu ul li {
	width:			100%;
	text-align: left;
}
#topmenu .menu li:hover {
	visibility:		inherit;
}
#topmenu .menu li {
	float:			left;
	position:		relative;
	margin: 0 1px 0 0;
}
#topmenu .menu a {
	display:		block;
	position:		relative;
}
#topmenu .menu li:hover ul,
#topmenu .menu li.sfHover ul {
	left:			0;
	top:			41px;
	z-index:		99;
	padding: 0 0 0 0;
	margin: 0;
	background-color: #698147;
	border-left: 1px solid #556939;
	border-bottom: 1px solid #556939;
	border-right: 1px solid #556939;
}

#topmenu .menu.sf-js-enabled li:hover ul,
#topmenu .menu.sf-js-enabled li.sfHover ul{
	background-color: none;
}

#topmenu .menu li:hover li ul,
#topmenu .menu li.sfHover li ul {
	top:			-999em;
}
#topmenu .menu li li:hover ul,
#topmenu .menu li li.sfHover ul {
	left:			15em;
	top:			0;
	border-top: 1px solid #556939;
}
#topmenu .menu li li:hover li ul,
#topmenu .menu li li.sfHover li ul {
	top:			-999em;
}
#topmenu .menu li li li:hover ul,
#topmenu .menu li li li.sfHover ul {
	left:			15em;
	top:			0;
}

#topmenu .menu li:hover ul li a,
#topmenu .menu li.sfHover ul li a,
#topmenu .menu li li a:hover{
	padding: 		7px 15px 7px 15px;
	font-size: 14px;
	background: transparent;
}

#topmenu .menu {
	float:			left;
	width:			100%;
}
#topmenu .menu a {
   font: normal 16px "Francois One", Arial, Helvetica, sans-serif;
	padding: 9px 14px 8px 14px;
	text-decoration:none;
	line-height: normal;
}
#topmenu .menu a, #topmenu .menu a:visited  {
	color:			#cfd7bf;
}
#topmenu .menu li li a, #topmenu .menu li.parent li a {
	text-decoration:none;
	color: #cfd7bf;
}

#topmenu .menu li.last{
	background: none;
}

#topmenu .menu li li {
	background: transparent;
}
#topmenu .menu li li li {
	background: none;
}
#topmenu .menu li:hover, #topmenu .menu li.sfHover,
#topmenu .menu a:focus, #topmenu .menu a:hover, #topmenu .menu a:active {
	background: transparent url(../images/m_li_act.gif) bottom repeat-x;
	outline:		0;
}
#topmenu .menu li.active a, #topmenu .menu li.sfHover a, #topmenu .menu li a:hover {
	background:  transparent url(../images/m_li_act.gif) bottom repeat-x;
	color: white;
}
#topmenu .menu li li:hover, #topmenu .menu li li.sfHover,
#topmenu .menu li li a:focus, #topmenu .menu li li a:hover, #topmenu .menu li li a:active {
	outline:		0;
	background-color: none;
	background:  transparent url(../images/m_li_act_sub.gif) bottom repeat-x;
	color: #fff;
}
#topmenu .menu li li.active a {
   color: #fff;
}

/*** arrows **/
#topmenu .menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px;
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em;
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px;
}
a > .sf-sub-indicator {
	top:			1em;
	background-position: 0 -100px;
}
/
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px;
}

#topmenu .menu ul .sf-sub-indicator { background-position:  -10px 0; }
#topmenu .menu ul a > .sf-sub-indicator { background-position:  0 0; }

#topmenu .menu ul a:focus > .sf-sub-indicator,
#topmenu .menu ul a:hover > .sf-sub-indicator,
#topmenu .menu ul a:active > .sf-sub-indicator,
#topmenu .menu ul li:hover > a > .sf-sub-indicator,
#topmenu .menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; 
}

.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}