/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.categorybar {/*background:#fafafa*/}
.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 11px Helvetica;
color: #537ba2;
width: 98%; /* Main Menu Item widths */
border-bottom: 2px solid #d7d6d1; /* Bottom bar of menu list */
}
 
.sidebarmenu ul li {
position: relative;
}

.sidebarmenu ul li a{
/*color:#5FB3D5;*/
display:block;
padding:3px 10px 3px 10px;
text-decoration:none;
/*font-size:14px;
line-height:20px*/
}

ul#sidebarmenu1.categorybar li.left_nav_title {
	background:url(../images/mod-header.png) center top no-repeat; width:247px; height:43px; position:relative; right:7px; text-indent:25px; font:normal 17px/40px "Trebuchet MS"; color:#413e00
}

ul#sidebarmenu1.categorybar li.left_nav_title_db {
    background:
        url('/fp/images/left_nav_background_double.gif')
        top left repeat-x;
    color: white;
    background-color: white;
    width: 180px;
    height: 50px;
    text-align: center;
    padding: 4px 0px 0px 0px;
    font-size: 12px;
    text-transform: uppercase;
}

ul#sidebarmenu1.categorybar li.left_nav_title_db div{
	padding: 5px 0px 0px 0px;
}

/* Top level menu links style */
/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
font: bold 11px Helvetica;
color: #537ba2;
background:#f2f2f2;
border: 2px solid #d7d6d1;
z-index: 2;
}
.sidebarmenu ul li ul a{ padding:3px 0 3px 10px; text-transform:capitalize}

.sidebarmenu a.subfolderstyle{
background: url(/right.gif) no-repeat 98% 11px;
color:#5FB3D5;
display:block;
padding-right:13px

}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */

#navigation a
{
/*color: #FFFFFF;
background: #dc123a url(http://www.featherplace.com/fp/images/topnav/left-test.gif) left top no-repeat;
text-decoration: none;
padding-left: 10px*/
background:
        url('/fp/images/left_nav_header_background.gif')
        top left repeat-x;
    color: white;
    background-color: white;
    text-align: center;
    padding: 0px 0px 0px 10px;
    font-size: 12px;
    text-transform: uppercase;
	text-decoration: none;
	height: 25px;
}

/*THE FOLLOWING ALLOWS A SECOND BACKGROUND IMAGE, CANT DO 2 IN THE SAME RULE */
#navigation a span
{
/*background: url(http://www.zuckerfeather.com/zfp/images/right-tab.gif) right top no-repeat;
padding-right: 10px*/
}

/*THE FOLLOWING MAKES IT CHANGE COLORS WHEN YOU HOVER */
#navigation a:hover {
/*color: #000;
background: #d3dbe4 url(http://www.zuckerfeather.com/zfp/images/left-tab-hover.gif) left top no-repeat;
padding-left: 10px*
} 

#navigation a:hover span
{
/*background: url(http://www.zuckerfeather.com/zfp/images/right-tab-hover.gif) right top no-repeat;
padding-right: 10px*/
}

/*THE FOLLOWING ALIGNS MULTIPLE TABS */
#navigation ul
{
list-style: none;
padding: 0;
margin: 0
}

#navigation li
{
list-style-type: none;
float: left;
margin: 0;
height: 25px;
}


#navigation-test ul
{
list-style: none;
padding: 0 0;
margin: 0px 0px;
height: 50px;
}

#navigation-test li
{
background:
        url('/fp/images/left_nav_header_background.gif')
        top left repeat-x;
list-style-type: none;
padding: 5px 2px 0px 0px;
text-align: center;
background-color: #DDD;
float: left;
margin: 0;
height: 25px;
width: 120px;

}

#navigation-test li:hover
{
background:
        url('/fp/images/left_nav_header_background_hover.gif')
        top left repeat-x;
list-style-type: none;
padding: 5px 2px 0px 0px;
text-align: center;
background-color: #DDD;
float: left;
margin: 0;
height: 25px;
width: 120px;

}

#navigation-test li a{
color: white;
    
    text-align: center;
    padding: 0px 10px;
    font-size: 12px;
    text-transform: uppercase;
	text-decoration: none;
}


