/* CSS Document */


/*

 * MENU SETTINGS

 * Applies to the first level menu container

 */

.nature {

	font-family: Arial,Helvetica,Verdana,sans-serif;

	font-size: 12px;

 	font-weight: bold;

	border: thin none;

}



/*

 * MENU SETTINGS

 * Applies to second (or more) level menu containers

 */

.nature ul {

	font-weight:bold;
	font-size: 11px;

}



/*

 * MENU ITEM SETTINGS

 * Applies to all menu items in all menu levels

 */

.nature li {

	background-image: none;

	background-repeat: no-repeat;

	width: 159px;
	
	border-bottom: solid 0px #eff3f8;

	margin-bottom: 2px;

}



/*

 * MENU ITEM SETTINGS

 * Applies to second (or more) level menu items

 */

.nature ul li {

	background-image: none;

	background-color: #ededed;

	width: 232px;

	border-bottom: solid 1px #D7D7D7;

	margin: 0px;
}


/* NATURE SKIN ONLY */

/* this applies to the last item of the first level */

.nature li.last {

	margin: 0px;

}



/*

 * MENU LINK SETTINGS

 * Applies to links orinetation, FONTS and button height in the vertical navigation bar that are to be found within the menu items, no matter the menu level. 

 */

.nature a {

	text-decoration: none;

	color: #ffffff;

	line-height: 25px;

	padding: 0px 0px 0px 7px;  /*

 * Top; Bottom; Right; Left

  */


	cursor: hand;

}



/*

 * MENU LINK SETTINGS

 * Applies to link fonts and button height located in the second (or more) level menu items, color and height

 */

.nature ul a {

 	color: #666666;

	line-height: 20px;

}





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

* MOUSE-OVER ACTIONS  *

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



/*

 * MOUSE OVER ON MENU ITEMS 

 * Applies to all menu items in all menu containers

 */

.nature li.hover {

	background-image: none !important;

	background-color: #015A9E;

}

  

/*

 * MOUSE OVER ON MENU ITEMS 

 * Applies to second (or more) level menu items

 */

.nature ul li.hover {

	background-image: none !important;

	background-color: #CCCCCC !important;

}



/*

 * MOUSE OVER ON LINKS

 * Applies to all dropdown link FONTS in all menu items

 */

.nature a.hover {

	color: #FFFFFF !important;

}



/*

 * MOUSE OVER ON LINKS

 * Applies to link FONTS located in the second (or more) level menu items

 */

.nature ul a.hover {

  	color: #A41B02 !important;

}





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

* MENU ITEM DELECTION  *

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



/*

 * SELECTED MENU ITEM

 * Applies to selected menu items in all menu containers (selected menu item background color)

 */

.nature li.selected {

	background-image: none;

	background-color:#015A9E; /*#005A9C*/ /*#486A99*/ /*#D9D0BB*/

}



/*

 * SELECTED MENU ITEM

 * Applies to second (or more) level selected menu items

 */

.nature ul li.selected {

	background-image: none;

	background-color: #0A3B80; /* Pale Blue */

}



/*

 * SELECTED LINKS

 * Applies to selected links in all menu items

 */

.nature a.selected {

	color: #ffffff;

}



/*

 * SELECTED LINKS

 * Applies to selected links located in the second (or more) level menu items

 */

.nature ul a.selected {

	color: #ffffff;

}



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

* LAYOUT STYYLE DEFINITION FOR THE CSS MENU                 *

* CARE SHOULD BE TAKEN HERE IF YOU DON'T KNOW WHAT YOU ARE DOING           *

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


/* controls the Width of the overlay for Main Navigation */

div.vertical {

	padding-left: 2px;
	padding-right: 2px;

	padding-top: 5px;

	clear: both;
}

div.vertical br {

	clear: both;

}

div.vertical ul {

	margin: 0px;

	padding: 0px;

	display: block;

	float: left;

	clear: both;

}

div.vertical li {

	list-style-type: none;

	display: block;

	float: left;

	clear: both;

	text-align: left;

    position: static;

}

div.vertical li img {

	border: none;

}

div.vertical a {

	clear: both;

	display: block;

	margin: 0px;

}

div.vertical ul li ul {

	position: absolute;

	left: -5000px;

	top: -5000px;

	visibility: hidden;

	clear: both; 

}

div.vertical ul li ul li {

	clear: both; 

}



div.vertical ul li ul li a {

	clear: both;

}

.hasImg,

.hasImg a {

	padding: 0px !important;

	margin:	0px	!important;

	border:	none !important;

	outline: none !important;

	background:	transparent !important;

	width: auto !important;

}