@import "Common.css";

/* 
 *      DiD Main Page CSS
 */

/* container for all the content */ 
#outerwrapper {
	width: 968px;
	margin: 0px auto;
	background: url(/DiD/PublishingImages/bkg_shadow.gif) center center repeat-y;
	display: table; /* must put this in for FireFox. */
}

#wrapper {
	width: 950px;
	margin: auto;
	background: url(/DiD/PublishingImages/bkg_main.gif) center top no-repeat;
	display: table; /* must put this in for FireFox. */
}

/*  Float containers fix: Content is floated and needs to be contained in order for the background 
to show in the browsers other than IE   */
.clearfix:after {
max-height: 2800px;
min-height: 500px;
}

/*  Float containers fix:  Content is floated and needs to becontained in order for the background 
to show in the browsers other than IE only for content area  */
.clearfixcont:after {
	content: ".";
	display: block;
	min-height: 100%;
	/*max-height: 2800px; */
	/*min-height: 500px; */
	clear: both; 
	visibility: hidden;
}

/* Hack Targets IE Win only for content area\*/
* html .clearfixcont {
	height: 79%;
}

.clearfixcont {
	display: block;
}
/* End Hack */	


/* Top navgation or banner*/
#toplcontent {
	height: 220px;
	margin: 0px 0px;
	width: 325px;
	float: left;
	padding: 100px 25px 0px 100px;

}

#btmlcontent{		
}

* html #toplcontent{	
	height: 100%; 
}	

#toprcontent {
	height: 440px;
	float: right;
	width: 420px;
	/*background: #FFCCCC;*/
	margin: 0px;
	padding: 100px 80px 0px 0px;
	/*background: url(images/img_about.jpg) right bottom no-repeat;*/
}

* html toprcontent {	
	height: 100%; 
}		

/* Main content area style setting */		
#maincontent{
	height: 135px;
	margin: 0px 0px;
	width: 795px;
	float: left;
	padding: 0px 55px 25px 100px;
}

/* Internet Explorer (IE) 6 and below doesn't support min-height */	
* html #maincontent{	
	height: 135px; 
}		

/* Copyright footer area */		
#DiDfooter {
	clear: both;
	width: 900px;
	color: #666666;
	height: 100px; 
	background: url(/DiD/PublishingImages/bkg_footer.gif) left bottom repeat-x;
	margin: 0px auto;
	padding: 15px 0px 0px 0px;
	text-align:left;
}

/********************************************************
 * NP Content Query 2
 ********************************************************/

/* CQWP header */		
#cqwpheader{
	clear: both;
	width: 100%;
	height: 13px; 
	background: url(/DiD/PublishingImages/tit_news.jpg) 110px no-repeat;
	padding-bottom:15px;
}
 
.ContentQuery2_BaseHolder{
	text-align:left;
	vertical-align: middle;
	width:300px;
	padding: 0px 25px 0px 100px;
}

.ContentQuery2_ImgHolder{
	float: left;
	width: 20%;
}

a.ContentQuery2_Link:active, visited, link, hover {
	text-decoration:none;
}

.ContentQuery2_Img {
}

.ContentQuery2_DescHolder{
	width: auto;
}

.ContentQuery2_TitleBullet{
	background: transparent url('/DiD/PublishingImages/img_dot.gif') top no-repeat;
	width:20px;
}

.ContentQuery2_Title{
	color: white;
	font-weight:bold;
	font-size: 12px;
	font-family: Arial, Helvetica, verdana, sans-serif;
	text-decoration:none;
	text-align:left;
}

.ContentQuery2_Bullet{
}

.ContentQuery2_Description{
}

.ContentQuery2_BtnHolder{
}

.ContentQuery2_Btn{
}