/*
 
Copyright (c) Enigma Interactive 2006

SOM2
Project:		VICCORP
Filename:		coSiteNavigation.css
Description:	Layout of the home page
     
History
ver date  		who     	comment
-----------------------------------------------------------------------------
1	23Feb06		MS			Created

*/
#coSiteNavigation { behavior:url("/htc/csshover.htc"); z-index: 100;}
#coSiteNavigation li { behavior:url("/htc/maskli.htc"); }

#coSiteNavigation ul {
	position: relative;
	padding: 0px;
	margin: 0px; 
	list-style: none;
	width: 175px; 
	
}

#coSiteNavigation li {
	position: relative;
	display: block;
	padding: 0px;
	margin: 0px;
}

#coSiteNavigation ul li {float: left; width: 100%; } /* fixes some really annoying whitespace problems in ie */

#coSiteNavigation li > iframe { /* Hide the iFrames in everything bar IE, which conveniently doesn't get selectors */
	display: none;
}

#coSiteNavigation a {
	position: relative;
	display: block;
	text-decoration: none;
 	padding: 5px 5px 5px 10px;
	font-weight: normal;
	color: #ffffff;
	font-size: 0.9em;
	/* height: 15px; */
}

#coSiteNavigation a.level2 {
	color: #010e33;
 	background-color: #a9c4f1;
	background-image: url('/res/coSiteNavigation/images/leftmenu_lo.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
	border-bottom: 1px solid #ffffff;
}

#coSiteNavigation a.level2:hover {
	color: #ffffff;
	font-weight: bold;
	background-color: #000066;
	background-image: url('/res/coSiteNavigation/images/leftmenu_hi.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
	border-bottom: 1px solid #ffffff;
}

#coSiteNavigation a.level3 {
	color: #ffffff;
 	background-color: #6681a3;
	background-image: url('/res/coSiteNavigation/images/leftmenu_lo.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
	border-bottom: 1px solid #ffffff;
}

#coSiteNavigation a.level3:hover {
	color: #ffffff;
	font-weight: bold;
	background-color: #000066;
	background-image: url('/res/coSiteNavigation/images/leftmenu_hi.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
	border-bottom: 1px solid #ffffff;
}

#coSiteNavigation a.level4 {
	color: #ffffff; 
	background-color: #859ab5;
 	background-image: url('/res/coSiteNavigation/images/leftmenu_lo.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
	border-bottom: 1px solid #ffffff;
}

#coSiteNavigation a.level4:hover {
	color: #ffffff;
	font-weight: bold;
	background-color: #000066;
	background-image: url('/res/coSiteNavigation/images/leftmenu_hi.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
	border-bottom: 1px solid #ffffff;
}

#coSiteNavigation a.level5 {
	color: #010e33; 
	background-color: #a3b3c8;
 	background-image: url('/res/coSiteNavigation/images/leftmenu_lo.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
	border-bottom: 1px solid #ffffff;
}

#coSiteNavigation a.level5:hover {
	color: #ffffff;
	font-weight: bold;
	background-color: #000066;
	background-image: url('/res/coSiteNavigation/images/leftmenu_hi.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
	border-bottom: 1px solid #ffffff;
}

#coSiteNavigation a.level6 {
	color: #010e33; 
	background-color: #c2cdda;
 	background-image: url('/res/coSiteNavigation/images/leftmenu_lo.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
	border-bottom: 1px solid #ffffff;
}

#coSiteNavigation a.level6:hover {
	color: #ffffff;
	font-weight: bold;
	background-color: #000066;
	background-image: url('/res/coSiteNavigation/images/leftmenu_hi.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
	border-bottom: 1px solid #ffffff;
}

#coSiteNavigation a.level7 {
	color: #010e33; 
	background-color: #e0e6ed;
 	background-image: url('/res/coSiteNavigation/images/leftmenu_lo.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
	border-bottom: 1px solid #ffffff;
}

#coSiteNavigation a.level7:hover {
	color: #ffffff;
	font-weight: bold;
	background-color: #000066;
	background-image: url('/res/coSiteNavigation/images/leftmenu_hi.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
	border-bottom: 1px solid #ffffff;
}

/* #coSiteNavigation a.current1 {
	color: #ffffff;
 	background-color: #06305E;
	font-weight: bold;
	border-bottom: 1px solid #ffffff;
} */

#coSiteNavigation a.current2 {
	color: #ffffff;
	background-color: #000066;
	background-image: url('/res/coSiteNavigation/images/leftmenu_hi.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
	font-weight: bold;
	border-bottom: 1px solid #ffffff;
}

#coSiteNavigation a.current3 {
	color: #ffffff;
	background-color: #000066;
	background-image: url('/res/coSiteNavigation/images/leftmenu_hi.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
	font-weight: bold;
	border-bottom: 1px solid #ffffff;
}

#coSiteNavigation a.current4 {
	color: #ffffff;
	background-color: #000066;
	background-image: url('/res/coSiteNavigation/images/leftmenu_hi.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
	font-weight: bold;
	border-bottom: 1px solid #ffffff;
}

#coSiteNavigation a.current5 {
	color: #ffffff;
	background-color: #000066;
	background-image: url('/res/coSiteNavigation/images/leftmenu_hi.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
	font-weight: bold;
	border-bottom: 1px solid #ffffff;
}

#coSiteNavigation a.current6 {
	color: #ffffff;
	background-color: #000066;
	background-image: url('/res/coSiteNavigation/images/leftmenu_hi.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
	font-weight: bold;
	border-bottom: 1px solid #ffffff;
}

#coSiteNavigation a.current7 {
	color: #ffffff;
	background-color: #000066;
	background-image: url('/res/coSiteNavigation/images/leftmenu_hi.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
	font-weight: bold;
	border-bottom: 1px solid #ffffff;
}

#coSiteNavigation li.open2 a.level2,
#coSiteNavigation li.open3 a.level3,
#coSiteNavigation li.open4 a.level4,
#coSiteNavigation li.open5 a.level5,
#coSiteNavigation li.open6 a.level6,
#coSiteNavigation li.open7 a.level7
{
	background-color: #000066;
	background-image: url('/res/coSiteNavigation/images/leftmenu_hi.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
	color: #ffffff;
	font-weight: bold;
}

/* #coSiteNavigation li.currentOpen1 a.current1,
#coSiteNavigation li.currentOpen1 a.current1:hover
{
	background-color: #000066;
	background-image: url('/res/coSiteNavigation/images/leftmenu_hi.gif') no-repeat bottom right;
} */

#coSiteNavigation li.currentOpen2 a.current2,
#coSiteNavigation li.currentOpen2 a.current2:hover
{
	background-color: #000066;
	background-image: url('/res/coSiteNavigation/images/leftmenu_hi.gif');
}

#coSiteNavigation li.currentOpen3 a.current3,
#coSiteNavigation li.currentOpen3 a.current3:hover
{
	background-color: #000066;
	background-image: url('/res/coSiteNavigation/images/leftmenu_hi.gif');
}

#coSiteNavigation li.currentOpen4 a.current4,
#coSiteNavigation li.currentOpen4 a.current4:hover
{
	background-color: #000066;
	background-image: url('/res/coSiteNavigation/images/leftmenu_hi.gif');
}

#coSiteNavigation li.currentOpen5 a.current5,
#coSiteNavigation li.currentOpen5 a.current5:hover
{
	background-color: #000066;
	background-image: url('/res/coSiteNavigation/images/leftmenu_hi.gif');
}

#coSiteNavigation li.currentOpen6 a.current6,
#coSiteNavigation li.currentOpen6 a.current6:hover
{
	background-color: #000066;
	background-image: url('/res/coSiteNavigation/images/leftmenu_hi.gif');
}

#coSiteNavigation li.currentOpen7 a.current7,
#coSiteNavigation li.currentOpen7 a.current7:hover
{
	background-color: #000066;
	background-image: url('/res/coSiteNavigation/images/leftmenu_hi.gif');
}