@charset "UTF-8";
/**
 * CDC - (X)HTML/CSS Framework
 *
 * @package         TemplatePackage 'B'
 * @version         2.5.2
 * @builddate       06-16-2010 (We, 16 June 2010)
 */

@media screen, projection
{

#nav-container #nav {
	position:relative;
	margin:0;
	padding:0/* 12px 0 0*/;
	height:auto;
	width:179px;
	color:#fff;
	clear:both;
}
.optional #nav {z-index:10;}

#nav, #nav-container .bottom {background:transparent url('/TemplatePackage/images/bg_leftNav_new.gif') repeat-y top left;}
#nav-container .bottom { /* bottom */
	position:relative;
 	margin:0 0 0.5em 0;
	height:15px; /** = height of bottom cap/shade */
	width:179px;
	border:none;
	background-color:#f4f4e1;
	background-position:bottom left;
}

/**
 * = Link styles for the left navigation ===================
 */

#content #nav-container h3{
	font-size:1em;
	margin:0;
	padding:0;
	min-height:28px;
	width:179px;
}

#content #nav-container h3 a{
	background-image:url('/TemplatePackage/images/bg_navH3.gif');
	background-position:0 10px;
	background-repeat:no-repeat;
	display:block;
	color:#fff;
	margin:0;
	border:none;
	padding:10px 0 5px 6px;
	font-weight:bold;
	font-size:1em;
	text-decoration:none;
	overflow:hidden;
}

#nav ul{ background:#f4f4e1;
	margin:0;
	border:none;
	padding:0;
	height:100%;
	width:175px;
	clear:both;
}
#nav ul ul { /** = modified in order for the javascript mennu not to jump, see noscript tag in "inc-cdcHeader" to offset when javascript is disabled = */
	margin:0;
	padding:0;
}
#nav ul li {
	position:relative;
	display:block;
	background-color:#c1d5b0;
	margin:0;
	border-top:1px solid #f0f5eb;
	padding:0;
	list-style:none;
}
#nav ul li ul li { background-color:#d7e4cc; }
#nav ul li ul li ul li {
	background-color:#fff;
	border-top:1px solid #fff;
}

/** = Level 1 styles for the left nav links = */
#nav ul li a {
	display:block;
	position:relative;
	color:/*#0a29a5*/black;
	padding-top:4px;
	padding-right:2px;
	padding-bottom:4px;
	padding-left:10px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
}

/** = Level 2 styles for the left nav links = */
#nav ul ul li a{
	padding-right:2px;
	padding-left:18px;
}

/** = Level 3 styles for the left nav links = */
#nav ul ul ul li a{
	padding-right:2px;
	padding-left:28px;
}

/** = Level 4 styles for the left nav links = */
#nav ul ul ul ul li a{
	padding-right:2px;
	padding-left:38px;
	margin:0;
}

#nav ul li.last-child {border-bottom:0;}
	
.rollCol,
#nav ul li a:hover {text-decoration:underline;}

/** = Selected state for Level 1 link = */
#nav li a.selected{
	background:url('/TemplatePackage/images/leftNav_arrow.gif') 0 5px no-repeat;
	font-weight:bold;
}
/** = Selected state for Level 2 link = */
#nav ul ul li a.selected {
	background-position:8px 5px;
}
/** = Selected state for Level 3 link = */
#nav ul ul ul li a.selected {
	background-position:18px 5px;
}

/** = Selected state for Level 4 link = */
#nav-fourth-level {
	margin:0 0 10px;
	padding:0 0 10px;
	overflow:hidden;
	border-bottom:1px dotted #0c5205;
}
#nav-fourth-level li {
	background:transparent url(/TemplatePackage/images/blue_bullet.png) 0 0.65em no-repeat;
	margin:0;
	padding:3px 0;
	list-style:none;
}
#nav-fourth-level ul a.selected, #nav-fourth-level ul .selected {/** = Needs to be added to all the theme pages = */
	font-weight:bold;
}

#nav-fourth-level ul .selected {display:block;}

#nav-fourth-level ul li a, #nav-fourth-level ul .selected {padding:0 2px 0 14px;}

#content #nav-fourth-level ul li a {text-decoration:none;}

#content #nav-fourth-level ul li a:hover {text-decoration:underline;}

#nav ul.ulHide{
	display:none;
	background-color:transparent;
	border:none;
}
#nav li.ulHide{
	display:none;
	background-color:transparent;
	border:none;
}
#nav li.ulHide a{
	display:none;
	background-color:transparent;
	border:none;
}
#nav ul.ulDisplay{
	display:block;
	border:none;
}
#nav li.ulDisplay{
	display:block;
}
#nav ul.ulHide li.ulDisplay {
	display:none;
	background-color:transparent;
	border:none;
}
#nav ul.ulHide li.ulDisplay a{
	display:none;
	background-color:transparent;
	border:none;
}

#nav-container > * {margin-left:10px;}

#nav-container .related {
	position:relative;
	background:transparent url("/TemplatePackage/images/bgRelatedLinks.png") 0 0 no-repeat;
	margin:12px 0 12px 10px;
	width:auto;
}
#nav-container .related .bot, #content-secondary .related .bot {
	position:relative;
	background:transparent url("/TemplatePackage/images/bgRelatedLinks.png") bottom left no-repeat;
	margin:0;
	height:9px;
	width:auto;
}
#nav-container .related h4, #content-secondary .related h4 {
	color:#0a29a5;
	font-weight:bold;
	margin:0;
	border-bottom:1px solid #cdcdcd;
	padding:8px 1px 0 1px;
}
	#nav-container .related h4 a, #content-secondary .related h4 a {
		display:block;
		background-color:#fefae8;
		color:#0a29a5;
		margin:0;
		padding:2px 10px 4px 10px;
	}
	#nav-container .related h4 span, #content-secondary .related h4 span {
		display:block;
		background-color:#fefae8;
		color:#000;
		font:1em Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold; 
		padding:2px 10px 4px;
	}

#nav-container .related ul, #content-secondary .related ul {
	margin:0 auto;
	list-style:none;
	overflow:hidden;
}
#nav-container .related ul li, #content-secondary .related ul li {
	display:block;
	margin:0;
	border-bottom:1px solid #bfbfbf;
	padding:0;
}
#content .related ul li.last, #content .related ul li.lastChild {
	border-bottom:none;
}
#content .related ul li a:hover, #content .related div a:hover {
	text-decoration:underline;
}
.related ul li a {
	display:block;
	color:#0a29a5;
	margin:0;
	padding:4px 6px 4px 10px;
}
.related ul li.lastChild a {
	display:block;
	background:transparent url("/TemplatePackage/images/btn_dblArrows.gif") right bottom no-repeat;
	font-weight:bold;
	margin:0 6px 0 0;
	padding:1px 10px 4px 0;
	text-align:right;
	width:auto;
}

#content .related ul li {
	margin:0;
	padding:4px 6px 4px 10px;
}

.related ul li a{
	display:inline-block;
	padding:0;
	margin:0;
}

.topicHome #nav-primary li#local-az-link {display:none;}

}