#navcontainer ul
{
	padding: .2em 0;
	margin: 0;
	list-style-type: none;
	background: none;
	color: #ffffff;
	width: 100%;
	font: normal 11px arial, helvetica, sans-serif;
	letter-spacing: 0px;
	text-align: center;
}

#navcontainer li 
{
	display: inline; 
}

#navcontainer #active a
{
	text-decoration: none;
	background: none;
	color: #ffffff;
	border-left: 1px solid #ffffff;
}


#navcontainer li a
{
	text-decoration: none;
	background: none;
	color: #ffffff;
	padding: .2em 2.2em;
	border-right: 1px solid #ffffff;
}

#navcontainer li a:hover, #navcontainer #active a:hover
{
	text-decoration: underline;
	color: #0066B8;
}

/* aspect ckeckboxes */

span.checkbox {
width: 19px;
height: 25px;
padding: 0 5px 0 0;
background: url(checkbox.png) no-repeat;
display: block;
clear: left;
float: left;
}

span.radio {
  width: 19px;
  height: 25px;
  padding: 0 5px 0 0;
  background: url(radio.gif) no-repeat;
  display: block;
  clear: left;
  float: left;
}

span.select {
   position: absolute;
   width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
   height: 21px;
   padding: 0 24px 0 8px;
   color: #fff;
   font: 12px/21px arial,sans-serif;
   background: url(select.gif) no-repeat;
   overflow: hidden;
}