html { 
	background: url(/dd_img/body-bg.gif) repeat; 
	overflow-y: scroll;
	}

/* ul.main_nav li a { behavior: url(/dd_img/iepngfix.htc) } */

#hd, #sitemap, #bd, #ft {
	border-left: 2px solid #000;
	border-right: 2px solid #000;	
	color: #333;
	}

#hd	{
	background: url(/dd_img/dd-header.png) no-repeat top left;
	height: 115px;
	}

#bd {
	background: #fff;
	}
	
#ft {
	overflow: hidden;
	height: 15px;
	color: #333;
	background: #eee url(/dd_img/footer-bg.png) repeat-x; 
	font-size: 77%;
	padding: 15px 15px 5px 15px;
	text-align: center;
	}

#cruft {
	border-top: 2px solid #000;
	padding: 1em 0 1em;
	color: #ccc;
	font-size: 77%;
	text-align: center;
	}

a { text-decoration: none; color: #3a64af; }
a:hover { background-color: #edf4a7; color: #1f3a69; }
a:active { background-color: #edf4a7; color: #973c3c; }
a:visited { }
a.key { clear: both; float: right; background: url(/dd_img/key.png) no-repeat; padding-left: 26px; height: auto; display: block; margin-bottom: 1em; }

.hiddenFields {display: none;}

hr { height: 1px; width: 100%; clear: both; color: #ccc; }

.promo {
	border-bottom: 1px solid #666;
	background: #eee;
	height: 275px;
	width: 970;
	overflow: hidden;
	}

	.promo ul, .promo li { list-style-type: none; }
	.promo ul { padding: 0; margin: 0 auto; display: block; position: relative; top: 220px; left: 550px; }
	.promo li { display: inline-block; line-height: 3em; width: 100px; text-align: center; float: left; }
	
	/*
	#overview { background: url(/dd_img/slider/btn_01.png) no-repeat; }
	#assess { background: url(/dd_img/slider/btn_02.png) no-repeat; }
	#respond { background: url(/dd_img/slider/btn_03.png) no-repeat; }
	#educate { background: url(/dd_img/slider/btn_04.png) no-repeat; }
	*/
	
	.promonav { z-index: 2000; }
		
	.frames {
		width: 970px;
		height: 275px;
		overflow: hidden;
		z-index: 1000;
		position: relative;
		}

	.invis {
        position: absolute;
        overflow: hidden;
        }

	.slider-item {
        float:left;
        display:block;
        width:970px;
        height:275px;
        padding:0px;
		margin:0;
        overflow:hidden;
        }

	#slider-nav { marin: 0; padding: 0; position: relative; top: 0; left: 0; height: 275px; }
	#slider-nav ul, #slider-nav li { margin: 0; padding: 0; }
	#slider-nav li { cursor: pointer; }
	
	#slider-overview { background: url(/dd_img/promo.png) no-repeat 0 0; }
	#slider-assess { background: url(/dd_img/promo.png) no-repeat -970px 0; }
	#slider-respond { background: url(/dd_img/promo.png) no-repeat -1940px 0; }
	#slider-educate { background: url(/dd_img/promo.png) no-repeat -2910px  0; }

.clear {clear:both;}
		
.shadow {
	background: url(/dd_img/topshadow.png) no-repeat -2px 0px;
	height: 10px;
	width: 970px;
	}

.customers { background: transparent; }

.customers .promo {  }

#tooltip {
	position: absolute;
	z-index: 3000;
	max-width: 400px;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}

#tooltip h3, #tooltip div { margin: 0; }

a.mainlink { position: relative; top: 2em; left: 1.77em; width: 360px; height: 45px; background: transparent; display: block; }
a.mainlink:hover { background: transparent; }
a.mainlink:active { background: transparent; }

a.close_login {}

#hd_links {
	width: auto;
	overflow: hidden;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 85%;
	display: block;
	background: #fafafa;
	border: 1px solid #ccc;
	float:right;
	margin: 2em 1.77em 0 0;
	padding: 0 1em;
	}

#hd_links ul { margin: 0; padding: 0 0 0 0; }
#hd_links li { float: left; margin: 0 0 0 0; padding: 0 0 0 2em; display: inline-block; list-style: none; line-height: 2em; }

#hd_links li.user_icon { background: url(/dd_img/user.png) no-repeat 0px 2px; margin-right: .75em; padding-right: .75em; border-right: 1px solid #ccc; }
#hd_links li.sitemap_icon { background: url(/dd_img/sitemap.png) no-repeat 0px 2px; margin-right: .75em; padding-right: .75em; border-right: 1px solid #ccc;}
#hd_links li.contact_icon { background: url(/dd_img/telephone.png) no-repeat 0px 3px; }

/* Navigation ---------------------------------------------------------- */

#login_form {
	z-index: 20000;
	left: 600px;
	top: 55px;
	width: 260px;
	padding: 1em;
	position: relative;
	border: 1px solid #111;
	background: #eee;
	opacity: 0.95;
	display: none;
	}

#sitemap { 
	overflow: hidden;
	width: 970px;
	height: 300px;
	background: #000 url(/dd_img/sitemap-bg.png) no-repeat;
	display: none;	
	}

#sitemap .cell_container {
	overflow: hidden;
	background: transparent;
	width: auto;
	height: 220px;
	padding-top: 2.5em;
	margin-left: 4em;
	}

#sitemap .cell {  
	height: 220px;
	float: left; 
	overflow: hidden;
	width: 165px;
	border-right: 1px solid #333;
	margin-right: 1em;
	background: transparent;
	}

#sitemap .last {
	margin-right: 0;
	border-right: none;
	}

#sitemap ul { margin: 0 0 1.5em 0; padding: 0; background: inherit; }

#sitemap li { padding: 0 0 0 1em; margin: 0; list-style-type: none; background: inherit; display: block; }

#sitemap h1 { color: #fff; font-size: 108%; padding: 0; margin: 0 0 .5em 0; width: 150px; background: inherit; }
#sitemap h1 a { color: #fff; background: transparent; }
#sitemap h1 a:hover { color: #fff; background: #6592c3; }

#sitemap a { text-decoration: none; color: #6592c3; background: transparent; }
#sitemap a:hover { background: #edf4a7; color: #1f3a69; }

.nav {
	clear: both;
	background: #1f3a69;
	height: 44px;
	border-bottom: 6px solid #6592c3;
	color: #fff;
	padding: 0 1.77em;
	overflow: hidden;
	}

ul.main_nav { padding: 4px 0px 0px 0px; margin: 0; overflow: hidden; float: left; }

ul.main_nav li { 
	display: block; 
	float: left; 
	list-style: none; 
	font-family: "Lucida Grande", Verdana; 
	width: 100px; 
	text-align: center; 
	line-height: 2.75em;
	padding: 0px .5em 0px 0px;
	}

ul.main_nav li a { display: block; max-width: 100px; color: #fff; text-decoration: none; font-size: 108%; background: transparent; }
ul.main_nav li a:hover { color: #fff; background: url(/dd_img/menu_hl_hov.png) no-repeat; }

ul.main_nav li.hl_sec { background: url(/dd_img/menu_hl.png) no-repeat top left; }

ul.main_nav li.hl_sec a { color: #333; }
ul.main_nav li.hl_sec a:hover { color: #333; background: none; }

.paginate {
	margin-top: 1em;
	border-top: 1px dotted #ccc;
	padding-top: .5em;
	}

/* side navigation */

	ul.page_nav { 
		list-style-image: none;
		list-style-position: outside;
		list-style-type: none;
		background: #fafafa url(/dd_img/nav-bg.png) repeat-y; 
		border: 1px solid #ccc;
		margin: 2.54em 0 1.5em 0;
		font-family: "Lucida Grande", Verdana;
		}
	
	ul.page_nav h1 {
		font-size: 108%;
		font-weight: bold; 
		color: #333; 
		margin: 0px;
		padding: 1em 0px .25em 0px;
		border: none;
		}
		
	ul.page_nav p {
		padding: 0px;
		margin: 0px;
		font-size: 85%;
		color: #666;
		}
	
	ul.page_nav li.header {
		display: block;
		clear: both;
		list-style: none;
		height: auto;
		line-height: normal;
		padding: 0 0 1em 2em;
		background: transparent url(/dd_img/nav-bg-btm.png) repeat-x bottom; 
		}
			
	ul.page_nav li {
		display: block;
		clear: both;
		list-style: none;
		line-height: 2.75em;
		}
	
	ul.page_nav li.last a { background-image: none; }
	
	ul.page_nav li.active a { background-color: #fafafa; color: #3a64af;}
	
	ul.page_nav li a { 
		background: transparent url(/dd_img/nav-bg-btm.png) repeat-x bottom; 
		display: block;
		padding-left: 2em;
		text-decoration: none;
		color: #666;
		width: inherit;
		} 
	
	ul.page_nav li a:hover { background-color: #fafafa; color: #973c3c; }
	
	ul.page_nav li.active a:hover { color: #3a64af; }

	
/* Primary page content ------------------------------------------------ */

.pri_content { 
	background-color: #fff;
	padding: 1.5em 1em 1.5em 1.77em;
	min-height: 250px;
	}

	.pri_content .tumblelog a[href^="http://"] { background: url(/dd_img/offsite.gif) no-repeat center right; padding-right: 8px; }

	.pri_content p {
		color: #333;
		}
		
	.pri_content ul {
		margin-bottom: 1em;
		}
		
	.pri_content li { padding: 0 0 .5em 0; }

	.pri_content ul ul { margin-bottom: 0em; }
	
	.pri_content ul ul li { list-style-type: circle; }
	
	.pri_content th { background: #3a65af; color: #fff; }
	
	.pri_content tr.alt {background: #e0eef9;}
	
	.pri_content tr:hover { background-color: #edf4a7; }
	
	.pri_content .comments { background: #F0F4FC; border: 1px solid #eee; }
			
	.news_clips {
		display: block;
		background: url(/dd_img/clip_header.png) no-repeat;
		padding: 1em 1em 0 1em;
		margin-right:1em;
		}

	.blog_clips {
		display: block;
		border-top: 6px solid #eee;
		margin: 0 2em 0 1em;
		padding-top: 1em;
		}
			
	.news_clips p, .blog_clips p {
		margin:0
		margin-bottom: 1em;
		padding: 0 0 .75em 0;
		border-bottom: 1px dashed #d2e3ff;
		}
	
	.news_clips .last p, .blog_clips .last p {
		border-bottom: none;
		padding: 0;
		}
	
	ul.tumblelog { margin: 0; padding: 0; }
	ul.tumblelog li { list-style-type: none; padding: 0 0 .5em 0; margin-bottom: 1em; border-bottom: 1px dashed #c1d72d; }
	
	ul.tumblelog a { color: #666; }
	ul.tumblelog a:hover { background-color: transparent; text-decoration: underline; }

		a.nostyle { color: #fff; }
		a:hover.nostyle { background: none; color: #fff; }
	
	.tl_arch p.date {
		background: #eee;
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #ccc;
		padding: 3px 0px 3px 5px;
		}
		
	
	
	/* headings */
	
	.pri_content h1,.pri_content h2,.pri_content h3 { font-family: Georgia; color: #1f3a69; clear: left;}
	
	.pri_content h1{font-size:153.9%;}
	.pri_content h2{font-size:138.5%;}
	.pri_content h3{font-size:123.1%;}
	.pri_content h4.pad{margin-bottom: 1em;}

	.pri_content h1.pagehd{ border-bottom: 1px dotted #ccc; clear: left; margin-top: 1em; }
	
	.pri_content h2.alt{ font-family: Helvetica; color: #691a1a; font-size: 123.1%; clear: left; margin-top: 1.25em; }
	.pri_content h3.alt{ font-family: Helvetica; color: #691a1a; font-size: 108%; clear: left; margin-top: 1.25em; }

	.pri_content .hl { background: #edf4a7; border-bottom: 1px dashed #d7e07e; padding: 0px 2px;  }
	
	.news_clips h1.title, .blog_clips h1.title { display: block; font-family: Georgia;  color: #3a64af; font-size:108%; margin: 0 0 .75em 0;}	
	
	h1.title a.rss, .customers h1 a.rss {
		display: inline-block; 
		clear: none; 
		margin: 0 0 0 1em; 
		background: url(/dd_img/feed-icon-16x16.png) no-repeat; 
		height: 16px; 
		width: 16px; 
		vertical-align: middle;
		} 

	.news_clips h1, .blog_clips h1 {  color: #333; margin: 0 0 .5em 0; font-family: Helvetica, Arial, sans-serif; font-size: 100%;}
	.news_clips a.newsentry { color: #333; text-decoration: underline; }
	.blog_clips a.blogentry { color: #333; text-decoration: underline; }
	
	.customers h1 { 
		background: #808080 url(/dd_img/newspaper.png) no-repeat 7px 5px; 
		color: #fff; 
		font-family: Helvetica, Arial, sans-serif; 
		font-size: 100%; 
		height: 2em;
		line-height: 2.0em; 
		padding: 0 .5em 0 2.25em;
		vertical-align: middle;
		}
		
	.blog h3.newstitle, .blog h3.blogtitle {
		background: #eee;
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #ccc;
		padding: .5em 0px .5em 5px;
		}
		
	.blog h3.alt { background: none; border: none; border-bottom: 1px solid #ccc; padding: 0 0 .25em 0; margin-top: 3em; }
		
	.blog .entry_meta {
		font-weight: normal;
		margin-bottom: 3em;
		}
	
	.blog p.date {
		color: #66775f;
		}
	
	/* ------- comments section ------------------- */
		
	.comments p.none { padding: 1em; font-weight:bold; margin:0em; }
	
	.comments .comment_box {
		background: #fafafa;
		padding: 1em;
		border-bottom: 1px dashed #D2E3FF;
		}
		
	.comments .comment_box_alt {
		background: #fff;
		padding: 1em;
		border-bottom: 1px dashed #D2E3FF;
		}
	
	.comments .last { border-bottom: none; }
	
	.comments .paginate_comments {
		padding: 1em;
		}
		
	.comments p.comment_count {
		display: block;
		float: left;
		font-size: 350%;
		line-height: normal;
		vertical-align: middle;
		font-family: Georgia;
		width: 1em;
		text-align: center;
		margin: 0em .25em 0em 0em;
		color: #1F3A69;
		padding: 0em 0em 0em 0em;
		clear: both;
		}
	
	.comments .posted { font-size: 93%; color: #66775f; }
		
	.commentform_wrapper {
		background: #F0F4FC;
		border: 1px solid #eee;
		padding: 1em;
		}
	
	/* images in primary content */
	
	.pri_content img.left { float: left; border: 1px solid #ccc; background: #fafafa; padding: 4px; margin: 0 1em 1em 0; }
	.pri_content img.right { float: right; border: 1px solid #ccc; background: #fafafa; padding: 4px; margin-left: 1em; }
	.pri_content img.nb_left { float: left; border: none; padding: 4px; margin: 0 1em 1em 0; }
	
	.pri_content pre { margin: 0 2em 1em 2em; padding: 1.5em; border: 1px dashed #ccc; background: #eee; width: auto; }


	/* course descriptions */
	
	.courses h3 a {
		display: block;
		background: #eee url(/dd_img/plus.png) no-repeat 5px 5px;
		padding: 2px 0 0 2em;
		border: 1px solid #ccc;
		line-height: 2em;
		margin-top: 0;
		}
	
	.courses h3 a span { width: 24px; height: 2em; display: block; background: url(/dd_img/minus.png) no-repeat 5px 5px; }
		
	.courses h3 a:hover { background-color: #edf4a7; }
	
	.courses div { margin:0 1em; }
	.courses div.min { background: url(/dd_img/minus.png) no-repeat 6px 6px; width: 16px; height: 2em; float:left; margin:0px; padding:0;}

	form#contact_form input { width: 90%; }
	form#contact_form input#submit_form {width:100px;}

	form#contact_form textarea#message { width: 100%; }
	

/* Search box (217px wide) ------------------------------------------------ */

#search_form {
	/* search form is always the first item appearing on the right side */
	width: 217px;
	height: 24px;
	background: url(/dd_img/search-box.png) no-repeat;
	margin: .75em 0px 0px 0px; 
	padding: 0px;
	overflow: hidden;
	font-size: 93%;
	float:right;
	}

.search_dialogue {
	float: left;
	background: transparent;
	margin: 5px 0px 0px 33px;
	padding: 0px;
	width: 140px !important;
	border: 0px;
	color: #666;
	}

.search_dialogue:focus { 
	border: 0px;
	color: #3a65af;
	outline: none; /* gets rid of safari's blue glow */
	} 

.search_submit {
	height: 24px;
	float: right;
	width: 39px;
	}

.gmap { border: 1px solid #999; height: 400px; width: 640px; }

/* Secondary (side) content (~288px wide) ------------------------------------------------ */

.sec_content { 
	background-color: #fff; 
	padding: 1.5em 1.77em 0 0;
	height: 100%;
	}

.sec_content .ad {
	margin: 0 0 1.5em 0;
	padding: 0;
	}
	
.sec_content .ad a { display: block; padding: 0; margin: 0; border: 0; line-height: 0; }

.sec_content h1 { 
	color: #333;
	font-size: 108%;
	border-bottom: 1px dashed #ccc;
	margin: 0px 0px 1em 0px;
	padding: 0 0 .3em 0;
	}

.widgets {
	padding-left: 1em;
	margin: 0em 0 0 0;
	border-left: 6px solid #f0f4fc;
	}
	
	.widgets ul { padding: 0px; margin: 0 0 1em 0; }
	.widgets ul, .widgets ul li a { color: #3a64af; }  

	/* widget: related files ------ */
	
	.widgets ul.related_files li { list-style: none; display: block; margin-top: 0px; padding-left: 15px; width: 190px; min-height: 24px; }
	.widgets ul.related_files li:hover { background: url(/dd_img/side-hl.png) no-repeat 0px -4px; }
	
	.widgets ul.related_files li a { padding-left: 26px; height: auto; display: block; }
	.widgets ul.related_files li a:hover { color: #1f3a69; }
	.widgets ul.related_files li a.generic { background: url(/dd_img/pages/page_white.png) no-repeat 1px 0px; }
	.widgets ul.related_files li a.pdf { background: url(/dd_img/pages/page_white_acrobat.png) no-repeat 0px 0px; }
	.widgets ul.related_files li a.word {  background: url(/dd_img/pages/page_white_word.png) no-repeat; }
	.widgets ul.related_files li a.excel { background: url(/dd_img/pages/page_white_excel.png) no-repeat; }
	.widgets ul.related_files li a.powerpoint { background: url(/dd_img/pages/page_white_powerpoint.png) no-repeat; }
	.widgets ul.related_files li a.zip { background: url(/dd_img/pages/page_white_zip.png) no-repeat; }
	
	.widgets ul.related_files li a { text-decoration: none; }
	
	/* widget: events ------ */
	
	.widgets ul.events li { list-style: none; display: block; margin-bottom: 1em; padding: 0px; }
	.widgets ul.events li a { display: block; height: 40px; background: url(/dd_img/calendar-sprite.png) no-repeat 0px -40px; text-decoration: none; }
	.widgets ul.events li a:hover { background: url(/dd_img/calendar-sprite.png) no-repeat 0px 0px; } 
	
	.widgets ul.events li span.month { width: 36px; text-align: center; text-transform: uppercase; color: #fff; font-weight: bold; font-size: 85%; float: left; padding-top: 3px; line-height: normal; }
	.widgets ul.events li span.date { width: 36px; text-align: center; color: #333; font-weight: bold; font-size: 108%; float: left; line-height: normal; clear: left; }
	.widgets ul.events li span.event { width: 125px; font-size: 100%; float: right; padding: 3px 1.7em 0px .3em; }
	.widgets ul.events li:hover span.event { color: #1f3a69; background: #edf4a7; border-bottom: 1px dashed #d7e07e; }

	/* calendar ------- */
	
	table.calendar { background: #fff; margin-top: 2em; }
	table.calendar th, table.calendar td { border: 1px solid #666; padding: 0.5em;}
	table.calendar a { color: #1f3a69; text-decoration: none; }
	table.calendar .calendarMonthLinks a { color: #fff; }
	table.calendar .calendarMonthLinks a:hover { color: #ff9; }

	table.calendar a:hover { color: #3964ae; }
	
	table.calendar tr:hover { background: transparent; }
	table.calendar .calendarMonth { color: #fff; }
	table.calendar tr.calendarHeader { background: #3a65af; }
	table.calendar td.calendarDayHeading { background: #e0eef9; }
	table.calendar td.calendarBlank { color: #ccc; }
	table.calendar td.calendarCell { text-align: center; }
	table.calendar td.calEntry { background: #fafafa; } /*fdf0f0 url(/dd_img/calbg.png) no-repeat top left*/

	table.calendar td.calEntry a { font-size: 93%; padding-bottom: .5em;  }	
	table.calendar td.calEntry day_number { font-size: 100%; }
	table.calendar .day_number { font-weight: bold; text-align: left; display: block; }
	table.calendar a.event_title { clear: both; display: block; width: 75px; text-align: left; }	
	
	table.calendar td { width: 75px; height: 75px; }
	table.calendar .calendarToday { text-align: center; border: 2px solid #333; }

	/* registration ---------- */

	.tableBorder th, .tableBorder td { border: 1px solid #666; }
	.profileHeadingBG { background: #3a65af; color: #fff; font-weight: bold;}
	.tableCellTwo { background: #e0eef9; font-weight: bold; }
	.tableCellTwo .highlight, .tableCellOne .highlight { color: #973c3c; font-size: 108%; }
	.tableCellTwo .itempad { font-weight: normal; font-size: 85%; padding-left: 1em;}
	.tableCellOne { background: #eee; }

	/* comment form ---------------- */
	
	.commentform_wrapper p span.label {
		text-align: right;
		width: 60px;
		padding-right: 1em; 
		display: inline-block;
		}
	
	form#comment_form input[type="text"] { width: 25em; }
	
	form#comment_form textarea {
		width: 90%; 
		}

/* Footer ------------------------------------------------------------------------ */

#ft p { padding: 0; margin: 0; }
