/*********************************************************
I TRIED TO MAKE THIS EASY TO STYLE! SEE NOTES BELOW
**********************************************************/
#dropdown-holder {
	/*
		This is just the holder and how you want what is behind the
		main menu links too look like
		*/
		
		margin-top:5px;
		background: #bcb55f; /* Old browsers */
		background: -moz-linear-gradient(top, #bcb55f 1%, #a59e49 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#bcb55f), color-stop(100%,#a59e49)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #bcb55f 1%,#a59e49 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #bcb55f 1%,#a59e49 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, #bcb55f 1%,#a59e49 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcb55f', endColorstr='#a59e49',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(top, #bcb55f 1%,#a59e49 100%); /* W3C */
		padding:5px 0;
		-moz-border-radius: 3px; /* Firefox */
		-webkit-border-radius: 3px; /* Safari, Chrome */
		border-radius: 3px; /* CSS3 */
		margin-left:140px;
		/*width:680px;*/
		/*height:35px;*/
	}
	.dropdown {
	/*
		OVER ALL LINE HEIGHT
		*/
		line-height:32px;
	}
	.dropdown a {
		/* The minimum width of the "MAIN" links on top */
		/*min-width: 90px;*/
		text-transform: uppercase;
		display:block;
		padding:0px 10px 0px 10px;
		color:#000;
		text-decoration:none;
	}
	.dropdown ul {

		margin:0;
	}
	.dropdown li ul a{
		/* The width of the dropdown and popout menu */
		padding:0 10px;
		min-width:190px;
		width:100%;
		background-color:#CFC774;
		text-align: left;
	/*
		Optional thought i'd make the drop down and popout transparent
		This line is also what is killing the CSS validation
		*/
	}
	.dropdown li ul {

		margin:0;
		z-index:999;
		/* time for some math  {a}:width + {a}:padding + {a}:border */
	}
	.dropdown li ul li{
		/* time for some math  {a}:width + {a}:padding + {a}:border */

		margin-left:0px;
	}
	.dropdown li ul li a{
		border-bottom: solid 1px #fff;
		margin:0;
		color:#000;
		
	}
	.dropdown li ul li a:hover{
		background:#EFEAB3;
		color:#000;
		
	}
	.dropdown a.popout {
		/* totally optional popout indicator */
		background-image: url(../images/popout.gif);
		background-position:center right;
		background-repeat:no-repeat;
	}

/************************************************************
ONLY EDIT BELOW IF YOU REALLY KNOW WHAT YOUR DOING!
************************************************************/
.dropdown {
	margin:0;
	padding:0;
	list-style-type:none;
}
.dropdown ul{
	margin:0;
	padding:0;
	list-style-type:none;
	-moz-border-radius: 3px; /* Firefox */
	-webkit-border-radius: 3px; /* Safari, Chrome */
	border-radius: 3px; /* CSS3 */
	z-index:999;
}
.dropdown a {
	display:block;
}
.dropdown li{
	float:left;
	position:relative;
	display: block;
	margin-left:0;
	z-index:999;
	border-right:1px solid #CFC881;
	text-align:center;
}
.dropdown  > li:last-child {
	border-right: none;
}

.dropdown ul {
	position:absolute;
	display:none;
	/*top:33px;*/
	
}
.dropdown li ul a{
	float:left;

}
.dropdown li ul {
	float:left;
	padding-top:4px;
}
.dropdown li ul li{
	float:left;
	position:relative;
	margin-top:0px;
	
	border:none;
}
.dropdown ul ul{
	top:33px;
	left:0;
}
.dropdown li ul ul {
	width:auto;
	margin: 0px;
	float:left;
}
.dropdown li:hover ul ul, .dropdown li:hover ul ul ul, .dropdown li:hover ul ul ul ul{
	display:none;
}
.dropdown li:hover ul, .dropdown li li:hover ul, .dropdown li li li:hover ul, .dropdown li li li li:hover ul{
	display:block;
}