/* ----------------------------------------------------------------------------
    C O M P O N E N T S
    Specific styles for the components
---------------------------------------------------------------------------- */

/* WEBSITE OVERLAY */
#overlay_bg {
	position:fixed;
	z-index:999;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	background-color:#000;
	cursor:pointer;
}

#overlay_content {
	position:fixed;
	background:#fff url(../images/bg/overlay.gif) no-repeat left top;
	z-index:1000;
	width:450px;
	color:#333;
	display:none;
	border:2px solid #693;
	padding:12px;
	top:50%;
	left:50%;
}

#overlay_content h3 {
	color:#693;
	font-size:2.5em;
	font-style:normal;
	line-height:1.2em;
	margin:0 0 5px;
}

#overlay_content h4 {
	color:#333;
	font-size:1.6em;
	font-weight:normal;
	line-height:1.2em;
	margin:0 0 5px;
}

#overlay_content div.close {
  position:absolute;
  top:10px;
  right:9px;
  width:10px;
  height:8px;
  background:url(../images/icons/lightbox-close.gif) no-repeat 0 0;
  cursor:pointer;
}
/* WEBSITE OVERLAY END */



.nav-main-btns{
	position:absolute; top:0;
}
.js #nav-main {
	display:none;
}

.nav-border {
	background:#474747 url(../images/bg/nav-main-border.gif) repeat left top;
	padding:0 2px;
}

#nav-wrapper {
	font-family:Georgia, "Times New Roman", Times, serif;
	position:relative;
	width:220px;
	height:394px;
	overflow:hidden;
	color:#fff;
}
	#nav-wrapper a,	#nav-wrapper a:visited {
		color:#9c0;
		text-decoration:none;
	}
	#nav-wrapper div.slider {
		position:absolute;
		left:0;
		top:0;
		width:220px;
		height:394px;
		overflow:hidden;
	}
	#nav-wrapper div.slider.inactive {
		left:220px;
	}
		#nav-wrapper div.slider ul {
			margin:0;
			padding:0;
			width:220px;	
		}
		#nav-wrapper div.slider li {
			background:url(../images/bg/nav-main-dotted-line.gif) no-repeat left bottom;
			padding:0 0 1px 0;
			line-height:1.35em;
		}
			#nav-wrapper div.slider li.main a,
			#nav-wrapper div.slider li.main a:active, 
			#nav-wrapper div.slider li.main a:visited {
				font-size:2em;
				display:block;
				width:190px;
				padding:4px 20px 4px 10px;
				line-height:1.2em;
				
			}
			#nav-wrapper div.slider li.main p.intro {
				font-family:Verdana, Arial, Helvetica, sans-serif;
				background:url(../images/bg/nav-main-dotted-line.gif) no-repeat 10px 0;
				padding:7px 20px 8px 10px;
				line-height:1.35em;
				font-size:1.1em;
			}
			#nav-wrapper div.slider li.sub a,
			#nav-wrapper div.slider li.sub a:active,
			#nav-wrapper div.slider li.sub a:visited {
				background:url(../images/bg/nav-sub-a-normal.gif) no-repeat 210px 7px;
				display:block;
				font-size:1.2em;
				width:190px;
				color:#fff;
				line-height:1.25em;
				padding:5px 20px 5px 10px;
			}
			#nav-wrapper div.slider a.active {
				cursor:default;
			}
			#nav-wrapper div.slider li.sub a.active,
			#nav-wrapper div.slider li.sub a:hover,
			#nav-wrapper div.slider li.sub a:focus {
				background:#3a7522 url(../images/bg/nav-sub-a-hover.gif) repeat-y left top;
			}
#nav-wrapper-footer {
	background:#fff url(../images/bg/nav-main-footer.gif) no-repeat left top;
	height:8px;
	width:224px;
}
/* BREADCRUMB START */
#nav-wrapper div.slider li.breadcrumb {
	margin-top:53px;
}
#nav-wrapper div.slider div.breadcrumb {
	background:url(../images/bg/nav-main-dotted-line.gif) no-repeat left bottom;
	position:absolute;
	height:54px;
	width:220px;
	cursor:default;
	color:#99cc00;
	font-style:italic;
}
	#nav-wrapper div.slider div.breadcrumb div.labels {
		padding:0 0 5px 10px;
		position:absolute;
		bottom:0;
	}
	#nav-wrapper div.slider div.breadcrumb span {
		display:block;
		white-space:nowrap;
	}
	#nav-wrapper div.slider div.breadcrumb span.level-0 {
		font-size:1.2em;
	}
	#nav-wrapper div.slider div.breadcrumb span.level-1 {
		font-size:1.1em;
	}
	#nav-wrapper div.slider div.breadcrumb span.level-2 {
		font-size:1em;
	}
/* BREADCRUMB END */

/* PREV/NEXT BUTTONS START */
div.nav-next-btn {
	position:absolute;
	height:27px;
	width:22px;
	padding:0 0 1px 0;
	line-height:0;
	cursor:pointer;
}
div.nav-prev-btn {
	background: #858d82 url(../images/bg/nav-prev-btn.gif) no-repeat right top;
	position:absolute;
	height:54px;
	width:22px;
	line-height:1;
	cursor:pointer;
}
	div.nav-next-btn div {
		position:absolute;
		line-height:0;
		width:22px;
	}
		div.nav-next-btn div.top {
			background:url(../images/bg/nav-next-btn.gif) no-repeat right top;
			height:5px;
		}

		div.nav-next-btn div.bottom {
			background:url(../images/bg/nav-next-btn.gif) no-repeat right bottom;
			height:1px;
			bottom:0;
		}
		div.nav-next-btn div.arrow {
			background:url(../images/bg/nav-next-btn-arrow.gif) no-repeat right center;
			width:8px;
			height:25px;
			left:6px;
		}
		div.nav-next-btn.hover div.top,
		div.nav-prev-btn.hover {
			background-position:left top;
		}
		div.nav-next-btn.hover div.arrow {
			background-position:left;
		}
		div.nav-next-btn.hover div.bottom {
			background-position:left bottom;
		}
/* PREV/NEXT BUTTONS END */