/* Peachtree Beta navigation.css v1.0 2009 */

/*----------------------------------------------------------
 Start navContainer
----------------------------------------------------------*/

#navContainer {
height: 40px;
margin-top: 7px;
float: left; 
width:960px;
line-height:15px;

}

ul#navigation{margin:0; padding:0; list-style-type:none;}
ul#navigation li{margin:0; padding:0; list-style-type:none;}
ul#navigation li a{margin:0; padding:0; list-style-type:none;}
ul#navigation li a {
padding: 0 0 0 15px;
color: #000;
height: 40px;
font-size: 12px;
font-weight: bold;
background: url(../images/bg_leftTab.jpg) top left no-repeat;
text-decoration: none;
display: block;
float: left;

}

ul#navigation li a span {
padding: 14px 15px 11px 0;
background: url(../images/bg_rightTab.jpg) top right no-repeat;
float: left;
cursor: pointer;

}

ul#navigation li a:hover, ul#navigation li.selected a:hover  {
color: #E98300;
background: url(../images/bg_leftTabRoll.jpg) top left no-repeat;
text-decoration: none;

}

ul#navigation li a:hover span, ul#navigation li.selected a:hover span {
background: url(../images/bg_rightTabRoll.jpg) top right no-repeat; 
}

ul#navigation li.selected a {
color: #000;
background: url(../images/bg_leftTabSelected.jpg) top left no-repeat; 
}

ul#navigation li.selected a span {
background: url(../images/bg_rightTabSelected.jpg) top right no-repeat; 
}

ul#navigation li a.cur{cursor:text;}
ul#navigation li a span.cur{cursor:text;}

ul#navigation li {
margin: 0 2px 0 0;
float: left;

}

#navigation table, tr, td {
border-collapse:collapse; 
margin:0; 
padding:0;


}

#navigation li li {
float:none; 
margin:0;
}

/* a hack for IE5.x and IE6 */
#navigation li a li {
float:left;

}

#navigation li li a, #navigation li.selected li a {
height: auto;
width: 155px;
padding: 5px; 
color: #000; 
font-weight: normal;
background: #fff; 
float:none; 

}

#navigation li:hover {
position:relative; 
z-index:100; 
color:#E98300; 
background-color: #efefef;

}

#navigation a:hover {
position:relative; 
z-index:100; 
color:#E98300; 
border:0;

}

/*Applies color to all link children of li*/
#navigation li:hover > a {
color:#E98300;

}

#navigation :hover  ul {
left:0; 
top:40px; 
z-index:300; 
width: 155px; 
border: 1px solid #DFDFDF; 
background: #fff;
margin:0;
padding:0;
}

#navigation a:hover ul {
left:-1px;
}

#navigation :hover  ul li a:hover, #navigation :hover  ul li a {
background: none;
text-decoration: none;
}

#navigation ul {
position:absolute; left:-9999px; top:-9999px;
}

/* it could have been this simple if all browsers understood */
/* show next level */
#navigation li:hover li:hover > ul {
left:0; margin-left:100%; top:0;
}

/* keep further levels hidden */
#navigation li:hover > ul ul {
position:absolute; left:-9999px; top:-9999px; width:150px;
}

/* show path followed */
#navigation li:hover li:hover > a {
color:#E98300;
}

#navigation li a:hover ul li a:hover {
color:#E98300; background-color: #efefef;
}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#navigation a:hover a:hover ul,
#navigation a:hover a:hover a:hover ul,
#navigation a:hover a:hover a:hover a:hover ul,
#navigation a:hover a:hover a:hover a:hover a:hover ul {
left:100%; top:0;
}

/* keep further levels hidden */
#navigation a:hover ul ul,
#navigation a:hover a:hover ul ul,
#navigation a:hover a:hover a:hover ul ul,
#navigation a:hover a:hover a:hover a:hover ul ul {
position:absolute; left:-9999px; top:-9999px;
}

/*Styling for flyout menus*/
ul#navigation :hover ul li a.fly {
background: #fff url(../images/arrow.gif) no-repeat right center;
}

ul#navigation :hover ul li a.fly:hover {
background: #efefef url(../images/arrow.gif) no-repeat right center;
}

ul#navigation :hover ul li:hover > a.fly {
background: url(../images/arrow.gif) no-repeat right center;
}


/*----------------------------------------------------------
 End navContainer
----------------------------------------------------------*/