/*
#######################
#   SIDE NAVIGATION   #
#######################
*/
#navigation {
	width: 310px;
	float: left;
	text-align: left;
	font-size: 11px;
	color: #333333;
	background-repeat: no-repeat;
	padding-left: 2px;
	margin-top: 2px;
}

#navigation ul {
  border: none;
  list-style: none;
  margin: 0;
  padding: 0;
  background: #FFFFFF;
}


#navigation li {
  padding: 0;
  cursor: default;
}

#navigation li a {
	color: #666666;
	display: block;
	padding: 3px 0px 3px 6px;
	text-decoration: none;
	width: 234px;
	height: 16px;
}

#navigation li a.head {
	border-bottom: thin solid #CCCCCC;
}
#navigation li .on {
	border-bottom: thin solid #CCCCCC;
}
#navigation li a.sub {
	color: #999999;
	padding-left: 14px
}


#navigation a:hover {
	background-color: #FAFAFA;
}

#navigation li a.on {
	color: #6a6a6a;
	background-color: #F0F0F0;
	
	
}

#navigation li a.on.sub {
	color: #000033;
	background-color: #ffffff;
	border-bottom: thin solid #ffffff;
}

/*
#######################
#     HIDE FOR DEV    #
#######################
*/
#navigation li ul {
  display: none;
}


#navigation li li a.on {
	text-decoration: none;
	font-weight: normal;
	color: #24385d;
}

#navigation li li li a,
#navigation li li li a.on {
  padding: 3px 0 0 20px;
  width: 220px;
}

#navigation li li li a:hover,
#navigation li li li a.on {
  width: 220px;
}



#navigation li a.on .sub {
	background-color: #FFFFFF;
}