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

Title:			nav.css
Browser(s):		Safari, Firefox, IE7+

Author:			Andy Davis (www.raddsigns.com)
Created:		04.06.2009
Last modified:	04.06.2009

Don't steal, yo!

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

/********************************************** MAIN NAV *****/

#main-nav {
	height: 37px;
	width: 940px;
	margin: 8px 13px 0 0;
	padding: 0;
	display: block;
	position: relative;
	z-index: 3;
}

#main-nav li {
	list-style-type: none;
	display: inline;
	margin: 0 2px 0 0;
	padding: 0;
	float: left;
}

#main-nav li a {
	color: #eeefdf;
	text-decoration: none;
	height: 37px;
	padding: 6px 12px 10px 12px;
	display: block;
	font: normal 12px "Lucida Grande", Helvetica, Arial, sans-serif;
	white-space:nowrap;
}

#main-nav li a:hover {
	background-color: #eeefdf;
	color: #558d0d;
	height: 25px;
	padding: 6px 12px 10px 12px;
}

#main-nav li a.select {
	color: #380438;
	background-color: #eeefdf;
	height: 37px;
	padding: 6px 12px 0 12px;
	display: block;
}

/********************************************** DROP DOWN NAV *****/

.dropped {
	position: absolute;
	z-index: 1000!important;
	display: block;
	border-left: 2px solid #380438;
	border-right: 2px solid #380438;
	border-bottom: 2px solid #380438;
	padding: 3px 5px 5px 5px!important;
	background-color: #eeefef;
	width: 220px;
	margin-top: 30px!important;
	left: -2px!important;
}

.drop li {
	display: block;
}

.drop ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.drop ul li {
	position: relative;
	display:block;
}
	
.drop li ul {
	position: absolute;
	left: 0px;
	top: 0px;
	display: none;
	z-index: 6000;
}

ul.dropped li.sub a {
	display: block;
	text-align: left;
	width: 192px;
	text-decoration: none;
	margin: 2px 0 0 0!important;
	padding: 8px 6px 0px 18px!important;
	color: #380438!important;
	border-bottom:1px solid #e4e0d3!important;
	border-right:1px solid #e4e0d3!important;
	border-top:1px solid #FFF!important;
	border-left:1px solid #FFF!important;
	background: url(../images/pixel-arrow.gif) no-repeat left #eae6d9;
	background-position:6px 5px;
	height: 22px!important;
	margin-bottom: 0!important;
	padding-bottom: 0!important;
}
	
.drop ul li.sub a:hover {
	color: #558d0d!important;
}
		
.drop li:hover ul, li.over ul { display: block; }


/********************************************** SECONDARY SIDE NAV *****/


#side-nav {
	width: 300px;
	display: block;
	float: left;
}

#side-nav ul {
	width: 300px;
}

#side-nav ul li {
	height: 34px;
	list-style-type: none;
	background: url(../images/side-nav-bg.jpg) no-repeat left bottom;
}

#side-nav ul li a {
	height: 26px;
	width: 300px;
	text-decoration: none;
	color: #680067;
	padding: 8px 0 0 0;
	display: block;
}

#side-nav ul li a:hover {
	text-indent: 5px;
	color: #000;
}

#side-nav ul li a.select {
	font-weight: bold;
	color: #558d0d;
}