/*******************************************************************************************/

/*

/*     Package greenstyle.zip

/*	    GreenStyle Free Joomla! 1.5 Template - July 2011

/*	    Version 1.0

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

	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:			100em;

	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: bold 16px Verdana, Arial, Helvetica, sans-serif;

	padding: 9px 14px 8px 14px;

	text-decoration:none;

	line-height: normal;

}

#topmenu .menu a, #topmenu .menu a:visited  {

	color:			#ffffff;

}

#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-color:  #000000;

	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: #006734;

	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;

}