/* CUSTOM STUFF */


#tnav{
position: relative;
z-index: 100;
width: 920px;
height: 30px;
margin: 0 0 0 25px;
text-align: center;
color: #fff;
}
#nav {
margin: 0 auto;
}

/* all lists */
#nav, #nav ul, #nav li { 
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
width: 9em;
display: block;
height: 30px;
font-size: 13px;
line-height: 29px;
color: #fff;
font-weight: bold;
 white-space: nowrap;
padding: 0 0 0 0;
background: url(i/t-nav-lft.png) 0 0 no-repeat;
}
#nav li ul li a {
background: none;
white-space: normal;
height: auto;
line-height: normal;
padding: 4px;
margin: 0;
}


#nav li a span {
display: block;
float:left; 
height: 30px;
background: url(i/t-nav-rt.png) 100% 0 no-repeat;
margin: 0;
width: 100%;
}


#nav a:hover, #nav a:focus,
#nav a:hover span, #nav a:focus span {
color: #fd6;
background-position: 0 100%;
text-decoration: none;
}


 /* all list items */
#nav li {
	float: left;
	width: 9em; /* width needed or else Opera goes nuts */
}

/* second-level lists */
#nav li ul { 
	position: absolute;
	width: 9em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li { 
background: #126;
border: 1px solid #369;
border-top: none;
margin: 0;
}
 /* third-and-above-level lists */
#nav li ul ul {
	margin: -1.2em 0 0 9em;
}

/* lists nested under hovered list items */
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {
	left: auto;
}


#content {
	clear: left;
	color: #ccc;
}