/* navigation */

/*
Primary		#E27727 // orange
2nd 		#173C45 // dark green
3rd			#E3AC81 // lite orange 43 saturation
4th			#E3C5AF // liter orange 23 stauration
*/
/* - Menu Background - Change to 4th Color*/



div#menu {
	margin: 0;
	padding: 0;
	width: 100%;
}
/* - Borders for Menu - Primary Color (optional)*/
div#menu  {
	
}
div#menu .first {
	
}

/*Change Color for 1st Menu Text*/
div#menu a {
	display: block;
	
	/* height: 28px; */
	line-height: 28px;
	/* padding: 0 8px; */
	color: #A8A8A8;
	text-decoration: none;
	text-align: left;
	
}

/*Current Menu Selection*/
ul#menu a.current {
	background: #E3D2C5;
	color: #173C45;
}

/*Hover BG and TEXT color for Menu*/
div#menu li a:hover {
	background: #E3C5AF;
	color: #173C45;
}

/*Current Menu Selection Hover*/
div#menu  a.current:hover {
	background: #E3D2C5;
	color: #333;
}
#menu {
	/* float: left; */
	width: 100%;
	line-height: 25px;
}

#menu div {
	
	padding: 0;
	
}
#menu a {
	font-size: 1.3em;
	color: #A8A8A8;
	display: block;
	text-decoration: none;
	width: 100%;
}
#menu a span {
	padding: 3px 10px 3px 10px;
}

#menu a {
	display: block;
}

/* DROP DOWN MENU STYLES */

.ddmx #inner {
	
	padding: 5px 3px 10px 34px;
}
.ddmx a:link,
.ddmx a:hover,
.ddmx a:active,
.ddmx a:visited {
	
	display: block;
	/* padding: 8px 0 8px 5%; */
	text-decoration: none;
}

/* Main Menu Item */
#menu.ddmx .item1 {
	color: #555;
	font-weight:bold;
	text-decoration: none;
	display: block;
	white-space: nowrap;
	position: relative;
	border-bottom:1px solid #ECECEC;
}

#menu.ddmx .item1:hover {
	background: #C3D0F4;
}

#menu.ddmx .item1.current {
	background: #C3D0F4 url('images/main-button-background.gif') no-repeat;
	color: #FFF;
	font-weight:bold;
}

#menu.ddmx .item2 {
	width: 186px;
	background: #DBE5F4;
	color: #555;
	padding-left: 10px;
	
}

/* Sub Menu Item */
#menu.ddmx .item2,
#menu.ddmx .item2:hover,
#menu.ddmx .item2-active  {
	white-space: nowrap;
	position: relative;
	display: block;
	z-index: 500;
	color: #777;
	/* font-weight: bold; */
	text-decoration: none;
	text-align: left;	
}

#menu.ddmx .item2:hover ,
#menu.ddmx .item2-active:hover {
	background: #C3D0F4;
	color: #555;
}

#menu.ddmx .item2.current {
	background: #C3D0F4;
	color: #555;
}
#menu.ddmx .arrow {
	
}

#menu.ddmx .arrow:hover {
	font-weight:bold;
}
#menu.ddmx .item2 img,
#menu.ddmx .item2-active img{
	position: absolute;
	top: 4px;
	right: 1px;
	border: 0;
}