/* CSS Document */

#header, #mainContainer 
/*	Have to have #mainContainer here for Netscape or use the clear both class	*/
/*	Since this just adds a 1px line of colout ro the bottom of the page in NS only, this is the better solution	*/
{
	background: #7D8987 none;
}

#navContentContainer
{
	background: #FFF none;
}

#secondaryNavigation
{
	display: none;
}

#mainContent
{
	width: 100%;
	background: #FFF none;
	margin-bottom: 20px;
	line-height: 1.3;
}

#mainContent #sitemapLeft
{
	width: 49%;
	float: left;
}


#mainContent .sitemapHeader li
{
	font-size: 125%;
	list-style: none;
	font-weight: bold;
}

#mainContent .sitemapHeader li a
{
	text-decoration: none;
}

#mainContent .navHeader
{
	color: #000;
	margin: 20px 0 0 10px;
	font-weight: bold;
}

#mainContent ul
{
	margin: 10px;
}

#mainContent ul ul ul
{
	margin: 5px 0;
}

#mainContent ul.headedList li
{
	font-weight: bold;
	list-style: none;
	font-size: 95%;
}

#mainContent ul ul.bulletList li /* Only needed when there is a headed list surrounding a bullet list */
{
	font-weight: normal;
	font-size: 85%;
}

#mainContent a, #mainContent ul ul.bulletList li a, #mainContent ul.headedList li a
{
	color: #465958;
}

#mainContent a:visited, #mainContent ul ul.bulletList li a:visited, #mainContent ul.headedList li a:visited
{
	color: #959F9D;
}

#mainContent a:hover, #mainContent ul ul.bulletList li a:hover, #mainContent ul.headedList li a:hover
{
	color: #465958;
}

#mainContent .bulletList li
{
/*	background: transparent url(../../images/common/bullet2.gif) no-repeat left 5px;
	padding-left: 10px;*/
	display: block;
}

#mainContent .selected, #mainContent .selected a
{
	color: #FFF;
}