/*
--------------------
 top horizontal navigation with rounded corners
--------------------
*/
/* menu tab positioned just above the main content */
div.c_menu
{
	position:			absolute;
	z-index:				5;
	top:					11px;
	left:					158px;
	width:				400px;
}
.nav-site
{
	position:			relative;
	list-style:			none;
	margin:				0;
	padding:				0;
}
/* main menu elements inline and floated left to get them horizontal and snug */
.nav-site li
{
	display:				inline;
	float:				left;
	background:			#000000 url("images/site/cs_menu_bkg_off.gif") repeat-x top left;
	margin:				0;
	padding:				0;
}
/* main colour and font style for menu items + lefthand corner graphic */
.nav-site li a
{
	background:			url("images/site/cs_menu_left_off.gif") no-repeat top left;
	padding:				0px 0px 3px 10px;
	margin:				0px 0px 0px 0px;
	text-decoration:	none;
	font-family:		arial;
	font-size:			13px;
	float:				left;
	font-weight:		bold;
}
.nav-site li a,
.nav-site li a:visited
{
	color:				#f0cf45;
}
/* extra padding for text + right hand corner graphic */
.nav-site li a span
{
	display: 			block;	/*require so that padding can be added propery*/
	background:			url("images/site/cs_menu_right_off.gif") no-repeat top right;
	padding:				2px 10px 2px 0px;
	margin:				0px 0px 0px 0px;
}
/* hover states for menu items */
.nav-site li a:hover
{
	color:				#ffff3b;
}
/* why isn't this rule working? not that i want it to */
.nav-site li.selected a:hover
{
	color:				#ffffff;
}
/* selected state for menu items + on graphic curve corners and background*/
.nav-site li.selected
{
	background:			#d7d7d7 url("images/site/cs_menu_bkg_on.gif") repeat-x top left !important;
}
.nav-site li.selected a
{
	background:			url("images/site/cs_menu_left_on.gif") no-repeat top left;
}
.nav-site li.selected a span
{
	background:			url("images/site/cs_menu_right_on.gif") no-repeat top right;
}
.nav-site li.selected a,
.nav-site li.selected a:visited
{
	color:				#800000;
}

/*
--------------------
 Side Navigation Groups
--------------------
*/
ul.sidenav, 
ul.sidenav ul
{
	position:			relative;
	list-style:			none;
	list-style-image:	none;
	padding:				0;
	margin:				0;
}
ul.sidenav
{
	border-bottom:		4px solid #d7d7d7;
}
/* menu group headings black background, white text */
ul.sidenav li.navhead
{
	cursor:		pointer;
}
ul.sidenav li.navhead h3,
.search h3
{
	font-size:			13px !important;
	font-weight:		bold;
	margin:				0;
	background:			#373737 url("images/site/cs_mg_bkg.gif") 0 0 no-repeat;
	text-align:			center !important;
	padding:				1px 2px 2px 2px;
}
ul.sidenav li.navhead h3,
ul.sidenav li.navhead h3 a,
ul.sidenav li.navhead h3 span,
.search h3,
.search h3 a,
.search h3 span
{
	font-weight:		bold;
	color:				#f0cf45;
	border:				0;
	text-decoration: none;
}
ul.sidenav li.navhead h3 span:hover,
ul.sidenav li.navhead h3 span.hover,
.search h3 span:hover,
.search h3 span.hover
{
	color:				#ffff3b;
}
/* inline elements required for IE*/
ul.sidenav li ul li
{
	display:				inline;
}
/* menu items link (the main colouring) */
ul.sidenav li ul li a
{
	position:			relative;
	display:				block;
	margin:				0px;
	padding:				1px 2px 1px 4px;
	border-bottom:		1px solid #b9b9b9;
	text-decoration:	none;
	color:				#444444;
	background:			#FFFFFF;
	font-size:			11px;
}
/*hover state on menu items (selected is the same as the hover state)*/
ul.sidenav li ul li.selected a
{
	background:			#ffdd00;
	color:				#000000;
}
ul.sidenav li ul li a:hover
{
	background:			#ffff3b;
}
ul.sidenav li ul li span
{
	display: block;
	float: right;
}
ul.sidenav li ul li ul.sub
{
	margin-left:	15px;
}
ul.sidenav li ul li ul.sub li
{
	border-top:		none;
	padding-right:	0px;
}
ul.sidenav li ul li ul.sub li a
{
	background: transparent none;
	font-weight: normal;
	padding: 2px;
}
ul.sidenav li ul li ul.sub li a:hover
{
	background: #ffffaa none;
}
ul.sidenav li ul li ul.sub li.selected a
{
	background: #ffee77 none;
}


/*
--------------------
 Breadcrumb Trail
--------------------
*/
/*default colour and overall sizing - only the >> symbols actualy use the colour here*/
p.breadcrumb
{
	position:			relative;
	color:				#888888;
	font-weight:		bold;
	padding:				0;
	margin:				0px 0px 4px 0px;	
}
/* standard link and last crumb styles */
p.breadcrumb a,
p.breadcrumb strong	
{ 
	color:				#444444;
	padding:				0px 5px 0px 2px;
}
/* link hover state */
p.breadcrumb a:hover
{
	color:				#888888;
}
/* last crumb style */
p.breadcrumb strong
{
	color:				#000000;
}

div.foot-nav
{
}
div.foot-nav
{
	margin:					0;
	padding:				0;
	text-align:				center;
}
div.foot-nav a, div.foot-nav a:visited
{
	border-left:		1px solid #aaa;
	color:				#555;
	margin:				0px !important;
	padding:			0 15px;
	text-decoration:	none;
}
div.foot-nav a.selected
{
	color:				#000;
}
div.foot-nav a.first
{
	border:				none !important;
}
div.foot-nav a:hover, div.foot-nav a:active
{
	color:				#000;
}