/**
 * Sub navigation CSS
 *
 * author: David Palmer
 * version: $Id$
**/

div#subnav_container {
	float: left;
	background-color: #475595;
	width: 180px;
	cursor: pointer;
	margin-bottom: 10px;
}

div.group_header {
	background-image: url('http://cache.projo.com/images/header_bkgd.gif');
	background-repeat: repeat-x;
	color: #ffffff;
	font-weight: bold;
	float: left;
	width: 168px;
	padding: 2px 4px 4px 8px;
}

.subnav_box {
	background-image: url('http://cache.projo.com/images/leftnav_section_bkgd.gif');
	background-repeat: repeat-x;
	width: 152px;
	float: left;
	padding: 2px 4px 4px 8px;
	border-bottom-style: none;
	border-top-style: solid;
	border-top-color: #ffffff;
	border-top-width: 1px;
	border-left-style: none;
	border-right-style: none;
	font-weight: bold;
}

.subnav_header {
	
}

/* for IE - IE needs pseudo-classes. FF doesn't */
a.sub_nav_link:visited {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
a.sub_nav_link:link {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;	
}

a.sub_nav_link_on:link {
	color: #FFDF94;
	font-weight: bold;
	text-decoration: none;
}

a.sub_nav_link_on:visited {
	color: #FFDF94;
	font-weight: bold;
	text-decoration: none;
}

a.sub_nav_link:hover {
	color: #FFDF94;
	font-weight: bold;
	text-decoration: none;	
}
	
a.sub_nav_link {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

a.sub_nav_link_on {
	color: #FFDF94;
	font-weight: bold;
	text-decoration: none;
}

a.item_nav_link:link {
	color: #ffffff;
	text-decoration: none;
}

a.item_nav_link:visited {
	color: #ffffff;
	text-decoration: none;
}

a.item_nav_link:hover {
	color: #ffffff;
	text-decoration: none;
}

a.item_nav_link {
	color: #ffffff;
	text-decoration: none;
}

a.item_nav_link_on:link {
	color: #FFDF94;
	text-decoration: none;
	font-weight: bold;
	float: left;
}

a.item_nav_link_on:visited {
	color: #FFDF94;
	text-decoration: none;
	font-weight: bold;
}

a.item_nav_link_on:hover {
	color: #FFDF94;
	text-decoration: none;
	font-weight: bold;
}

a.item_nav_link_on {
	color: #FFDF94;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 2px 2px 0px;
}
.on_yellow_arrow {
	float: left;
	padding: 7px 5px 4px 17px;
}

.nav_item_on {
	font-weight: bold;
	color: #FFDF94;
	float: left;
	padding: 4px 2px 2px 2px;
}
	
.nav_arrow {
	background-color: #475595;
	border-bottom-style: none;
	border-top-color: #ffffff;
	border-top-style: solid;
	border-top-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #ffffff;
	border-right-style: none;
	border-right-width: 1px;
	border-right-color: #ffffff;
	float: left;
	padding: 4px 5px 4px 6px;
}

.nav_item {
	float: left;
	padding: 4px 29px 2px 2px;	
}

div.subnav_link_unit
{
	float: left;
	width: 100%;
}

div.subnav_group
{
	float: left;
	padding-bottom: 5px;
}