@charset "utf-8";
/**
 * CDC - (X)HTML/CSS Framework - wysiwyg
 *
 * @package         TemplatePackage 'B'
 * @version         2.8.0
 * @builddate       2016-04-13
 */
 
@media tv
{

html, body {
	margin:0;
	padding:0;
	height: 100%;
}

body {
	background-color: #bec3cc;
	border: none;
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

div#wrapper {
	background: transparent url('/TemplatePackage/images/bgWrapperRt.png') top right repeat-y;
	position: relative;
	margin: 0 auto;
	border: none;
	padding: 0 12px;
	height: 100%;
	width: 955px;
	/* [disabled]overflow: hidden; */
}
#index div#wrapper {
	height:auto;
	overflow:visible;
}

div#wrapper .top {
	/* top+left vertical slice */
	position:absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 12px; /* top slice width */
	margin-left: 0;
	height: 100%;
	background: red url('/TemplatePackage/images/bgWrapperLft.png') top left;
}

/**
 * = CONTENT AREA ==========================
 */
#content{ 
	background: #fff;
	display:block;
	float:right;
	margin: 0;
	border: none;
	padding: 0;
	width:100%;
	overflow: hidden;
}
/*#index #content {position:relative;}*/

	#content-inner{
		background-color: #fff;
		position:relative;
		float: left;
		margin: 0;
		padding: 0;
		/* ====== testing ====== */	/* width: 780px; */
			width:auto;
	}
	.optional #content-inner {
		float: none;
		width: 100%;
	}
	.widePage #content-inner {width:auto;}
	
		#content-main {
			margin: 0;
			padding: 0;
			float:left; width:100%;
		}
		.secondTier #content-main {margin: 0 0 0 179px;}

			.main-inner{
				margin: 0;
				padding: 0 10px;
			}

/**
 * = END CONTENT AREA ===================
 */

	#nav-container{
		background-color: white;
		float: left;
		position: relative;
		margin: 0;
		border: none;
		padding: 0;
		width: 179px;
	}
	/* ====== testing ====== */	.widePage #nav-container {position:absolute; left:-199px; display:none;}
	/* ====== testing ====== */	.widePage #nav-container #content-secondary:after {content:This will not display in the web browser.;display: block;}
	
	#content-secondary {
	background-color: #fff;
	/*display: inline;*/
	float: right;
	position:relative;
	margin: 0;
	border: none;
	padding: 0;
	width: 175px;
	}
	.optional #content-secondary {
		margin-right:-5px;
		margin-left: 10px;
	}

#branding, #siteinfo, .preFoot {
	background: #fff;
	clear: both;
	margin: 0;
	border: none;
	padding: 0;
}

.preFoot {padding-bottom:0.5em;}

/**
 * ==========================================================
 * = new stuff added to home pages...
 * ==========================================================
 */
#top-container {
	/*clear: both;*/
	position:relative;
	margin:0 0 1em 0;
	padding:0;
	width:auto;
	overflow:hidden;
}

#topic-intro {
	position:relative;
	margin:0;
	padding:10px 0 0 0;
	width:auto;
}
	#topic-intro p {
		width:auto;
		clear:left;
	}

#bottom-container {
	clear: both;
	position:relative;
	margin:0 0 1em 0;
	padding:0;
	width:auto;
	overflow:hidden;
}

}
