@import url("../css/global.css");

/* Header Layout
--------------------------------------------------------------------------------------------------- */
#header {
	position: relative;
	height: 412px;
}
#feature { 
	height: 201px;
	padding: 10px 14px 0;
	position: absolute;
	background: url(../gfx/flash_bg.gif) repeat-x 0 0;
	top: 196px;
	left: 14px;
	width: 747px;
}
#feature p { 
	display: block;
	float: left; 
	width: 248px;
	height: 194px;
	line-height: 1;
	margin: 0; padding: 0;
	text-indent: -9999px;
	background: url(../gfx/tagline.jpg) no-repeat 0 0 
}
#feature img,
#feature .slides { 
	float: right;
	margin: 0;
	position: relative;
	width: 499px;
	height: 194px;
}

/* Latest News
--------------------------------------------------------------------------------------------------- */

#secondary dl {
	padding: 0 0 0 14px;
}
#secondary dl dt {
	display: block;
	height: 15px;
	width: 100%;
	background: url(../gfx/hd/recentnews.gif) no-repeat 0 0;
	text-indent: -9999px;
}
#secondary dl dd {
	padding: 5px 0;
	line-height: 1.4em;
	clear: both;
}
#secondary dl dd.idcp span {
	display: block;
}
#secondary dl dd.idcp span a {
	color:#fff;
	padding: 3px 10px;
	background: #5A5A5A;
	font-weight: normal;
}
#secondary dl dd.idcp a:hover {
	background: #CCE60F;
	color:#5A5A5A;
}
#secondary dl dd .date a {
	display: block;
	float: left;
	width: 50px;
	height: 18px;
	line-height: 18px;
	background: url(../gfx/datetab.gif) no-repeat 0 0;
	font-size: 10px;
	color:#ccc;
	text-align: center;
	font-weight: normal;
}
#secondary dl dd .date a:hover {
	background-position: -50px 0;
	color:#333;
}
#secondary dl dd .perma {
	float: right;
	width: 186px;
	display: block;
}
#secondary dl dd .perma a {
	color:#333;
	text-decoration: none;
}
#secondary dl dd .perma a:hover {
	text-decoration: underline;
}
#secondary dl dd ul {
	padding: 4px 0 0 0;
}
#secondary dl dd ul li  {
	margin: 0 0 15px 0;
}
#secondary dl dd.more {
	padding: 0 0 0 120px;
	margin: 0;
	background: url(../gfx/greydot.gif) repeat-x 0 2px;
}
#secondary dl dd.more a {
	display: block;
	width: 108px;
	height: 24px;
	background: url(../gfx/morenews.gif) no-repeat 0 0;
	text-indent: -9999px;
}
#secondary dl dd.more a:hover {
	background-position: -108px 0;
}

/* Primary Content
--------------------------------------------------------------------------------------------------- */
#primary h2 {
	float: left;
	margin: 0;
	padding: 0;
	color:#333;
	display: block;
	width: 136px;
	height: 14px;
	line-height: 14px;
	background: url(../gfx/hd/aboutcdml.gif) no-repeat 0 0;
	text-indent: -99999px;
}
#primary p {
	margin: 0 0 15px 0;
	line-height: 1.8em;
	float: right;
	width: 315px;
}