@charset "UTF-8";
/**
 * CDC - (X)HTML/CSS Framework - wysiwyg
 *
 * @package         TemplatePackage 'B'
 * @version         2.8.0
 * @builddate       07-01-2014 (Tu, 01 Jul 2014)
 */
 
@media tv
{

#branding {
	background: #fff/* url('/TemplatePackage/images/bgHdrAZ.gif') 0 0 repeat-x*/;
	margin: 0;
	padding: 0;
}
	#branding #branding-logo{
		margin: 0;
		padding: 0;
		height: 65px;
		background: transparent/* url('/TemplatePackage/images/cdcHeaderLogo.gif') no-repeat 5px 20p*/x;
	}
		#branding-logo span{
			display:none;
		}
	#branding #branding-logoImage a{
		width:480px;
		height:60px;
		position: absolute;
	}
		#branding #branding-logo img{
			display:none;
		}
		
#index #branding-pageheader{
	background: transparent;
	margin:0;
	padding: 0;
	width: auto;
	height: 50px;
	border: none;
}
	#branding span{
		margin: 5px 0 0 9px;
		position: absolute;
		text-align: center;
		width: 70px;
	}
		#branding span a{
			font-size: .9em;
			color: #666;
			text-decoration: none;
		}

#skipmenu, #AZlist-container, #branding, #siteinfo, #omniture, noscript { display: none; }

/* 
===========================================================

===========================================================
*/

#index #content-header{
	background:transparent;
	margin-bottom:0.75em;
	max-height:186px;
	min-height:166px;
	width:auto;
	overflow:hidden;
}

#content-header h1{
	display:block;
	min-width:200px;
	margin-bottom:0.25em;
}

/**
 ==========================================================
 * = SEARCH FORM ELEMENTS
 ==========================================================
 */

#searchForm{
	float: right;
	margin-top: 45px;
	padding: 0;
	height: 29px;
	text-align: right;
	width: 300px;
	height: 0;
}

#searchForm fieldset{
	margin: 0;
	padding: 0;
	border: none;
}

#searchForm label {
	color: #ffffff;
	display: block;
	padding: 0;
}

#searchForm label.search,
#searchForm label.searchButton,
#metrics , #metrics * {
	display:none;
}

input#searchBox {
	float: left;
	margin: 0;
	padding: 0;
	border:solid #525967 1px;
	font-size: 1.2em;
	color: #003366;
	height: 19px;
	width: 230px;
}

input#searchBoxSmall {
	float: right;
	margin: 0;
	padding: 0;
	border:solid #525967 1px;
	font-size: 1.2em;
	color: #003366;
	height: 19px;
	width: 120px;
}

input#searchButton {
	display: block;
	margin: 0;
	padding: 0;
	height: 21px;
	width: 62px;
	float: right;
}
input.submit{
	display: block;
	margin: 0;
	padding: 0 0.25em;
	width: auto;
	float: right;
}


/** 
 ==========================================================
 * = PageOptions
 ==========================================================
 */

#content-secondary .pageOptions {
	background: #f5faed/* url('/TemplatePackage/images/bg_repeatPageOptions.gif') 0 0*/;
	/*position: relative;*/
	margin: 0;
	padding: 0;
	border: none;
	border-top: 1px solid #b5ce9e;
	height: auto;
	width: 175px;
/*	clear: both;*/
		/*overflow: visible;*/
		z-index: 999;
}
	.pageOptions .pageOptions-inner{
		background:transparent/* url('/TemplatePackage/images/bg_pageOptions.gif') 0 bottom no-repeat*/;
		margin:0;
		padding:0 0.5em 5px 0.75em;
		height:auto;
		width:auto;
		/*clear:both;*/
	}

/* will need to update above for new layout */
#siteinfo {
	height: 103px;
}
	#siteinfo-credits{
		background-color:#fff;
		margin:0;
		border:none;
		padding:0;
		padding-top:6px;
		color:#000;
		line-height:1.2;
		height:70px;
	}
		#siteinfo-credits img{
			margin:-6px 0.25em 0 0;
			border:none;
			padding:0 0 1em 0;
			float:left;
			clear:right;
		}

/**
 ===================================
 * = RULES
 ===================================
 */

#siteinfo-logos{
/*	position:absolute; */
	display:inline;
	float:right;
	height:55px;
	width:auto;
	margin:/*-70px 0 0 */0;
	padding:0;
	vertical-align:middle;
	border:1px solid #fff;
}

#siteinfo-credits #siteinfo-logos img {
	float: left;
	display: inline;
	margin: 0;
	border: none;
	padding: 0;	
}
#siteinfo-logos a:first-child img{
	margin-top:0.7em;
}

.lefty{
	margin-right:5px;
	float:left;
	clear:right;
}
.righty{
	margin-left:5px;
	float:right;
	clear:left;
}

#wrapper img.center{
	display: block;
	margin: 0 auto;
	margin-bottom: 0.5em;
}

.clearfix:after{
	content:"."; 
	display:block; 
	height:0; 
	clear:both;
}
.clearfix{ 
	display: block;
	height:0; 
	clear:both;
}

#content-main table{
	border-collapse:collapse;
	margin-bottom:1em;
}

/**
 ===================================
 * = Moved from homeColumn.css
 ===================================
 */

#left-column {
	float:left;
	margin:0;
	width:66%;
}
#left-column .column-inner {
	margin: 0 5px 0 0;
}

#right-column {
	float:right;	
	margin:0;
	width:33%;
}
#right-column .column-inner {
	margin: 0 0 0 5px;
}

/**
 * -- Below: this area needs to be resolved for future release --
 */
		.two-columns{
			background: transparent;
			position: relative;
			margin: 0;
			padding: 0;
			width: auto;
			max-width: 772px;
			min-width: 8em;
			overflow: auto;
		}
		
		.two-columns .column1{ position: relative;
			float: left;
			margin: 0;
			padding: 0;
			width: 50%;
			clear: left;
		}
		.two-columns .column2{ position: relative;
			float: none;
			margin: 0;
			margin-left: 50%;
			margin-right: 0;
			padding: 0;
		}
		
		.two-columns .column1 > div{ position: relative; margin-right: 5px;}
		.two-columns .column2 > div{ position: relative; margin-left: 5px;}
		
		.two-columns .rounded-corner .column1 div{ margin-right: 5px;}
		.two-columns .rounded-corner .column2 div{ margin-left: 5px;}
/**
 * -- above: is for new homepage layout modules, needs to removed for future version using Subgrids --
 */

#right-column .rounded-corner{ margin-left: 0;} /* -- This is old method for making columns, do we still need to support? -- */

.top-blocks .column1{ position: relative;
	float: left;
	margin: 0;
	margin-left: 0;
	padding: 0;
	width: 50%;
	clear: left;
}
.top-blocks .column2{ position: relative;
	float: none;
	margin: 0;
	margin-left: 50%;
	margin-right: 0;
	padding: 0;
	width: auto;
}
.top-blocks .column1 dl{ margin-right: 2.5px;}
.top-blocks .column2 dl{ margin-left: 2.5px;}

/**
 * = SUBGRIDS ==================================================
 */

.subColumns {overflow: hidden;}

.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l { display: inline; float: left; position: relative; }
.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r { display: inline; float: right; position: relative; }
	
.c25l, .c25r { width: 25%; }
.c33l, .c33r { width: 33.333%; }
.c50l, .c50r { width: 50%; }
.c66l, .c66r { width: 66.666%; }
.c75l, .c75r { width: 75%; }
/* Golden Ratio */
.c38l, .c38r { width: 38.2%; } 
.c62l, .c62r { width: 61.8%; }

.subc { padding: 0 0.25em; overflow: hidden; }
.subcl { padding: 0 0.5em 0 0; }
.subcr { padding: 0 0 0 0.5em; }

.subc .flow a,.subcl .flow a, .subcr .flow a {display: inline;}
}
