/*** ESSENTIAL STYLES ***/

.menu, .menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.menu {
	line-height:	1.0;
	float: right;
	z-index: 200;
}
.menu ul {
	position:		absolute;
	top:-999em;
	float:none;
	width: 193px;
	z-index: 999;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 15px;
	background-image: url(../images/submenu.png);
	background-repeat: no-repeat;
	background-position: center bottom;
} 

.menu ul ul {
	position:absolute;
	top:-999em;
	float:none;
	width: 170px;
	z-index: 104;
	background-color: #227d8d;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}

.menu ul li {
	width:100%;
}
.menu li:hover {
	visibility:inherit; /* fixes IE7 'sticky bug' */
}

.menu li {
	float:			left;
	position:		relative;
	z-index: 101;
}

/*.menu a {
	position:relative;
	z-index: 102;
	font-weight: bold;
	height: 42px;
	display:block;
}*/

.menu li:hover ul,.menu li.sfHover ul {
	left:0px;
	top:40px; /* match top ul list item height */
	z-index:100;
	position:absolute;
}

ul.menu li:hover li ul,
ul.menu li.sfHover li ul {
	top:-999em;
}

ul.menu li li:hover ul,
ul.menu li li.sfHover ul {
	left:170px; /* match ul width */
	top:-14px;
}

ul.menu li li:hover li ul,
ul.menu li li.sfHover li ul {
	top:-999em;
}

ul.menu li li li:hover ul,
ul.menu li li li.sfHover ul {
	left:170px; /* match ul width */
	top:0;
}

/*** DEMO SKIN ***/

#css-menu ul.menu {
	padding: 0px;
	margin: 0px;
	float: right;
}

#css-menu li a:hover, #css-menu li.active a {
	text-decoration: none;
}
#css-menu  li  a:hover  span    {
	color: #FFFFFF;	/*background-repeat: repeat-x;*/
}
#css-menu li.parent a:hover span {

}

#css-menu li li.active span {background: url(none.jpg) repeat-x scroll 0% 0%;

	/*background-repeat: repeat-x;*/

}



#css-menu li li a:hover, #css-menu li.active li a {



	background-image: url(../images/none.jpg);



	text-decoration: none;



}
#css-menu  li  li  a:hover  span     {
	background-image: url(../images/none.jpg);
	background-color: #4b494a;
	color: #FFFFFF;

}
#css-menu li.active li a span {
	background-image: url(none.jpg);
}




#css-menu li a span {
	text-decoration: none;
	color: #c8c8c8;
	padding-left: 14px;
	/*display: block;*/ 

	font-size: 16px;
	float: left;
	text-transform: capitalize;
	font-weight: normal;
	padding-right: 14px;
	cursor: pointer;
	font-family: Cabin;
	padding-top: 10px;
	padding-bottom: 8px;
	line-height: 16px;
}
#css-menu li.active a span {
	color:#FFFFFF;
}

#css-menu  li li a {
	margin: 0px;
	text-align: left;
	color: bbbbbb;
	font-size: 12px;
	vertical-align: middle;
	height: auto;
	line-height:normal;
	float: none;
	text-transform: none;
	background-image: url(../images/blank.gif);
	background-repeat: no-repeat;
	position:relative;
	z-index:104;
	padding: 0px;
}

#css-menu li li.parent a span {
	background-image: url(../images/arrow_no.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}

#css-menu li li.parent li a span {
	background-image: url(../images/none.jpg);
	background-repeat: no-repeat;
}

#css-menu li li a span, #css-menu li.active li a span {
	background-image: url(../images/none.jpg);
	color: #cfcdcd;
	padding-left: 14px;
	padding-right: 16px;
	line-height:11px;
	height: auto;
	font-weight: normal;
	text-transform: none;
	padding-top:13px;
	padding-bottom: 13px;
	display: block;
	float: none;
	font-size: 11px;
	font-family: Verdana;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4b494a;
}



.menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/



	color:			#13a;



}



#css-menu li {
	/*display: block;*/ 



	float: left;
	text-align: center;
	padding: 0px;
	margin: 0px;
}



#css-menu li li {
	height:auto;
	width: 185px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;



}





#css-menu li li{ text-align:left !important; }








#css-menu li li a:hover span  {
	background-image: url(../images/none.jpg);


}



#css-menu li li.parent a:hover span  {



	background-image: url(../images/arrow_no.jpg);



	background-repeat: no-repeat;



	background-position: right center;



}



#css-menu li li.parent li a:hover span  {



	background-image: url(../images/none.jpg);



	background-repeat: no-repeat;



	background-position: right center;



}



#leftcolumn  ul.menu-no, #rightcolumn  ul.menu-no {
	list-style-type: none;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

#leftcolumn  ul.menu-no  li, #rightcolumn  ul.menu-no  li {
	padding:0px;
	margin: 0px;
	text-indent: 0px;
	text-align: left;
	display: block;
	background-image: url(none.jpg);
}

#leftcolumn  ul.menu-no  li  ul, #rightcolumn  ul.menu-no  li  ul {
	padding: 0px;
	list-style-type: none;
	text-indent: 0px;
	margin: 0px;
}
#leftcolumn ul.menu-no li li, #rightcolumn ul.menu-no li li {
	list-style-type: none;
	text-indent: 0px;
	border-bottom-style: none;
	margin: 0px;
	padding: 0px;
}
#leftcolumn ul.menu-no li a, #rightcolumn ul.menu-no li a, #rightcolumn ul.menu-no li.active li a, #leftcolumn ul.menu-no li.active li a {
	font-size: 12px;
	line-height: 14px;
	padding-top: 7px;
	padding-bottom: 7px;
	display: block;
	font-weight: normal;
}
#leftcolumn  ul.menu-no  li  a  span, #leftcolumn ul.menu-no li#current a span {
	display: block;
	padding: 0px;
	color: #6f6f6f;
	font-size: 12px;
}

#leftcolumn  ul.menu-no  li  a:hover  span, #leftcolumn ul.menu-no li#current a:hover span {
	color: #0099D9;
}
#leftcolumn ul.menu-no li li a, #rightcolumn ul.menu-no li li a {
	padding-bottom: 0px;
	padding-top: 0px;
	line-height: 16px;
	display: block;
	padding-left:0px;
}

#leftcolumn ul.menu-no li li a span {
	padding-left: 15px;
	line-height: 135%;
	display: block;
	font-size: 90%;
	font-weight: normal;
}
#leftcolumn ul.menu-no li li a {
	padding-left: 0px;
}

#leftcolumn ul.menu-no li.active li {
	background-image: url(../images/none.jpg);
	background-repeat: no-repeat;
}
#leftcolumn ul.menu-no li.parent li.active {

}

#leftcolumn ul.menu-no li a:hover, #rightcolumn ul.menu-no li a:hover, #leftcolumn ul.menu-no li ul li#current a, #rightcolumn ul.menu-no li ul li#current a {
	text-decoration: none;
	color: #3ea9d4;
}
#leftcolumn ul.menu-no li#current a span, #leftcolumn ul.menu-no li ul li#current a span {
	color: #3ea9d4;
}
#leftcolumn ul.menu-no li#current li a span {
	color: #3ea9d4;
}
#leftcolumn ul.menu-no li li a:hover, #rightcolumn ul.menu-no li li a:hover, #leftcolumn ul.menu-no li li#current a, #rightcolumn ul.menu-no li li#current a {
	color: #3ea9d4;

}

#leftcolumn  ul.menu-no  li#current {
	color: #3ea9d4;



}

#leftcolumn ul.menu-no li li#current {


}





#leftcolumn   ul.menu-no   li.parent.active  a span  {



	/*border-bottom-style: none;*/



}







#leftcolumn ul.menu-no li.parent li {



	background-image: url(../images/blank.gif);



}



ul.arrow, #maincontent-border ul.arrow {



	list-style-type: none;



	padding-top: 10px;



	padding-right: 0px;



	padding-bottom: 10px;



	padding-left: 5px;



	margin: 0px;



}



#maincontent-border ul.arrow li {



	padding-top: 0px;



	padding-right: 0px;



	padding-bottom: 0px;



	padding-left: 12px;



	line-height: 24px;



}



ul.arrow li {



	background-image: url(../images/arrow.jpg);



	background-repeat: no-repeat;



	background-position: left center;



}



ul.arrow li a {







}



ul.arrow li a:hover {



	background-image: none;



}



ul.menu-green {

	list-style-type: none;

	padding-top: 15px;

	padding-right: 0px;

	padding-bottom: 5px;

	padding-left: 17px;

}



ul.menu-green li {



	font-family: Arial;



	font-size: 15px;



	color: #FFFFFF;



	padding-bottom: 11px;



	padding-left: 15px;



	background-image: url(../images/arrow_green.png);



	background-repeat: no-repeat;



	background-position: 0px 3px;



}



ul.menu-green li a {



	color: #FFFFFF;



	font-weight: bold;



}

ul.menu-green li a:hover {

	color: #e2f097;

	text-decoration: none;

}
