/*<![CDATA[*/

#wrapper {
	padding: 0;
	height:32px;
	margin: 0 auto;
	text-align:left;
	width: 776px;
}
	/* SECTION: MENU LAYOUT */
	
	#main-nav {
		clear: both;
		text-align:left;
	
	}
		
	#main-nav a {
		outline: none; /* remove all anchor outlines */
	}
	
	#nav {
	margin: 0; /* all lists */
	padding: 0;
	float: left;
	text-align: left;
	}
	
	#nav ul {
		margin: 0; /* all lists */
		padding: 0;
	}
	
	#nav li {
		margin: 0; /* all list items */
		padding: 0;
		float: left;
		display: block;
		background: none;
		cursor: pointer;
	}
	
	#nav li ul {
		width: 16.4em;
		position: absolute; /* second-level lists */
		z-index: 99;
		left: -999em; /* display: none isn't read by screen readers, using left with negative margin */
		height: auto;
		w\idth: 15.9em;
		/*The width of the li element can be altered. 
		In order to render the width correctly in IE 5.x, 
		use the simplified box model hack in the last line 
		and throughout the style sheet.*/
	}
	
	/* third-level lists are a problem if the last first-level item is equal to the right-margin of the layout */
	#nav li ul ul {
		margin: -2em 0 0 15em; /* third-level lists */
	}
	
	#nav li li {
		padding: 0 1em 0 0;
		margin: 0;
		width: 14.9em;text-align:left;
	}
	
	#nav ul a {
		width: 14.8em;
		w\idth: 10.8em;
	}
	
	/* left: -999em hides the sub-menus */
	#nav li.sfhover ul,
	#nav li.p0sfhover ul,
	#nav li.p1sfhover ul,
	#nav li.p2sfhover ul,
	#nav li.p3sfhover ul,
	#nav li.p4sfhover ul,
	#nav li.p5sfhover ul{
		left: -999em;
		
	}
	
	/* left: auto unhides the sub-menus */
	#nav li#sfhover ul,#nav li.p0:hover ul,
	#nav li.p1sfhover ul,#nav li.p1:hover ul,
	#nav li.p2sfhover ul,#nav li.p2:hover ul
	{
		left:auto;
	}
	
	#nav li.p3:hover ul, #nav #sfhover.p3 ul
	{
		left: 155px;
	}

	#nav li.p4:hover ul,#nav #sfhover.p4 ul
	{
		left: 250px;
	}
	
	#nav li.p5:hover ul,#nav #sfhover.p5 ul
	{
		left: 334px;
	}
	
	
	/* SECTION: MENU STYLING */
	
	#nav-wrap {
		 /* shadow below navigation bar */
		height: 32px;
		position: relative;
		text-align:left;
		z-index: 999;
	}
	
	#main-nav {
		/* shadow inside navigation bar */
	}
	
	/* 1st level */
	#nav li a{
		display: block;
		text-decoration: none;
		text-align:left;
		padding: 0;
		height: 32px;
	}
	
	#nav li.p0{
		background: url(p0.gif) bottom left no-repeat;
		width:71px;
	}
	
	#nav li.p1{
		background: url(p1.gif) bottom left no-repeat;
		width:211px;
	}
	
	#nav li.p2{
		background: url(p2.gif) bottom left no-repeat;
		width:134px;
	}
	
	#nav li.p3{
		background: url(p3.gif) bottom left no-repeat;
		width:178px;
	}
	
	#nav li.p4{
		background: url(p4.gif) bottom left no-repeat;
		width:95px;
	}
	
	#nav li.p5{
		background: url(p5.gif) bottom left no-repeat;
		width:87px;
	}
	
	#nav li a:hover,
	#nav li a:active,
	#nav li a:focus {
		color: #FFFFFF;
	}
	
	#nav li:hover,
	#nav li.sfhover,
	#nav li.havechildsfhover,
	#nav li.havechild-activesfhover {
		color: #FFFFFF;
		background-position:top;
	}
	
	
	/* active top level item */
	#nav li a.active,
	#nav li a.active:hover,
	#nav li a.active:active,
	#nav li a.active:focus {
		color: #FFFFFF;
		background: url(system/media/gradient-green.gif) repeat-x top #91AE4E;
	}
	
	/* 2nd level and lower */
	#nav li ul {
		border: none;
		background: url(layer.png) no-repeat top left;
		width:485px;
		padding:15px 0 10px 10px;
		height:148px;
	}
	
	#nav li ul li {
		border:none;
		background: none;
		float:left;
		width:200px;
		white-space:nowrap;
	}
	
	#nav li ul a,#nav li ul a:visited  {
		
		border: none;
		margin: 0;
		padding: 0 8px;
		background: none;
		font-family: Verdana,Arial, Helvetica, sans-serif;
		font-size:11px;
		color: #d8892a;
		font-weight: normal;
	}
	
	
	
	#nav li ul a:hover,
	#nav li ul a:active,
	#nav li ul a:focus,
	#nav ul li:hover,
	#nav ul li.sfhover,
	#nav ul li.havesubchildsfhover,
	#nav ul li.havesubchild-activesfhover,
	#nav ul ul li:hover,
	#nav ul ul li.sfhover,
	#nav ul ul li.havesubchildsfhover,
	#nav ul ul li.havesubchild-activesfhover
	{
		color: #914a11;
	}
	
	
	#nav ul li a.active,
	#nav ul li a.active:hover,
	#nav ul li a.active:active,
	#nav ul li a.active:focus {
		background: none !important;
		color: #FFFFFF;
		font-weight: bold;
	}

/*]]>*/