/* start navigation */
#navigation	{
background: #442200;
}
#navigation #nav	{
padding: 4px 0px 0px 20px;
margin:  0px 0px 0px 0px;
}
/* top row ul */
#navigation ul	{
padding: 0px;
margin:  0px;
list-style: none;
height: 20px;
}
/* top row li note height of li's */
#navigation li	{
float: left;
position: relative;
width: 120px;
height: 18px;
padding: 0px 3px;
margin: 0px;
}

/* width for sub nav li only*/
#navigation #subshort	{
width: 70px;
}
/* compensate 5 px for padding*/
#navigation #subshort li	{
width: 80px;
}
/* width for sub nav li only*/
#navigation #sub	{
width: 120px;
}
/* compensate 5 px for padding*/
#navigation #sub li	{
width: 130px;
}
/* width for sub nav li only*/
#navigation #sublong	{
width: 140px;
}
/* compensate 5 px for padding*/
#navigation #sublong li	{
width: 150px;
}

/* li below */
#navigation li ul	{
display: none;
position: absolute;
top: 1.5em;
left: 0px;
}
/* to reset the top and left properties on all but IE browsers */
li > ul {
top: auto;
left: auto;
}
/* sub navigation */
#navigation li ul li	{
background: #924900;
margin: 0px 0px;
}

/* links on top row*/
#navigation #nav a:link	{
color: #fff;
text-decoration: none;
}
#navigation #nav a:visited	{
color: #fff;
text-decoration: none;
}
#navigation #nav a:active	{
color: #fff;
text-decoration: none;
}
/* hovers on top row*/
#navigation #nav a:hover	{
color: #FFDD00;
text-decoration: none;
}

/* hover on top row ul links */
#nav li:hover ul{
display: block;
background: #fff;
text-align: left;
}

#nav li.sfhover ul { /* lists nested under hovered list items */	
display: block;
background: #fff;
text-align: left;
}
/* color for sub links */
#navigation ul li ul li a:link	{
color: #fff;
text-decoration: none;
}

#navigation ul li ul li a:active	{
color: #fff;
text-decoration: none;
}

/* color for sub hover links */
#navigation ul li ul li a:hover	{
color: #FFEE77;
}

/* end navigation */