/*Navigation styles*/
#navigation{
	background:transparent url(../images/round-corners-top.gif) 0 40px no-repeat;
	text-align:center;
}
#navigation ul{
	/*border:1px dotted red;*/
	list-style-type:none;
	margin:0;
	padding:0;
	float:left;
}
#navigation li{
	float:left;
	background:url(../images/divider-navigation-top.gif) right 50% no-repeat;
	/*border:1px solid green;*/
}
	/*The 'News' page is id 7 in the database - it is the last of the top level tabs, so it doesn't need the right divider image*/
#navigation li:last-child{
	background-image:none;
}
#navigation a{
	float:left;
	font-size:95%;
	text-decoration:none;
	background-color:transparent;
	display:block;
	padding:5px 10px;
	height:35px;
	color:#5A3D1B;
}
#navigation a:link{
}
#navigation a:visited{
	color:#5A3D1B;
}
#navigation a:hover{
	color:#000;
}
#navigation a:active{
	color:#000;
}
/*Wayfinding - current tab is the page visitor is on, or the page is in this section*/
#navigation ul li.current_page_ancestor,
#navigation ul li.current_page_item,
#home #navigation ul li#home{
	background:#FFF url(../images/tab-right.gif) no-repeat top right;
}
#navigation li.current_page_ancestor a,
#navigation li.current_page_item a,
#home #navigation li#home a{
	background:transparent url(../images/tab-left.gif) no-repeat top left;
	font-weight:bold;
	/*Mask the background image of the divider on the right of the anchor to the left*/
	position:relative;
	z-index:10;
	top:0;
	left:-1px;
}
#home #navigation ul li#home a{
	/*There is no divider to the left of the home a*/
	left:0;
}

#navigation li.current_page_item a{
	cursor:default;
}
/*Second-level navigation needs to null out a lot of inheritance*/
#navigation ul ul{
	/*border:1px solid green;*/
	position:absolute;
	left:-5px;
	top:200px;
	width:210px;
}
#navigation ul ul li{
	/*border:1px dashed red;*/
	width:100%;
	margin-bottom:1em;
	background-image:none;
}
#navigation ul li.current_page_item ul li a,
#navigation ul li.current_page_ancestor ul li a{
	/*background-color:purple;*/
	/*Inherited from the 1st level nav tab hiding technique*/
	left:0;
	width:160px;
	text-align:right;
	margin:0;
	padding:0 35px 0 15px;
	height:auto;
	font-size:110%;
	background-image:none;
	cursor:pointer;
}
#navigation ul li ul li.current_page_item,
#navigation ul li ul li.current_page_ancestor{
	/*Wayfinding - the current secondary navigation section is in white*/
	background:#FFF url(../images/round-corners-bottom.gif) no-repeat bottom left;
	padding:0 0 10px 0;
}
#navigation ul li ul li.current_page_item a,
#navigation ul li ul li.current_page_ancestor a{
	/*background-color:pink;*/
	background:#FFF url(../images/round-corners-top.gif) no-repeat top left;
	padding-top:10px;
}
#navigation ul li ul li.current_page_item ul li a,
#navigation ul li ul li.current_page_ancestor ul li a{
	/*Turn off inheritance from 2nd level a*/
	background-image:none;
	/*background-color:green;*/
	padding:0 35px 0 0;
	width:175px;
}
/*Third-level navigation still needs to null out some inheritance*/
#navigation ul ul ul{
	position:relative;
	top:0;
	left:0;
	padding:10px 0 5px 0;
	margin-bottom:0;
}
#navigation ul ul ul li{
	padding:0;
	margin:0 0 3px 0;
}
#navigation ul ul ul li a:link, #navigation ul ul ul li a:visited{
	font-size:90%;
}
#navigation ul ul ul li a:hover, #navigation ul ul ul li a:active{
	background-color:#5A3D1B;
	color:#FFF;
}
#navigation ul ul ul li.page_item a{
	font-weight:normal;
}
#navigation ul ul ul li.current_page_item{
	padding:0;
}
#navigation ul ul ul li.current_page_item a{
	font-weight:bold;
}