/* 
  hack past IE's padding&margin issues
  what's the correct syntax for this?
*/
/*ul.navlist>li>a{width: 150px;}*/
.navcontainer {width:100%;clear:both;} /* [7] */
.navcontainer ul a
{
	padding: 0 4px 0 17px;
	display: block;
	/* width: 100%;  [5] */
	margin:0;
	/*
	margin-left: 2px;
	*/
	text-align: left;	
	font-size: 0.8em;
	color: #173768;
	text-decoration: none;
	border-bottom:1px solid #9CAE94; /* #CDDCEE; */
}


.navcontainer ul a:hover
{
	background-color: #C5D8C5;  /*#C8DBEE; */
	border-bottom: 1px solid #9CAE94; /* #A8CDEE; */
}
.navcontainer ul li.parentOpen a.parentOpen:hover
{
	background-color: #C5D8C5;  /*#C8DBEE; */
	border-bottom: 1px solid #9CAE94; /* #A8CDEE; */
}
.navcontainer ul li.parentClosed a.parentClosed:hover
{
	background-color: #C5D8C5;  /*#C8DBEE; */
	border-bottom: 1px solid #9CAE94; /* #A8CDEE; */
}
.navcontainer ul li a.active:hover
{
	background-color: #EAEB71;
}



.navcontainer ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	line-height:1.2em;/* */
}


.navcontainer ul li
{
	display: block;
	background: transparent url(../image/MenuItemBg.gif) repeat-y scroll 0 0;
	padding:0;
/*	margin: 0 0 1px 0; yb: causes white horizontal lines */
	background-color: #C5D8C5; /* #E8EEFA; */
}

.navcontainer ul li.active
{
	/* [1] 
	--ok
	display: block;
	background: transparent url(../image/MenuItemBgActive.gif) no-repeat scroll 0 0;
	-- dud
	background: background-color background-image background-repeat background-attachment xpos ypos;
	*/
}


.navcontainer ul li a.active
{
	margin-left: 7px;
	padding-left: 10px; 
	font-weight: bold;
	background-color: #EAEB71; /* */
}


.navcontainer ul ul a
{
	padding: 0 4px 0 25px; /* [2] */
	margin:0;
	/*font-size:0.7em;*/
}

.navcontainer ul ul li.active a
{
	margin-left: 7px;
	padding-left: 18px;
	font-weight: bold;
	background-color: #EAEB71;	
}
.subnavlist1visible, .subnavlist2visible, .subnavlist3visible
{
	display: block;
}

.subnavlist1, .subnavlist2, .subnavlist3
{
	display: none;
}

/* ok
background: background-color background-image background-repeat background-attachment xpos ypos;
*/
/* */
.navcontainer ul li.parentClosed a.parentClosed
{
	background: transparent url(../image/MenuParentBg.gif) no-repeat scroll 7px 0px;
}
.navcontainer ul li.parentOpen a.parentOpen
{
	background: transparent url(../image/MenuParentOpenBg.gif) no-repeat scroll 7px 0px;
}
.navcontainer ul li.parentActive a.parentActive
{
	background: #EAEB71 url(../image/MenuParentOpenBg.gif) no-repeat scroll 0px 0px;
	padding-left: 10px; 
	margin-left: 7px;
}
/* subnavlist3*  */
.navcontainer ul ul ul li.parentOpen a.parentOpen
{
	background: transparent url(../image/MenuParentOpenBg.gif) no-repeat scroll 15px 0px;
}
.navcontainer ul ul ul li.parentClosed a.parentClosed
{
	background: transparent url(../image/MenuParentBg.gif) no-repeat scroll 15px 0px;
}

/* subnavlist1visible  */
.navcontainer ul ul li.parentActive a.parentActive
{	
	background: #EAEB71 url(../image/MenuParentOpenBg.gif) no-repeat scroll 7px 0px;
	padding-left: 17px;
	margin-left: 7px;
}
/* subnavlist2visible  */
.navcontainer ul ul ul li.parentActive a.parentActive
{	
	background: #EAEB71 url(../image/MenuParentOpenBg.gif) no-repeat scroll 14px 0px;
	padding-left: 26px;
	margin-left: 7px;
}


/* subnavlist1visible  */
.navcontainer ul ul a
{
	padding-left: 18px;
	margin-left: 7px;
}/* */
/* subnavlist2visible  */
.navcontainer ul ul ul a.active, .navcontainer ul ul ul a
{	
	padding-left: 26px;
	margin-left: 7px;
}/* */
/* subnavlist3visible  */
.navcontainer ul ul ul ul a.active, .navcontainer ul ul ul ul a
{	
	padding-left: 34px;
	margin-left: 7px;
}/* */


/*
.subnavlist1visible li.parentOpen
{
	background: transparent url(../image/MenuParentOpenSub1Bg.gif) 0 0 no-repeat;
}
.subnavlist1visible li.parentActive
{
	background: transparent url(../image/MenuParentOpenSub1Bg.gif) 0 0 no-repeat;
}
.subnavlist1visible
{
	background: transparent url(../image/MenuParentOpenSub1Bg.gif) 0 0 no-repeat;
}
*/

/* Notes
  [1] image references are relative to the location of the CSS file NOT the html file.
  [2] (ul ul a) padding-right 5px more than for (ul a) 
  [3] Padding + Margin needs to equal padding value for (ul a)
  [4] Padding + Margin needs to equal padding value for (ul ul a)
  [5] width :100%; (or at least same width as navcontainer specified in some unit) required to get IE to show entire row as clickable.
  [6] 100% seems to be too wide!
  [7] shifts navcontainer below images if using CSS Rounded Corners with images
*/