/*
 
Copyright (c) Enigma Interactive 2004

SOM2
Project:		ONENE
Filename:		coSiteNavigation.css
Description:	Styles for the side navigation thingie whatsit
     
History
ver date  		who     	comment
-----------------------------------------------------------------------------
11	13/7/06		PG			added class for kx communites
10	12Jul06		CT			Added level 5's
9	27/6/06		PG			added contactArea
8	16May06		CT			Updated for new people colour scheme
7	20/4/06		PG			altered padding so elements are indented +3px each level
6	20/4/06		PG			fixed margin between li a's
5	20/4/06		PG			Fixed Bug where padding wasn't applied correctly to poped elements
4	18/4/06		PG			Forgot to style .splash
3	18/4/06		PG			Altered for new style
2	25Oct05		JF			coSiteNavigation margin-top : 10px for XHTML
1	21Jan05		AJL			Created

*/

#coSiteNavigation{
	float: left;
	display:block;
	width:144px;
}

#coSiteNavigation .splash{
	padding:20px 0px 0px 12px;
}

#coSiteNavigation .contactArea{
	margin:14px 0px 0px 0px;
	padding:0px 0px 0px 6px;
	border-left:7px solid #AAAACC;
}

#coSiteNavigation .contactArea p{
	font-size:0.8em;
}	

#coSiteNavigation .contactArea a{
	padding:0;
	margin:0;
	font-weight:bold;
}	



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

#coSiteNavigation li {
	margin: 0;
	padding: 0;
}

#coSiteNavigation a {
	color: #1B2763;
	display: block;
	padding: 5px 5px 5px 12px;
	font-weight: normal;
	text-decoration: none;
}

#coSiteNavigation a.navBtn {
	display: block;
	margin:0;
	padding: 0px 0px 1px 0px;
}

#coSiteNavigation a:hover {
	text-decoration: underline;
}
#coSiteNavigation a.current,
#coSiteNavigation a.open {
	font-weight:bold;
	background-color:#E6E8F5;
}

#coSiteNavigation li a{
	background-image: url(/images/nav/level1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin:1px 0px;
}

/**/
#coSiteNavigation li.pop1 a{
	background-image: url(/images/nav/level1_subs.gif);}

#coSiteNavigation li.sub2 a,
#coSiteNavigation li.current2 a{
	background-image: url(/images/nav/level2.gif);
	padding-left:15px; }

#coSiteNavigation li.pop2 a{
	background-image: url(/images/nav/level2_subs.gif);
	padding-left:15px;}

#coSiteNavigation li.sub3 a,
#coSiteNavigation li.current3 a{
	background-image: url(/images/nav/level3.gif); 
	padding-left:18px;}

#coSiteNavigation li.pop3 a{
	background-image: url(/images/nav/level3_subs.gif);
	padding-left:18px;}
	
#coSiteNavigation li.sub4 a,
#coSiteNavigation li.current4 a{
	background-image: url(/images/nav/level4.gif); 
	padding-left:21px;}
	
#coSiteNavigation li.pop4 a{
	background-image: url(/images/nav/level4_subs.gif);
	padding-left:21px;}
	
#coSiteNavigation li.sub5 a,
#coSiteNavigation li.current5 a{
	background-image: url(/images/nav/level5.gif); 
	padding-left:21px;}

	
/**/
#coSiteNavigation li.SubBus a{
	background-image: url(/images/nav/level1_yel.gif);}

#coSiteNavigation li.pop1.SubBus a{
	background-image: url(/images/nav/level1_yel_subs.gif);}

#coSiteNavigation li.SubBus li.sub2 a,
#coSiteNavigation li.SubBus li.current2 a{
	background-image: url(/images/nav/level2_yel.gif);}

#coSiteNavigation li.SubBus li.pop2 a{
	background-image: url(/images/nav/level2_yel_subs.gif);}

#coSiteNavigation li.SubBus li.sub3 a,
#coSiteNavigation li.SubBus li.current3 a{
	background-image: url(/images/nav/level3_yel.gif); }

#coSiteNavigation li.SubBus li.pop3 a{
	background-image: url(/images/nav/level3_yel_subs.gif);}
	
#coSiteNavigation li.SubBus li.sub4 a,
#coSiteNavigation li.SubBus li.current4 a{
	background-image: url(/images/nav/level4_yel.gif); }
	
#coSiteNavigation li.SubBus li.pop4 a{
	background-image: url(/images/nav/level4_yel_subs.gif);}
	
#coSiteNavigation li.SubBus li.sub5 a,
#coSiteNavigation li.SubBus li.current5 a{
	background-image: url(/images/nav/level5_yel.gif); }
	
#coSiteNavigation li.SubBus a.current,
#coSiteNavigation li.SubBus a.open {
	background-color:#FFEBB5;
}
/**/	
#coSiteNavigation li.SubEnv a{
	background-image: url(/images/nav/level1_gr.gif);}

#coSiteNavigation li.pop1.SubEnv a{
	background-image: url(/images/nav/level1_gr_subs.gif);}

#coSiteNavigation li.SubEnv li.sub2 a,
#coSiteNavigation li.SubEnv li.current2 a{
	background-image: url(/images/nav/level2_gr.gif);}

#coSiteNavigation li.SubEnv li.pop2 a{
	background-image: url(/images/nav/level2_gr_subs.gif);}

#coSiteNavigation li.SubEnv li.sub3 a,
#coSiteNavigation li.SubEnv li.current3 a{
	background-image: url(/images/nav/level3_gr.gif); }

#coSiteNavigation li.SubEnv li.pop3 a{
	background-image: url(/images/nav/level3_gr_subs.gif);}
	
#coSiteNavigation li.SubEnv li.sub4 a,
#coSiteNavigation li.SubEnv li.current4 a{
	background-image: url(/images/nav/level4_gr.gif); }
	
#coSiteNavigation li.SubEnv li.pop4 a{
	background-image: url(/images/nav/level4_gr_subs.gif);}
	
#coSiteNavigation li.SubEnv li.sub5 a,
#coSiteNavigation li.SubEnv li.current5 a{
	background-image: url(/images/nav/level5_gr.gif); }
	
#coSiteNavigation li.SubEnv a.current,
#coSiteNavigation li.SubEnv a.open {
	background-color:#EEF9E1;
}
/**/
#coSiteNavigation li.SubPeo a{
	background-image: url(/images/nav/level1_dgr.gif);}

#coSiteNavigation li.pop1.SubPeo a{
	background-image: url(/images/nav/level1_dgr_subs.gif);}

#coSiteNavigation li.SubPeo li.sub2 a,
#coSiteNavigation li.SubPeo li.current2 a{
	background-image: url(/images/nav/level2_dgr.gif);}

#coSiteNavigation li.SubPeo li.pop2 a{
	background-image: url(/images/nav/level2_dgr_subs.gif);}

#coSiteNavigation li.SubPeo li.sub3 a,
#coSiteNavigation li.SubPeo li.current3 a{
	background-image: url(/images/nav/level3_dgr.gif); }

#coSiteNavigation li.SubPeo li.pop3 a{
	background-image: url(/images/nav/level3_dgr_subs.gif);}
	
#coSiteNavigation li.SubPeo li.sub4 a,
#coSiteNavigation li.SubPeo li.current4 a{
	background-image: url(/images/nav/level4_dgr.gif); }
	
#coSiteNavigation li.SubPeo li.pop4 a{
	background-image: url(/images/nav/level4_dgr_subs.gif);}
	
#coSiteNavigation li.SubPeo li.sub5 a,
#coSiteNavigation li.SubPeo li.current5 a{
	background-image: url(/images/nav/level5_dgr.gif); }

#coSiteNavigation li.SubPeo a.current,
#coSiteNavigation li.SubPeo a.open {
	background-color:#F2DAE1;
}
/**/
#coSiteNavigation li.SubReg a{
	background-image: url(/images/nav/level1_pur.gif);}

#coSiteNavigation li.pop1.SubReg a{
	background-image: url(/images/nav/level1_pur_subs.gif);}

#coSiteNavigation li.SubReg li.sub2 a,
#coSiteNavigation li.SubReg li.current2 a{
	background-image: url(/images/nav/level2_pur.gif);}

#coSiteNavigation li.SubReg li.pop2 a{
	background-image: url(/images/nav/level2_pur_subs.gif);}

#coSiteNavigation li.SubReg li.sub3 a,
#coSiteNavigation li.SubReg li.current3 a{
	background-image: url(/images/nav/level3_pur.gif); }

#coSiteNavigation li.SubReg li.pop3 a{
	background-image: url(/images/nav/level3_pur_subs.gif);}
	
#coSiteNavigation li.SubReg li.sub4 a,
#coSiteNavigation li.SubReg li.current4 a{
	background-image: url(/images/nav/level4_pur.gif); }
	
#coSiteNavigation li.SubReg li.pop4 a{
	background-image: url(/images/nav/level4_pur_subs.gif);}
	
#coSiteNavigation li.SubReg li.sub5 a,
#coSiteNavigation li.SubReg li.current5 a{
	background-image: url(/images/nav/level5_pur.gif); }

#coSiteNavigation li.SubReg a.current,
#coSiteNavigation li.SubReg a.open {
	background-color:#E8E1F0;
}