#ddd-banner-wrapper {
	/* The following is a toggle. If the DDD site is running and the header is being loaded
	You can still turn off banners here by setting display to "none" Please be sure to reset to 
	"block" so that next year when we start up we don't think something is broken because they are
	 not appearing. */
	display: none;
	background: url(/assets/img/bg-ddd-banner.jpg) repeat;
}

#ddd-banner {
	position:relative;
	width:1068px;
	margin-bottom:0;
	margin: 0 auto;
}
#ddd-banner img {
	display:block;
	margin-bottom:0;
	margin: 0 auto;
	}	
#banner-links{
	/*width: 600px;
	position: absolute;
	top: 143px;
	right: 17px; */
	width: 100%; 
	position: relative;
	bottom: 0;
	z-index: 2;			
	font-family: Helvetica, Arial, sans-serif;
  	font-size: 9pt;
	line-height: 12pt;
    text-align: right;
	right: 10px;
    margin-top: -16px;
}

@media only screen and (max-width: 640px){
    #banner-links{ margin-top: 0; background: #957f6b; padding-top: 10px; padding-bottom: 10px; right: 0; text-align: center; }
	.bannerLine2 { display: block; }
	#banner-links p { color: #fff; }
	.ddd-progress-number { color: #fff; }
	#banner-links a:link, #banner-links a:visited { color: #fff !important; }
	 
}

#banner-links a:link, #banner-links a:visited {
	color: #3a3a3a;
	text-decoration: none;
	}

#banner-links a:hover {
	text-decoration: underline
	}
	
.ddd-progress-number {
	margin-left: 0.10em;
	color: #145AA6;
	font-weight: 600;
	}

.ddd-progress-number a:link, .ddd-progress-number a:visited {
	text-decoration: none;
	}

.ddd-progress-number a:hover {
	text-decoration: underline;
	}