/*********** #menu styles ***********/
#menu
{
	margin: 0 0 1em 0;
	padding: 0;
	font-family: "Lucida Grande", Helvetica, sans-serif;
	width: 100%;
	background-color: #dde6ee;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
}

#menu ul a:link, #menu ul a:visited
{
	display: block;
	text-decoration: none;
}

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

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#menu { border-top: 1px solid #666; }
#menu li { border-bottom: 1px solid #666; }

/* fix for browsers that don't need the hack */
html>body #menu { border-top: none; }
html>body #menu li { border-bottom: none; border-top: none; }

/*********** #menusection styles ***********/
#menusection
{
	position: relative;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #666;
	background-image: url("../images/bg_box.gif");
	background-repeat: repeat-y;
}

#menusection strong a
{
	padding: 4px 0 4px 6px;
	background-color: #dde6ee;
	font-size: 1em;
	text-decoration: none;
}

#menusection a
{
	display: block;
	border-top: 1px solid #666;
	border-bottom: none;
	padding: 2px 0 2px 10px;
	color: #000;
	font-size: 0.9em;
	text-decoration: none;
}

#menusection a:hover
{
	background-color: #c00;
	color: #fff;
	text-decoration: none;
}

#menusection .selected
{
	background-color: #006bb7;
	color: #fff;
}

#menusection .selectedsub
{
	border-bottom: 1px solid #666;
}

/*********** #menusubsection styles ***********/
#menusubsection
{
	background-color: #dde6ee;
	background-image: url("../images/bg_box.gif");
	background-repeat: repeat-y;
	padding: 0;
}

#menusubsection li
{
	display: block;
	font-size: 0.9em;
	padding: 0;
	margin: 0;
}

/* we need another hack here to fix IE/Win's broken rendering, but i don't have 1 */
#menusubsection a
{
	border-width: 0;
	text-decoration: none;
}