/*
 
Copyright (c) Enigma Interactive 2006

SOM2
Project:		EST
Filename:		coSiteNavigation.css
Description:	navigation system styling
     
History
ver date  		who     	comment
-----------------------------------------------------------------------------
2	30may06		MS			Prettyifying main nvigation and sub navigation - even MORE!
1	05may06		MS			Created

*/

#coSiteNavigation
{
	position: relative;
	z-index: 120;
}

#coSiteNavigation .mainmenu
{
	position: relative;
	width: 760px;
	margin-top: -13px;
	z-index: 120;
}

#coSiteNavigation .mainmenu #top
{
	position: relative;
	width: 760px;
}

#coSiteNavigation .mainmenu #top .left
{
	position: relative;
	overflow: hidden;
	float: left;
	width: 15px;
	height: 40px;
	background: transparent url(/images/curves/left_curve.png) no-repeat left top;
}

* html #coSiteNavigation .mainmenu #top .left {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/curves/left_curve.png', sizingMethod='crop');
}

#coSiteNavigation .mainmenu #top .middle
{
	position: relative;
	float: left;
	width: 730px;
	height: 25px;
	background-color: #99ccff;
}

#coSiteNavigation .mainmenu #top .middle .navigation
{
	position: relative;
	padding: 0px 6px 0px 6px;
	font-size: 1.3em;
	font-weight: bold;
}

#coSiteNavigation .mainmenu #top .right
{
	position: relative;
	overflow: hidden;
	float: left;
	width: 15px;
	height: 40px;
	background: transparent url(/images/curves/right_curve.png) no-repeat left top;
}

* html #coSiteNavigation .mainmenu #top .right {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/curves/right_curve.png', sizingMethod='crop');
}


#coSiteBreadcrumb .breadcrumb{
	position: relative;
	overflow: hidden;
	margin:0;
	padding: 21px 21px 0px 21px;
}

#coSiteBreadcrumb .breadcrumb .navigation{
	position: relative;
}

#coSiteBreadcrumb .breadcrumb .navigation a{
	color: #ffffff;
}


#coSiteSubNavigation .submenu{
	position: relative;
	overflow: hidden;
	width: 253px;
	margin:0;
	background-color: #90c6db;
	padding: 5px 10px 31px 10px;
}


#coSiteSubNavigation .submenuTitle {
	position: relative;
	overflow: hidden;
	width: 253px;
	margin:0;
	padding: 10px 10px 0px 10px;
	font-weight: bold;
}

/* MAIN MENU */

#coSiteNavigation.loaded { behavior:url("/htc/csshover.htc"); /* z-index: 100; */}

#coSiteNavigation .mainmenu ul {
	position: relative;
	padding: 0;
	margin: 0;
	list-style: none;
	width: 718px;
}

/* fixes some really annoying whitespace problems in ie */
#coSiteNavigation .mainmenu ul li {
	float: left; 
} 

/* Hide the iFrames in everything bar IE, which conveniently doesn't get selectors */
#coSiteNavigation .mainmenu li > iframe {
	display: none;
}

#coSiteNavigation .mainmenu a {
	position: relative;
	display: block;
	text-decoration: none;
	color: #ffffff;
	font-size: 1.0em;
}

#coSiteNavigation .mainmenu a.level1 {
	height: 20px;
	_width: 10px;
	padding: 5px 8px 0px 0px;
}

#coSiteNavigation .mainmenu a.level1:hover {
	color: #428dc6;
}

#coSiteNavigation .mainmenu a.level2 {
	color: #ffffff;
	width: 160px;
	font-size: 0.8em;
}

#coSiteNavigation .mainmenu ul.hide1 a.level2 {
	padding-left: 20px;
 	background-color: #78808b;
}

#coSiteNavigation .mainmenu ul.hide1 a.level2:hover {
 	background-color: #99ccff;
}

#coSiteNavigation .mainmenu a.level3 {
	background-color: #89a1ad;
	width: 160px;
	font-size: 0.8em;
}

#coSiteNavigation .mainmenu ul.hide2 a.level3 {
	padding-left: 10px;
 	background-color: #89a1ad;
}

#coSiteNavigation .mainmenu ul.hide2 a.level3:hover {
	color: #fff;
 	background-color: #99ccff;
}

#coSiteNavigation .mainmenu a.level4 {
	background-color: #89a1ad;
	width: 160px;
	font-size: 0.8em;
}

#coSiteNavigation .mainmenu ul.hide3 a.level4 {
	padding-left: 10px;
 	background-color: #9eb5c5;
}

#coSiteNavigation .mainmenu ul.hide3 a.level4:hover {
	color: #fff;
 	background-color: #99ccff;
}

#coSiteNavigation .mainmenu li {
	position: relative;
	display: block;
	padding: 0px;
	margin: 0px;
}

#coSiteNavigation .mainmenu ul.hide1,
#coSiteNavigation .mainmenu ul.hide2,
#coSiteNavigation .mainmenu ul.hide3{
	visibility: hidden;
}

#coSiteNavigation .mainmenu ul.hide2,
#coSiteNavigation .mainmenu ul.hide3,
#coSiteNavigation .mainmenu ul.hide4{
 	width: 153px; 
}

#coSiteNavigation .mainmenu ul.hide1 a.level2,
#coSiteNavigation .mainmenu ul.hide2 a.level3,
#coSiteNavigation .mainmenu ul.hide3 a.level4,
#coSiteNavigation .mainmenu ul.hide4 a.level5 {
 	color: #fff; 
	padding-left: 10px;
}

#coSiteNavigation .mainmenu li.normal:hover .hide1 {
	visibility: visible;
}

#coSiteNavigation .mainmenu li.sub2:hover .hide2 {
	visibility: visible;
}

#coSiteNavigation .mainmenu li.sub3:hover .hide3 {
	visibility: visible;
}

#coSiteNavigation .mainmenu li.sub4:hover .hide4 {
	visibility: visible;
}

#coSiteNavigation .mainmenu li.sub5:hover .hide5 {
	visibility: visible;
}

#coSiteNavigation .mainmenu ul.hide1 {
	position: absolute;
	top: 25px;
	left: 0px;
	width: 160px;
	border-top: 2px solid #569dd3;
}

#coSiteNavigation .mainmenu ul.hide2 {
	position: absolute;
	width: auto;
	top: 0px;
	left: 170px;
	border-left: 2px solid #569dd3;
}

#coSiteNavigation .mainmenu ul.hide3 {
	position: absolute;
	width: auto;
	top: 0px;
	left: 170px;
	border-left: 2px solid #569dd3;
}

/* BREADCRUMB TRAIL */

#coSiteBreadcrumb .breadcrumb ul{	
	display:inline;
	margin:0;
	padding:0;
}
#coSiteBreadcrumb .breadcrumb li{
	text-decoration:none;
	display:inline;
	margin:0;
	padding:0;
}
#coSiteBreadcrumb .breadcrumb li span,
#coSiteBreadcrumb .breadcrumb li small,
#coSiteBreadcrumb .breadcrumb a{
	text-decoration:none;
}
#coSiteBreadcrumb .breadcrumb li small{
	padding-left:5px;
}

/* SUBMENU */

#coSiteSubNavigation .submenu ul{	
	position: relative;
	display:block;
	margin:0;
	padding:0;
}

#coSiteSubNavigation .submenu ul{	
	position: relative;
	display:block;
	margin:0;
	padding:0;
}
#coSiteSubNavigation .submenu li{
	position: relative;
	text-decoration:none;
	display:block;
	margin:0;
	list-style: none; 
}
#coSiteSubNavigation .submenu .normal {
	padding: 0px 0px 5px 0px;
}
#coSiteSubNavigation .submenu .normal a{
	color: #ffff00;
}
#coSiteSubNavigation .submenu .sub {
	padding: 0px 0px 0px 10px;
}
#coSiteSubNavigation .submenu .sub a{
	color: #ffffdd;
}

#coSiteSubNavigation .submenu a.current1 {
	color: #ffffff;
	text-decoration: none;
}

#coSiteSubNavigation .submenu a.current2 {
	color: #ffffff;
	text-decoration: none;
}