/*--------------------------------------- control nav */

#header ul#control-nav
{
	bottom:16px;
	font-size:116%;
	font-weight:bold;
	position:absolute;
	left:50px;
	width:650px;
	z-index:200;
}

#header ul#control-nav li{
	display:block;
	padding:0 0 10px 0;
	position:relative;
	
}

#header ul#control-nav li a
{
	text-decoration:none;
	margin:0 0px 0 0;
	padding:0 70px 6px 0;
}

#header ul#control-nav li.level1 a,
#header ul#control-nav li.level1 a
{
	padding-left: 2px;
}

#header ul#control-nav li.selected a,
#header ul#control-nav li.active a
{
	background: url(../images/sprites/blue-underline.gif) 0 100% no-repeat;
}

#header ul#control-nav li.selected a.pink,
#header ul#control-nav li.active a.pink
{
	background: url(../images/sprites/pink-underline.gif) 0 100% no-repeat;
}

#header ul#control-nav li.selected a.orange,
#header ul#control-nav li.active a.orange
{
	background: url(../images/sprites/orange-underline.gif) 0 100% no-repeat;
}

#header ul#control-nav li.selected a.mustard,
#header ul#control-nav li.active a.mustard
{
	background: url(../images/sprites/light-green-underline.gif) 0 100% no-repeat;
}

#control-nav a.pink
{
	color:#ff6699;
}

#control-nav a.baby-blue
{
	color:#00ccff;
}

#control-nav a.orange
{
	color:#ff9900;
}

#control-nav a.light-green
{
	color:#e0e5c3;
}

#control-nav a.mustard
{
	color:#cccc00;
}

/*------- sub nav */

#header ul#control-nav li{
	display:block;
	position:relative;
}

#header ul#control-nav li div.sub {
	background:transparent url(../images/backgrounds/transparent.gif) 0 0 repeat;
	display:none;
	left:-140px;
	padding-top:0px;
	position:absolute;
	top:26px;
	width:700px;
	z-index:600;
}

#header ul#control-nav li:hover div.sub,
#header ul#control-nav li.active div.sub {
	display:block;

}

#header ul#control-nav li div.sub li
{
	float:left;
	padding:0;
	width:150px;
}

#header ul#control-nav li:hover div.sub li a,
#header ul#control-nav li.active div.sub li a{
	background:transparent url(../images/sprites/sub-nav-btm.gif) 0 100% no-repeat;
	color:#00CCFF;
	cursor:pointer;
	display:block;
	font-size:76%;
	font-weight:normal;
	padding:0 0 3px 0;
	width:150px;
}
#header ul#control-nav li:hover div.sub li a:hover,
#header ul#control-nav li.active div.sub li a:hover{
	text-decoration:underline;
}
#header ul#control-nav li:hover div.sub li a span,
#header ul#control-nav li.active div.sub li a span{
	display:block;
	background:transparent url(../images/sprites/sub-nav-top.gif) 0 2px no-repeat;
	padding:7px 4px 0;
}
#header ul#control-nav li:hover.pink div.sub li a span,
#header ul#control-nav li.active.pink div.sub li a span{
	background:transparent url(../images/sprites/sub-nav-top-pink.gif) 0 2px no-repeat;
}

#header ul#control-nav li.active.pink div.sub li a{
	background:transparent url(../images/sprites/sub-nav-btm-pink.gif) 0 100% no-repeat;
}

#header ul#control-nav li.active.orange div.sub li a span{
	background:transparent url(../images/sprites/sub-nav-top-orange.gif) 0 2px no-repeat;
}

#header ul#control-nav li.active.orange div.sub li a{
	background:transparent url(../images/sprites/sub-nav-btm-orange.gif) 0 100% no-repeat;
}

#header ul#control-nav li.active.mustard div.sub li a span{
	background:transparent url(../images/sprites/sub-nav-top-light-green.gif) 0 2px no-repeat;
}

#header ul#control-nav li.active.mustard div.sub li a{
	background:transparent url(../images/sprites/sub-nav-btm-light-green.gif) 0 100% no-repeat;
}