/* Primary navigation styles */

/*
	IE 6 and 7 NOTE:
	For IE 6 and 7, the z-index must be set (strangely) in two places ---> #navigation and #menus
	For IE 6 and 7, #navigation must have a larger z-index than #menus (other browsers ignore the
	parent-child relationship on z-index, so it's ok to keep everything inside this style sheet).
*/

#navigation
{
	width: 960px;
	z-index: 2000;
	min-height: 72px;
	position: relative;
	background: transparent url(../img/css/bgd-navigation.jpg) no-repeat top left;
}

#navigation ul
{
	list-style: none;
}

#navigation #menus
{
	z-index: 1000;
	margin-top: 34px;
	position: absolute;
}

#navigation #menus li
{
	float: left;
	color: White;
	display: block;
	line-height: 14px;
	font-weight: bold;
	text-align: center;
	padding: 4px 0 5px 0;
}

#navigation #menus #nav1:hover,
#navigation #menus #nav2:hover,
#navigation #menus #nav3:hover,
#navigation #menus #nav4:hover,
#navigation #menus #nav5:hover,
#navigation #menus #nav6:hover,
#navigation #menus #nav7:hover,
#navigation #menus #nav8:hover
{
	cursor: pointer;
	background: #A73407 url(../img/css/bgd-navigation-hover.jpg) top left repeat-x;
}

#navigation #menus .groupStart
{
	margin-top: 10px;
	padding-top: 10px;
	font-style: italic;
	border-top: 1px solid #FFB07F;
}

#navigation #menu1,
#navigation #menu2,
#navigation #menu3
{
	margin-top: -5px;
	margin-bottom: 8px;
}

#navigation #menu1 li,
#navigation #menu2 li,
#navigation #menu3 li
{
	margin: 0;
	padding: 0;
	float: none;
	font-size: 10px;
	text-align: left;
	padding-left: 12px;
}

#navigation #nav1 { width: 122px; }
#navigation #nav2 { width: 122px; }
#navigation #nav3 { width: 122px; }
#navigation #nav4 { width: 122px; }
#navigation #nav5 { width: 122px; }
#navigation #nav6 { width: 117px; }
#navigation #nav7 { width: 117px; }
#navigation #nav8 { width: 116px; }

body.nav1 #navigation #nav1,
body.nav2 #navigation #nav2,
body.nav3 #navigation #nav3,
body.nav4 #navigation #nav4,
body.nav5 #navigation #nav5,
body.nav6 #navigation #nav6,
body.nav7 #navigation #nav7,
body.nav8 #navigation #nav8
{
	background-color: #DA6E23;
}

#navigation a
{
	color: white;
	text-decoration: none;
}

#navigation a:hover
{
	color: white;
	text-decoration: underline;
}