@charset "UTF-8";
/**
 * CDC - (X)HTML/CSS Framework - PURPLE COLOR THEME - Main=#dad5eb, Accent=#fefbe9, secondry=#f3f2f9, secondary-border=#bab1db
 *
 * @package         TemplatePackage 'B'
 * @version         2.5.2
 * @builddate       06-16-2010 (We, 16 June 2010)
 */

@media screen, projection
{
*:first-child+html body.secondTier #content {background: #fff url('/TemplatePackage/images/theme-purple/bg_content.gif') left 10px repeat-x;}
/* 
===========================================================
Header Colors 
===========================================================
*/
#topic-title h1,
#content-main h1,
#topic-title h2,
#topic-title h1 a,
#topic-title h2 a {color: #3d316a;}

#topic-title h1 a:hover, #topic-title h2 a:hover {border-bottom: 1px solid #3d316a;}

/*
===========================================================
Breadcrumb Colors 
===========================================================
*/
#breadBox,
#breadBox ul{background-color: #f3f2f9;}

/*
===========================================================
Left Nav Colors 
===========================================================
*/
#content #nav-container h3 a {background-image: url('/TemplatePackage/images/theme-purple/bg_navH3.gif');}

#nav,
#nav-container .bottom {background: transparent url('/TemplatePackage/images/theme-purple/bg_leftNav.gif') repeat-y top left;}
#nav ul li {background: #c5bee1;}
#nav ul li ul li {background: #dad5eb;}
#nav-container .bottom {background-position: bottom left;}

/* Selected state for Level 1, 2, 3, and 4 link */
#nav-container #nav li a.selected, #nav-fourth-level ul a.selected {background-image: url('/TemplatePackage/images/theme-purple/leftNav_arrow.gif');}

/*#nav-fourth-level ul a:hover {background-color: #f3f2f9;}*/

/**
 * ========================================================
 * = Page Options Colors
 */
#content-secondary .pageOptions {
	background: #f3f2f9 url('/TemplatePackage/images/theme-purple/bg_repeatPageOptions.gif') 0 0;
	border-top: 1px solid #bab1db;
}
#content-secondary .pageOptions .pageOptions-inner {background: transparent url('/TemplatePackage/images/theme-purple/bg_pageOptions.gif') 0 bottom no-repeat;}

.pageOptions-horizontal, #blog .pageOptions-horizontal, .pageOptions-horizontal ul {background-color: #f3f2f9;}

/**
 * =========================================================
 * = A-Z list color options and header
 */
#content .AZlist-local li a {background-color: #f3f2f9;}
#content .AZlist-local li.selected a {background-color: #3d316a;}

#content .azMenuList .AZlist-local li a {background: transparent;}/* This should only be for proofing and needed when sight goes live */

#AZ-content h1 span {color: #3d316a;}

/**
 * ========================================================
 * = Module Colors
 */
.frame {border:1px solid #bab1db !important;}
.rounders.frame {border:none !important;}
.cdc-caption, .roundem {background-color:#f3f2f9 !important;}
/*.accent, */.roundem.accent {background-color:#fefbe9 !important;}

#wrapper .module h3,
#wrapper .rounders h3,
#content-main h2 {color:#3d316a;}

.rounders .inner,
.rounders .t,
.rounders .b,
.rounders .b div,
.rounders.top-blocks .inner,
.rounders.top-blocks .t,
.rounders.top-blocks .b,
.rounders.top-blocks .b div,
#blog .rounders.option2 .inner,
#blog .rounders.option2 .t,
#blog .rounders.option2 .b,
#blog .rounders.option2 .b div {background-image: url('/TemplatePackage/images/theme-purple/bg_twoBlocks.gif');}

#content-secondary .rounders .inner,
#content-secondary .rounders .t,
#content-secondary .rounders .b,
#content-secondary .rounders .b div {background-image: url('/TemplatePackage/images/theme-purple/bg_smallRails.gif');}

.rounders .inner {
	position: relative;
	margin: 0px;
	padding: 12px 12px 0 0;
}
.rounders .t {
	position: absolute;
	left: 0;
	top: 0;
	width: 12px; 
	margin-left: -12px;
	height: 100%;
	background-position: top left;
}

.rounders .b {
	position: relative;
	width: 100%;
}

.rounders .b,
.rounders .b div {
	height: 12px; 
	font-size: 1px;
}

.rounders .b {background-position: bottom right;}

.rounders .b div {
	position: relative;
	width: 12px;
	margin-left: -12px;
	background-position: bottom left;
}

.rounders .hd,
.rounders .bd,
.rounders .ft {position:relative;}

.page-curl h3 {background-color: #eeecf6;}

.double-rule {background: #f0eff7/* url('/TemplatePackage/images/theme-purple/bgDivDouble.jpg') 0 0 repeat-x*/;}
.double-rule h3 {background: #f0eff7 url('/TemplatePackage/images/theme-purple/bgDoubleRule.gif') right bottom repeat-x;}

}