/* *************************************************************

NAME: styles_navigation.css
DATE: 12/14/2004
LAST UPDATE: 01/12/2007
DESCRIPTION: styles for OWP website navigation

************************************************************* */

/* **************** PRIMARY NAV STYLES **************** */

#navLayer0, #navLayer1, #navLayer2, #navLayer3, #navLayer4, #navLayer5{
	position: absolute;
	top: 76px;
	left: -400px;
	visibility: hidden;
	width: 232px;
	padding: 0;
	font-family: Verdana, Arial, sans-serif;
	background-color: #E8B94F;
	color: #333;
	z-index: 100;
	border-top: 1px solid white;
	filter:Alpha(Opacity=85); 
	opacity:0.85;
	-moz-opacity: .85;
}

#navLayer0 { width: 215px; }

#navLayer1 { width: 237px; }

#navLayer2 { width: 209px; }

#navLayer3 { width: 104px; }

#navLayer4 { width: 112px; }

#navLayer5 { width: 88px; }

/* list */

#navLayer0 ul, #navLayer1 ul, #navLayer2 ul, #navLayer3 ul, #navLayer4 ul, #navLayer5 ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
	/*background-color: #E8B94F; */
	background-color: #FFFFFF;
	width: 215px;
	overflow: hidden;
	/* clip: rect(0px,0px,0px,0px); */
}

#navLayer1 ul { width: 237px; }

#navLayer2 ul { width: 209px; }

/* #navLayer3 ul { width: 104px; background-color: #E8D575; }

#navLayer4 ul { width: 112px; background-color: #E8D575; }

#navLayer5 ul { width: 88px; background-color: #E8D575; } */

#navLayer3 ul { width: 104px; background-color: #FFFFFF; }

#navLayer4 ul { width: 112px; background-color: #FFFFFF; }

#navLayer5 ul { width: 88px; background-color: #FFFFFF; }

#navLayer0 li, #navLayer1 li, #navLayer2 li, #navLayer3 li, #navLayer4 li, #navLayer5 li {
	text-align: left;
	margin: 0px;
}

#navLayer0 li a, #navLayer1 li a, #navLayer2 li a, #navLayer3 li a, #navLayer4 li a, #navLayer5 li a{
	display: block;
	padding: 2px 0px 2px 10px;
	/* background-color: #E8B94F; */
	background-color: #FFFFFF;
	color: #4B4B4B;
	text-decoration: none;
	width: 100%;
}

#navLayer3 li a, #navLayer4 li a, #navLayer5 li a {
	color: #737373;
}

#navLayer3, #navLayer3 li a, #navLayer4, #navLayer4 li a, #navLayer5, #navLayer5 li a {
	/* background-color: #E8D575 */
	background-color: #FFFFFF;
}

#navLayer0 li a:hover, #navLayer1 li a:hover, #navLayer2 li a:hover {
	/* background-color: #CFA547 */
	background-color: #05D2FF;
	color: #fff;
}

#navLayer3 li a:hover, #navLayer4 li a:hover, #navLayer5 li a:hover {
	/* background-color: #F1D6AE; */
	background-color: #05D2FF;
	color: #4B4B4B;
}

/* **************** SECONDARY NAV STYLES **************** */

 #moreInfo li a, #staticNav li a, #moreInfo li a:hover, #staticNav li a:hover { 
	/* color: #4B4B4B; */
 text-decoration: underline;
}
/* #moreInfo li a:hover, #staticNav li a:hover {
	text-decoration: underline;
} */

#moreInfo ul, #staticNav ul {
	border-top: 1px solid #CECECE;
	margin: 0px;
	padding: 0px;
	height: auto;
}


/* #moreInfo li, #staticNav li {
	line-height: 120%;
	text-indent: -12px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 7px;
	padding-left: 24px;
	background: url("/images/global/bullet_orange.gif") 3px 6px no-repeat;
	border-top: 1px solid #CECECE;
	list-style-position: inside; 
} */

#moreInfo li, #staticNav li {
	line-height: 120%;
	text-indent: 0px;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 17px;
	background: url("/images/global/bullet_orange.gif") 5px 5px no-repeat;
	list-style: none;
	/* list-style-image: url("/images/global/spacer.gif"); */
	border-bottom: 1px solid #CECECE; 
	list-style-position: outside;
}





#moreInfo li a {
	text-decoration: none;
}

#moreInfo li#options {
	text-decoration: none;
	font-weight: normal;
	/* padding-left: 29px; */
	padding: 5px 10px 9px 29px;
	list-style: none;
	/* list-style-image: url("/images/global/spacer.gif"); */
	background: url("/images/global/symbol_options.gif") 10px 4px no-repeat;
}

#moreInfo li#brochure {
	text-decoration: none;
	font-weight: normal;
	padding-left: 29px;
	list-style: none;
	/* list-style-image: url("/images/global/spacer.gif"); */
	background: url("/images/global/symbol_brochure.gif") 10px 6px no-repeat;
}

#moreInfo li#casestudy {
	text-decoration: none;
	font-weight: normal;
	padding-left: 29px;
	list-style: none;
	/* list-style-image: url("/images/global/spacer.gif");  */
	background: url("/images/global/symbol_casestudy.gif") 10px 6px no-repeat;
}




#moreInfo li#thoughtstarter {
	text-decoration: none;
	font-weight: normal;
	padding-left: 29px;
	list-style: none;
	/* list-style-image: url("/images/global/spacer.gif"); */
	background: url("/images/global/symbol_thoughtstarter.gif") 10px 5px no-repeat;
}

#moreInfo li#demo {
	text-decoration: none;
	font-weight: normal;
	padding-left: 29px;
	list-style: none;
	/* list-style-image: url("/images/global/spacer.gif"); */
	background: url("/images/global/symbol_demo.gif") 10px 6px no-repeat;
}

#moreInfo li#learn {
	font-weight: normal;
	padding-left: 11px;
	list-style: none;
	background: url("/images/global/spacer.gif") 10px 6px no-repeat;
}

#moreInfo li#learn ul {
	border: none;
}

#moreInfo li#learn li {
	border: none;
	padding-top: 3px;
	padding-left: 20px;
	list-style: none;
	background: url("/images/global/bullet_green.gif") 9px 2px no-repeat;
}

#moreInfo li#learn li a {
	line-height: 120%;
	text-decoration: underline;
	font-weight: normal;
	font-size: 120%;
}

#staticNav li.noBullet {
	line-height: 120%;
	text-indent: 0px;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 7px;
	padding-left: 14px;
	background: url("/images/global/bullet_orange.gif") 5px 5px no-repeat;
	list-style: none;
	/* list-style-image: url("/images/global/spacer.gif"); */
	font-weight: bold;
	color: #4B4B4B;
	border-bottom: 1px solid #CECECE;
	list-style-position: outside;
}

#staticNav li.nested {
	line-height: 120%;
	text-indent: 0px;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 7px;
	padding-left: 22px;
	background: url("/images/global/bullet_orange.gif") 12px 4px no-repeat;
	list-style-image: url("/images/global/spacer.gif");
	list-style-position: outside;
	border: none;
}

#staticNav li.tsHeader {
	line-height: 120%;
	text-indent: 0px;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 7px;
	padding-left: 8px;
	background: url("/images/global/spacer.gif") 5px 5px no-repeat;
	list-style: url("/images/global/spacer.gif");
	list-style-position: outside;
	font-weight: bold;
	color: #6D6D6D;
	border-top: 1px solid #CECECE;
	border-bottom: 1px solid #CECECE;
}

#staticNav li.tsHeader_noBorder {
	line-height: 120%;
	text-indent: 0px;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 7px;
	padding-left: 8px;
	background: url("/images/global/spacer.gif") 5px 5px no-repeat;
	list-style: url("/images/global/spacer.gif");
	list-style-position: outside;
	font-weight: bold;
	color: #6D6D6D;
	border-top: 0px;
}