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

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

.ExploreYourNeeds { font-style: italic; }

/*----------------------------------------------------------
 Start tabs
----------------------------------------------------------*/
#navContainer {
height: 37px;
/*margin-top: 20px;*/
float: left; 
position:absolute;
left:0px;
top:103px;

}

ul#navigation li a {
padding: 0 0 0 15px;
color: #727272;
height: 40px;
font-size: 12px;
font-weight: bold;
background: url(../images/nav/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/nav/bg_rightTab.jpg) top right no-repeat;
float: left;
cursor: pointer;
}

ul#navigation li a:hover, ul#navigation li.opened a:hover  {
color: #056245;
background: url(../images/nav/bg_leftTabRoll.jpg) top left no-repeat;
}

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

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

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

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

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

/*----------------------------------------------------------
 End tabs
----------------------------------------------------------*/

#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.opened li a {
height: auto;
width: 180px;
padding: 5px; 
color: #727272; 
font-weight: normal;
background: #fff; 
float:none; 
}

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

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

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

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

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

#navigation :hover  ul li a:hover, #navigation :hover  ul li a {
background: 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:-1px;
width: 190px;
}

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

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

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

/*Styling for flyout menus*/
/* 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:-1px;
}

/* 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;
}

ul#navigation :hover ul li a.fly {
/* unable to locate image -- background: #fff url(../images/nav/gfx_navArrow.gif) no-repeat right center; */
}

ul#navigation :hover ul li a.fly:hover {
/* unable to locate image -- background: #efefef url(../images/nav/gfx_navArrow.gif) no-repeat right center; */
}

ul#navigation :hover ul li:hover > a.fly {
/* unable to locate image -- background: url(../images/nav/gfx_navArrow.gif) no-repeat right center; */
}


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

.navContainer {
height: 37px;
margin-top: 20px;
float: left; 
}

ul.navigation li a {
padding: 0 0 0 15px;
color: #727272;
height: 40px;
font-size: 12px;
font-weight: bold;
background: url(../images/nav/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/nav/bg_rightTab.jpg) top right no-repeat;
float: left;
cursor: pointer;
}

ul.navigation li a:hover, 
ul.navigation li.opened a:hover  {
color: #056245;
background: url(../images/nav/bg_leftTabRoll.jpg) top left no-repeat;
}

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

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

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

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

ul.navigation table, tr, td {
border-collapse:collapse; 
margin:0; 
padding:0;
}

/*----------------------------------------------------------
 End tabs
----------------------------------------------------------*/

ul.navigation li li {
float:none; 
margin:0;
}

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

ul.navigation li li a, 
ul.navigation li.opened li a {
height: auto;
width: 180px;
padding: 5px; 
color: #727272; 
font-weight: normal;
background: #fff; 
float:none; 
}

ul.navigation li:hover {
position:relative; 
z-index:100; 
color:#056245; 
background-color: #efefef;
}

ul.navigation a:hover {
position:relative; 
z-index:100; 
color:#056245; 
border:0;
}

/*Applies color to all link children of li*/
ul.navigation li:hover > a {
color:#056245;
}

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

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

ul.navigation :hover  ul li a:hover, 
ul.navigation :hover  ul li a {
background: none;
}

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

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

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

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

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

/*Styling for flyout menus*/
/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
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.navigation a:hover a:hover a:hover a:hover a:hover ul {
left:100%; top:-1px;
}

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

ul.navigation :hover ul li a.fly {
/* unable to locate image -- background: #fff url(../images/nav/gfx_navArrow.gif) no-repeat right center; */
}

ul.navigation :hover ul li a.fly:hover {
/* unable to locate image -- background: #efefef url(../images/nav/gfx_navArrow.gif) no-repeat right center; */
}

ul.navigation :hover ul li:hover > a.fly {
/* unable to locate image -- background: url(../images/nav/gfx_navArrow.gif) no-repeat right center; */
}
/******** side navigation ********/

#leftContent h3 {
font-size: 12px; 
font-weight:bold; 
padding: 15px 0 5px 17px; 
color: #303030;
display: block;
}

#leftContent h3 a {
text-decoration: none;
}

#leftContent h3 a:hover {
text-decoration: underline;
}
#leftContent .LeftNav {
margin-left:3px;
*margin:0 0 0 2px;

}
#leftContent ul {
list-style: none;
padding: 0; 
margin: 0 0 0px 0px;

}
#leftContent ul li {
font-size: 11px; 
line-height: 24px;
padding: 0 0 0 12px; 
/*margin-left: -20;*/
}
#leftContent ul li a {
text-decoration: none;
color: #303030;
padding: 0 0 0 9px;
background: url(../images/gfx_leftContent_sideNav_li_arrow.gif) no-repeat 0 5px;
}
#leftContent .LeftNav ul  li.selected {
	font-weight:bold;
	background: url(../images/bkg_leftContent_sideNav_li_current_full.jpg) top left repeat-y;
}

#leftContent ul li ul {
	background:#fff;
	font-weight: normal;
	margin:0 0 0 -12px;
	padding: 0 0 0 12px;

}
#leftContent ul ul li {
	margin:0 0 0 -12px;
	padding:0 0 0 24px;
}
#leftContent ul ul li ul {
	margin:0 0 0 -24px;
	padding:0 0 0 24px;
}
#leftContent ul ul ul li {
	margin:0 0 0 -24px;
	padding:0 0 0 36px;
}
#leftContent ul ul ul li ul {
	margin: 0 0 0 -36px;
	padding:0 0 0 36px;
}
#leftContent ul ul ul ul li {
	margin:0 0 0 -36px;
	padding: 0 0 0 48px;
}

#leftContent ul li a:hover {
text-decoration: underline;
color: #E98300;
}

#leftContent ul li a:hover {
background: url(../images/gfx_leftContent_sideNav_li_arrowRoll.gif) no-repeat 0 5px;
}

#leftContent ul > li > a > span {
	font-weight:bold;
	font-size:12px;
	color: #E98300;
}

#leftContent ul.LeftNav li {display:none;}
#leftContent ul.LeftNav > li.opened  {display:block;}
#leftContent ul.LeftNav > li.opened  li {display:block;}
#leftContent ul.LeftNav > li.opened  > ul ul {display:none;}
#leftContent ul.LeftNav > li.opened > ul > li.opened  ul{display:block;}
#leftContent ul.LeftNav > li.opened > ul > li.opened  ul ul{display:none;}
#leftContent ul.LeftNav > li.opened > ul > li.opened  ul > li.opened ul {display:block;}
#leftContent ul.LeftNav > li.opened > a {background:url();}



#sideNav  { 
	background-image: url(../images/nav/leftNav/bkg_leftContent_sideNav_top.gif);
	background-repeat: no-repeat;
	background-position:left top;
	padding:8px 0 0;
	min-height: 200px;
}
#sideNav .secondary-navigation { background: url(../images/nav/leftNav/bkg_leftContent_sideNav_rpt.gif) repeat-y left top; margin-top:0;padding-top:0;background-color:#fff;}
/* unable to locate image -- #sideNav .tree-list-navigation {background: url(../images/nav/leftNav/bkg_leftContent_sideNav_btm.gif) no-repeat bottom left;} */

#leftContent ul > li {
	list-style-image:none;
}
#___SageForm  input[type="text"]  {
	width:220px;
	border:1px solid #c0c0c0;
	margin:0 0;
}

#___SageForm textarea {
	width:220px;
	height: 150px;
	border:1px solid #c0c0c0;
	
}
#___SageForm select {
	margin:0 0;
	padding:0;
	border:1px solid #c0c0c0;
	
}

#leftContent ul.LeftNavSecondaryNavigationBelowTheLine { 
background: url(../images/separator.gif) top center   no-repeat; margin-top: 10px; padding: 20px 0 0 10px;

}
#leftContent ul.LeftNavSecondaryNavigationBelowTheLine  li > a  {
/*background-image:none;*/
}
#leftContent ul.LeftNavSecondaryNavigationBelowTheLine  li > a > span {
color: #424344; /**/
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;	
font-weight:100;

}
#sageWrapper #leftContent #sideNav ul.LeftNavSecondaryNavigationBelowTheLine > li > a:hover  span {
text-decoration:underline;
color: #E98300;
}
.secondary-navigation {*border:1px solid #fff;}