/* Start of CMSMS style sheet 'DHDC-main' */
@charset "UTF-8";
/* CSS Document */


body { margin: 0; padding:0; background-color:#B0B0B0!important; color:#484848; font-family: Arial, Helvetica, sans-serif;  }
@media screen and (-webkit-min-device-pixel-ratio:0) {
    body { background-color: #B0B0B0; }
} /* this hack fixes bug in Safari so it will properly display background color on body element -weird */

a { text-decoration:none; }
a:hover { text-decoration:underline; }


/* universal containers */
#page-container { width:1024px; margin-top:0; margin-bottom:0px; margin-left:auto; margin-right:auto; padding:0px; }
#header-container { width:1024px; margin:0px; background-color:#000000; clear:both; }
#body-container { width:1024px; margin:0px; background-color:#e2e2e0; clear:both; }
#footer-container { width:1024px; margin:0px; background-color:#ffffff; clear:both; }

/* page */
#page { width:1024px; margin:20px 0 0 0; padding:0; background-color:#e2e2e0; color:#666; font-family: Arial, Helvetica, sans-serif; margin-bottom:20px; }


/* header */
#header-container #header { float:left; clear:none; width:330px; height:90px; margin:0; padding:0; font:"Myriad Pro"; color:#ffffff; position:relative; }
	#header a img { border:none; }
	#header h1 { position:absolute; top:22px; left:72px; font: "Myriad Pro"; font-weight:normal; padding:0; margin:0; }
	#header h1 a, #header h1 a:hover { border:none; text-decoration:none; }
	#header h1 span.small-h1 { font-size:.6em; color:#ffffff; font: "Myriad Pro"; font-weight:normal; padding-left:1px; }
	#header h1 span.big-h1 { width:300px; font-size:.825em; color:#ffffff; font: "Myriad Pro"; font-weight:normal; position:relative; top:-7px; letter-spacing:-2px; }
	#universal-nav { background-color:#000000; height:90px; width:657px;float:right; clear:none; margin:0; padding-right:36px; }
	#universal-nav ul { float:left; margin:0; padding:0; height:90px; margin:0px 0 0px 0; border-left:1px solid #1c1c1c; }
	#universal-nav ul li { list-style:none; float:left; clear:none; background-color:#000000; margin:0px 1px 0px 0; height:88px; padding:0px 13px 0px 12px; font-size:.875em; 
	border-right:1px solid #1c1c1c; }
	#universal-nav ul li.current { list-style:none; float:left; clear:none; background-color:#12a5cb; margin:0px 1px 0px 0; height:90px; padding:0px 12px 0px 12px; font-size:.875em; 
	font-weight:bold; border-right:1px solid #1c1c1c; }
	#universal-nav ul li a { text-decoration:none; color:#999; position:relative; top:50px; }
	#universal-nav ul li a:hover { text-decoration:underline; color:#ffffff; }
  #universal-nav ul li.current a { text-decoration:none; color:#fff; position:relative; top:50px; }
	#universal-nav ul li.current a:hover { text-decoration:underline; color:#ffffff; }
		

/* body */
#body { width:996px; margin:0; padding:0 14px 0 14px; background:#E2E2E0 url(uploads/images/body-bg.png) no-repeat; font-family: Arial, Helvetica, sans-serif; clear:both; }

	#body #minor-column { width:206px; float:left; padding:0 14px 0 14px; margin:0; clear:none; }
	
		#minor-column div.feature-block { height:392px; padding:4px; background-color:#ffffff; margin-bottom:15px; }

		#minor-column ul#nav-column { width:203px; padding:0; margin:0; background-color:#fafafa; border-top:1px solid #DDDDDD; border-left:1px solid #DDDDDD; border-right:1px solid #cfcfcf;
		border-bottom:1px solid #cfcfcf;	margin-bottom:20px; }
		#minor-column ul#nav-column li.nav-item { width:178px; height:28px; padding:7px 6px 0px 6px; border-bottom:1px solid #e6e6e6; list-style:none;	margin-left:8px;
		background:url(uploads/images/white-learnmore-icon.gif) no-repeat 169px 9px; }
		#minor-column ul#nav-column li.nav-item span.current { font-size:.85em; font-weight:bold; margin-left:4px; position:relative; top:2px; }
#minor-column ul#nav-column li.nav-item-last span.current { padding-left:14px; font-size:.85em; font-weight:bold; margin-left:4px; position:relative; top:2px; }
		#minor-column ul#nav-column li.nav-item-last { width:203px; height:28px; padding:7px 0px 0px 0px;	border-bottom:1px solid #e6e6e6; 
		background:url(uploads/images/white-learnmore-icon.gif) no-repeat 176px 9px; list-style:none; }
		#minor-column ul#nav-column li.nav-item a { color:#12a5cb; text-decoration:none; font-size:.85em; font-weight:bold; margin-left:4px; position:relative; top:2px; }
		#minor-column ul#nav-column li.nav-item-last a { color:#12a5cb; text-decoration:none; font-size:.85em; font-weight:bold; margin-left:18px; position:relative; top:2px; }
		#minor-column ul#nav-column li.nav-item a:hover, #minor-column ul#nav-column li.nav-item-last a:hover { color:#12a5cb; text-decoration:underline; }
	
		#body #major-column { width:733px; float:left; padding:0 14px 0 14px; margin:0; clear:none; }
	
		#major-column div.feature-block { height:392px; padding:4px; background-color:#ffffff; margin-bottom:15px; }
			div.feature-block h3.featured { width:500px; padding:0; margin:8px 0 5px 10px; font-size:.9em; display:block; }
			div.feature-block span.featured { width:500px; padding:0 0 12px 0; margin:5px 0 0 10px; font-size:.85em; display:block; }
			div.feature-block div.lt-blue-poster span.learn-more { width:130px; height:25px; padding-right:25px; display:block; background-image:url(uploads/images/ltblue-learnmore-icon.gif); 
			background-repeat:no-repeat; background-position:right; float:right; text-align:right; position:absolute; bottom:4px; right:10px;}
			div.feature-block div.dk-purple-poster span.learn-more { width:130px; height:25px; padding-right:25px; display:block; background-image:url(uploads/images/dkpurple-learnmore-icon.gif); 
			background-repeat:no-repeat; background-position:right; float:right; text-align:right; position:absolute; bottom:4px; right:10px; }
			div.feature-block div.black-poster2 span.learn-more { width:130px; height:25px; padding-right:25px; display:block; background-image:url(uploads/images/black-learnmore-icon.gif); 
			background-repeat:no-repeat; background-position:right; float:right; text-align:right; position:absolute; bottom:4px; right:10px;}
			div.feature-block span.learn-more a { color:#FFFFFF!important; font-weight:bold; font-size:1em; text-decoration:none; border-bottom:none; }
			/* border-bottom works fine in FF and Safari but invisible in IE - text-decoration works fine in all but doesn't look as nice in FF and Safari */
			div.feature-block span.learn-more a:hover { text-decoration:underline; /*border-bottom:1px solid #ffffff!important;*/ }
			div.feature-block h3.playtitle { padding:0; margin:8px 0 5px 10px; font-size:.9em; display:block; }
			div.feature-block span.playdates { padding:0 0 12px 0; margin:0 0 0 10px; font-size:.85em; display:block; position:relative; top:-8px; }
			div.feature-block a img { border:none; }

			div.interior-feature-block { padding:4px; background-color:#ffffff; margin-bottom:15px; }
			div.interior-feature-block h3.featured { width:500px; padding:0; margin:8px 0 5px 10px; font-size:.9em; display:block; }
			div.interior-feature-block span.featured { width:500px; padding:0 0 12px 0; margin:5px 0 0 10px; font-size:.85em; display:block; }
div.interior-feature-block .learn-more { height:25px; padding-right:25px; margin-top:5px; display:block; background-image:url(uploads/images/white-learnmore-icon.gif); 
			background-repeat:no-repeat; background-position:right; text-align:right; }
			
			div.interior-feature-block .learn-more a { color:#12a5cb; font-weight:bold; font-size:.9em; text-decoration:none; border-bottom:none; }
			div.interior-feature-block div.lt-blue-bg span.learn-more { width:130px; height:25px; padding-right:25px; display:block; 
			background-image:url(uploads/images/ltblue-learnmore-icon.gif); 
			background-repeat:no-repeat; background-position:right; float:right; text-align:right; position:absolute; bottom:4px; right:10px; }
			div.interior-feature-block div.dk-purple-bg span.learn-more { width:130px; height:25px; padding-right:25px; display:block; 
			background-image:url(uploads/images/dkpurple-learnmore-icon.gif); 
			background-repeat:no-repeat; background-position:right; float:right; text-align:right; position:absolute; bottom:4px; right:10px; }
			div.interior-feature-block div.black-bg span.learn-more { width:130px; height:25px; padding-right:25px; display:block; 
			background-image:url(uploads/images/black-learnmore-icon.gif); 
			background-repeat:no-repeat; background-position:right; float:right; text-align:right; position:absolute; bottom:4px; right:10px; }
			/*div.interior-feature-block .learn-more a { color:#FFFFFF; font-weight:bold; font-size:1em; text-decoration:none; border-bottom:none; }*/
			/* border-bottom works fine in FF and Safari but invisible in IE - text-decoration works fine in all but doesn't look as nice in FF and Safari */
			/*check on possibility of changing leading to get border-bottom to work in IE - it will look better with border than underline */
			div.interior-feature-block .learn-more a:hover { text-decoration:underline; /*border-bottom:1px solid #ffffff!important;*/ }
			div.interior-feature-block h3.playtitle { padding:0; margin:8px 0 5px 10px; font-size:.9em; display:block; }
			div.interior-feature-block span.playdates { padding:0 0 12px 0; margin:0 0 0 10px; font-size:.85em; display:block; position:relative; top:-8px; }
			div.interior-feature-block a img { border:none; }
			
			#major-column div.happenings-block-container { width:733px; height:335px; margin:0 0 20px 0; padding:0; }
				div.happenings-block { width:226px; height:327px; padding:4px; background-color:#ffffff; margin-bottom:15px; float:left; display:block; position:relative; }
				div.happenings-block-spacer { width:15px; height:327px; margin:0; padding:0; border:none; float:left; clear:none; }
				div.happenings-block h3.playtitle { padding:0; margin:5px 0 0 5px; padding-bottom:5px; font-size:1em; display:block; }
				div.happenings-block span.playdates { padding:2px 0 8px 0; margin:0 0 0 5px; font-size:.85em; display:block; color:#333333; }
				div.happenings-block span.description { padding:0 8px 12px 0; margin:0 0 0 5px; font-size:.80em; display:block; color:#333333; }
				div.happenings-block span.learn-more { width:130px; height:25px; padding-right:25px; display:block; background-image:url(uploads/images/white-learnmore-icon.gif); 
				background-repeat:no-repeat; background-position:right; float:right; text-align:right; position:absolute; bottom:4px; right:10px; }
				div.happenings-block span.learn-more a { color:#12a5cb; font-weight:bold; font-size:1em; text-decoration:none; border-bottom:none; }
				/* border-bottom works fine in FF and Safari but invisible in IE - text-decoration works fine in all but doesn't look as nice in FF and Safari */
				/*check on possibility of changing leading to get border-bottom to work in IE - it will look better with border than underline */
				div.happenings-block span.learn-more a:hover { text-decoration:underline; /*border-bottom:1px solid #12a5cb!important;*/ }
				div.happenings-block a img { border:none; }
				
			#major-column div.social-networking-block-container { width:206px; margin:0 0 20px 0; padding:0; }
				div.social-networking-block { width:206px; height:40px; margin-bottom:20px; display:block; clear:both; position:relative; }
				div.social-networking-block img { width:39px; float:left; border:none; clear:none; display:block; margin-right:10px; position:relative; }
				div.social-networking-block span.description { width:150px; float:left; clear:none; font-size:.825em; display:block; color:#333333; position:relative; }
				div.social-networking-block span.description a { font-weight:bold; color:#12a5cb; text-decoration:underline; }
				div.social-networking-block span.description a:hover { text-decoration:none; }
		
				div.column { width:322px; margin: 0 0 20px 0; padding:0 40px 0 0; float:left; clear:none; }
div.column-nopad { width:362px; margin: 0 0 20px 0; padding:0; float:left; clear:none; }
div.semiwidecolumn { width:425px; margin: 0 0 20px 0; padding:0 40px 0 0; float:left; clear:none; }
div.seminarrowcolumn { width:225px; margin: 0 0 20px 0; padding:0 40px 0 0; float:left; clear:none; }
				div.widecolumn { width:633px; margin: 0 auto 20px auto; padding:0 80px 0 20px; clear:none; }
div.widecolumn-nopad { width:713px; margin: 0 auto 20px auto; padding:0 20px 0 0; clear:none; }
                               	div.column p, div.column-nopad p, div.widecolumn p, div.widecolumn-nopad p, div.semiwidecolumn p, div.seminarrowcolumn p { font-size:.825em; color:#333333; }
				div.column h3, div.column-nopad h3, div.widecolumn h3, div.widecolumn-nopad h3, div.semiwidecolumn h3, div.seminarrowcolumn h3 { font-size:1em; margin-top:6px; margin-bottom:6px; color:#333; }
				div.column h4, div.column-nopad h4, div.widecolumn h4, div.widecolumn-nopad h4, div.semiwidecolumn h4, div.seminarrowcolumn h4 { font-size:.95em; margin-top:6px; margin-bottom:6px; color:#333; }
				div.widecolumn a, div.widecolumn-nopad a, div.column a, div.column-nopad a, div.semiwidecolumn a, div.seminarrowcolumn a { font-weight:bold; color:#12a5cb; text-decoration:underline; }
				div.widecolumn a:hover, div.widecolumn-nopad a:hover, div.column a:hover, div.column-nopad a:hover, div.semiwidecolumn a:hover, div.seminarrowcolumn a:hover { text-decoration:none; }

			#major-column h2, #minor-column h2 { font-size:1em; margin: 22px 0px 10px 3px; }
			#major-column span.description, #minor-column span.description { font-size:.825em; display:block; color:#333333; }
			#major-column span.description a, #minor-column span.description a { font-weight:bold; color:#12a5cb; text-decoration:underline; }
			#major-column span.description a:hover, #minor-column span.description a:hover { text-decoration:none; }
			#minor-column div.minor-column-spacer {width:206px; height:1px; clear:both; }
                        #minor-column h2 a,  #major-column a { color:#12a5cb; text-decoration:none; }
			#minor-column h2 a:hover, #major-column a:hover { color:#12a5cb; text-decoration:underline; }
	

/* footer */
#footer { width:1024px; height:126px; margin:0; padding:15px 0 0 0; clear:both; background:#ffffff url(uploads/images/footer-bg.png) no-repeat; color:#666; border-bottom:6px solid #000000; }
	#footer h4 { margin-top:6px; margin-bottom:6px; }
	#footer h4 span.asof { margin-left:5px; padding-left:50px; color:#999; font-size:.75em; font-weight:normal; background-image:url(uploads/images/graph-icon.png); background-position:left; 
	background-repeat:no-repeat;  }
	#footer p { font-size:.825em; margin-top:6px; }
	#footer a { font-weight:bold; color:#12a5cb; text-decoration:underline; }
	#footer a:hover { text-decoration:none; }
	#footer #location { width:170px; margin:0; padding-left:30px; color:#333; float:left; clear:none; }
	#footer #hours { width:205px; margin:0; padding-left:0; padding-right:30px; color:#333; float:left; clear:none; }
	#footer #stats { width:588px; margin:0; padding-left:0; padding-right:0px; color:#333; float:left; clear:none; }
	#footer #stats p { font-size:.85em; }	
	#stats div.section {min-width:145px; float:left; clear:none; padding-right:30px;}
	#footer #credits {width:550px; clear:both; font-size:.7em; color:#999; float:left; position:relative; top:-4px;}
		#footer #credits a {font-weight:normal; color:#999; text-decoration:none; border-bottom:none;}
		#footer #credits a:hover {color:#333; text-decoration:none; border-bottom:1px dotted #999999;}

.dk-purple-poster {height:392px; background-color:#3e003e; color:#ffffff; margin:0; position:relative;}
.lt-blue-poster {height:392px; background-color:#12a5cb; color:#ffffff; margin:0px; position:relative;}
.black-poster2 {height:392px; background-color:#000000; color:#ffffff; margin:0px; position:relative;}
.black-poster {background-color:#000000; color:#ffffff; margin:0px;}
.dk-purple-bg {background-color:#3e003e; color:#ffffff; margin:0; position:relative;}
.lt-blue-bg {background-color:#12a5cb; color:#ffffff; margin:0px; position:relative;}
.black-bg {background-color:#12a5cb; color:#ffffff; margin:0px; position:relative;}
.allcaps {text-transform:uppercase;}
.column ul, .column-nopad ul, .widecolumn ul, .column ol, .column-nopad ol, .widecolumn ol {margin:20px 5px 20px 5px!important; padding:0 0 0 15px!important;}
.column ul li, .column-nopad ul li, .widecolumn ul li, .column ol li, .column-nopad ol li, .widecolumn ol li {font-size:.85em; color:#333; margin:5px 5px 5px 5px; padding:0!important;}
.column ul li.note, .column-nopad ul li.note, .widecolumn ul li.note, .column ol li.note, .column-nopad ol li.note, .widecolumn ol li.note {list-style:none; font-size:.7em; color:#666; margin:5px 5px 0px 5px; line-height:.8em;}
.caption {font-size:.7em; color:#666;}
.breadcrumb {float:left;clear:none;color:#0a5984;position:absolute;}
.breadcrumb-extras {float:right;clear:none;color:#12a5cb;}
.breadcrumb a, .breadcrumb-extras a {color:#12a5cb; text-decoration:none;font-weight:bold;}
.breadcrumb a:hover, .breadcrumb-extras a:hover {color:#12a5cb; text-decoration:underline;}
.contact-box {width:195px!important;float:left;clear:none;margin:8px;font-size:.8em!important;color:#333;}
.contact-box a {font-weight:normal!important;}
.error_message {font-size:.75em;float:right;clear:right;width:180px;} 
.error_message ul {width:225px;padding:0;float:left;} 
.required-message {font-size:.8em;color:#f00;}
.toplink {font-size:.75em;margin-bottom:20px;margin-top:20px;text-align:center;}
.float-right {padding:4px;margin-left:20px;margin-bottom:20px;float:right;clear:none;background-color:#ffffff; }
.float-left {padding:4px;margin-right:20px;margin-bottom:20px;float:left;background-color:#ffffff;}
.clearboth {clear:both;}
.hidden {display:none;height:0px;width:0px;}
.child {padding-left:5px; font-size:.8em; }

.summary-item { clear:both; margin:12px 0 0; padding:0; }

.summary-item .item-block { border-bottom:1px dotted #ffffff;
border-right:1px solid #fffffff; clear:both; float:left; font-family:Arial,Helvetica,sans-serif; margin:0 0 0 0px; padding:5px 10px; width:100%; }

.article-credit { font-size:.75em;color:#666; }
.contactform {width:254px;float:right;clear:left;margin-right:32px;margin-bottom:30px;font-size:.85em;} 
.contactform fieldset {padding:1em; background-color:#eee;} 
.contactform fieldset legend {font-weight:bold;} 
.contactform div {width:100%;padding: 0.25em 0 0.25em 0;} 
.contactform div label {display:block;width:10em;} 
.contactform div.required {width:225px;color:#f00;} 
.contactform textarea {width:189px;}
.interior-feature-text {font-size:.8em;color:#333;padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:4px;clear:left;display:block;}
/* End of 'DHDC-main' */