/***************************************************
*
*	Website:	DMGS
*	
*
*   ===
*
*	Font-size: 	Adjust all sizes using the size in
*				the BODY tag.
*
*	Colors: [l = light; m = medium; d = dark]
*		steel blue:	#809EAE
*		m. st-blue: #96A8B0
*		d. beige:	#959A8F
*		m. gray:	#ABADB0
*		orange:		#CC6600
*		DMGS blue:	#005395
*		warm gray:	#4D4747
*		d. gray:	#666666
*		l. gray:	#EEEFEF
*		l. blue:	#00AECD
*		DMGS red:	#9b404b
*		DMGS logo blue:	#334c60
*
***************************************************/

/*** Universal Classes ***/

.browse_letter {
	border:1px solid #FC0; 
	padding:1px;
	background-color:#eeeeee;
	cursor:pointer;
	display:block;
	width:11px;
	float:left;
	text-align:center;
	margin-right:1px;
}

.browse_letter_empty {
	border: none; 
	padding:1px;
	background-color:#ffffff;
	cursor:auto;
	display:block;
	width:11px;
	float:left;
	text-align:center;
	margin-right:1px;
}

.browse_letter_active {
	border:1px solid #FC0; 
	padding:1px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#FFFFFF;
	cursor:pointer;
	display:block;
	width:11px;
	float:left;
	text-align:center;
	margin-right:1px;
}


.list_bio {
	clear:both; 
	border:1px solid #ffffff; 
	margin-bottom:10px; 
	cursor:pointer; 
	padding:4px; 
	height: 80px;	
}


.detail_bar { padding: 5px 5px 0px; }
	
	.detail_bar h1 {
		background:#eeeeee url(../images/twill_up.jpg) no-repeat 5px center;
 		cursor:pointer;
		color:#005395;
 		padding:5px 5px 5px 25px;
		margin: 0;
		font-size: 1em !important;
		font-weight: normal !important;
	}

	.detail_bar .twill_down { background-image: url(../images/twill_down.jpg); }
	
	.mini_bar 
	{
	 cursor:pointer;
	 padding:2px;
	 color:#999999;
	 text-align:right;
	 
	}
	
	.mini_bar img { margin-right:6px; }
	
	.detail_content
	{
	 padding:5px;
	 margin-left:21px;
	 color:#666666;
	 border-bottom :1px dashed #eeeeee;
	}

	.mask_div
	{
		overflow:hidden;
		display: none;
	}
	
.pin_down { /* Props open block elements containing floats */
	clear: both;
	display: block;
	font-size: 0;
	line-height: 0;
	height: 0;
	overflow:hidden;
}

.buffer { margin-top: 25px !important; }

a.oj { /* Link w/ large square bullet */	
	background: url(../images/bullet_square.gif) no-repeat left center;
	padding-left: 15px;
	text-transform: uppercase;	
}

a.oj:hover, a.pdf:hover { 
	color: #005395 !important;
	text-decoration: none !important;
}


a.pdf {
	background: transparent url(../images/pdficon_small.gif) no-repeat left top;
	color: #4d4747;
	display: block;
	font-weight: bold;
	margin: 1em 0em;
	min-height: 17px;
	padding-left: 20px;
	text-transform: uppercase;
}

 .slate { /*color: #4d4747 !important;*/ margin: 0 0 .2em 0 !important; } 

hr {
	background: transparent;
	clear: left;
	height: 1px;
	border: 0px;
	border-top: 1px solid #ccc;
}

.non_bullet li { list-style: none !important; }

.normal_case { text-transform: none !important; }

.orange { color: #9B404B; } /*changed color from cc6600, to red, but didn't change class name*/

.inline { display: inline }

/*** Common Structure ***/

body {
	position: relative;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 68.75%;
	line-height: 1.2;
	background: #fff url(../images/bg_body.gif) repeat-x;
}

#header_cap { /* For top shadow fadeout */
	position: relative;
	background: url(../images/bg_header-cap.png) no-repeat;
	width: 1010px;
	height: 14px;
	margin: 15px auto 0px;
}

#wrapper {
	position: relative;
	background: transparent url(../images/bg_shadow.png) repeat-y 0px 20px;
	width: 1010px;
	margin: 0px auto;
	overflow: visible;
}

#main {
	position: relative;
	background: #fff;
	width: 980px;
	margin: 0px auto;
	border-bottom: 1px solid #fff;
}

#header {	
	background: transparent url(../images/header_tagline.gif) no-repeat right top;
	height: 96px;
}

#nav {
	position: relative;
	display: block;
	width: 201px;
	height: 316px;
	background-repeat: no-repeat;
	padding-top: 32px;
	font-size: 1.1em;
}

	.front_page #nav 	{ background: url(../images/bg_nav-front.gif); float: left; }
	.interior_page #nav	{ background: url(../images/bg_nav-interior.gif); float: none; }
	
	#nav li { 
		position: relative;
		display: block;
	}
	
	#nav a { 
		position: relative;
		display: block;
		text-decoration: none;
		background: transparent;
		color: #fff;
		line-height: 1.8;
		border-bottom: 1px solid #888888;
		width: 190px;
		margin-left: 1px;
		padding: 5px;
	}
	
	#nav a:hover { background: #9b404b /*#CC6600;*/ }
	
	#nav li ul {
		display: none;
		position: absolute;
		left: 200px;
		top: 0px;
		z-index: 300;
	}
	
	#nav li ul li a  { 
		background: #9b404b /*#CC6600;*/;
		margin-left: 2px;
		border-bottom: 1px solid /*#f90 #A58085*/ #959A8F;
	}
	
	#nav li ul li a:hover { background: /*#FF9900 #A58085 #959A8F*/#334C60; }
	
	.nav_over { background: #9b404b /*#CC6600;*/ !important; }
	
#black_bar {	
	clear: both;
	background: #000 url(../images/bg_footer-black.gif) repeat-y;
	width: 980px;
	margin: 9px auto 0px;
	height: 25px;
}

#footer {	
	clear: both;
	width: 1010px;
	margin: 0px auto;
	padding-top: 1px;
	background: url(../images/bg_shadow-bottom.png) no-repeat top center;
}

	#foot_nav_wrap { margin: 0; padding: 0 0 40px 0; text-decoration: none; }

	#footer_nav {		
		display: table;
		text-align: left;
		margin: 30px auto;
		overflow: visible;
	}
	
	#footer_nav li {		
		display: table-cell;
		float: left;
	}
	
	#footer_nav a {				
		display: inline;
		float: left;
		text-transform: uppercase; 
		padding-left: 10px;
		margin-right: 10px;
		font-size: .8em;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		border-left: 1px solid #4d4747;
		color: #4D4747;
		line-height: 1em;
	}
	
	#footer_nav a:hover { color: #9b404b /*#CC6600;*/; }
	
	#footer_nav a.first { border-left: 0px !important;	}


/*** Front Page Specific (default.aspx) ***/

#front_photo {	
	float: left;
	width: 760px;
	height: 220px;
	margin-left: 9px;
	overflow: hidden;
}
	
	#front_img { border-right: 2px solid #fff; }
	
	#front_banner { 		
		float: left;
		/*background: url(../images/banner_welcome.jpg) no-repeat;*/
		background-color: #184e7a;
		margin: 9px 0px 0px 9px;
		height: 119px;
		width: 760px;
		/*text-indent: -999em;*/
		overflow: hidden;
	}
	
	#front_banner a {
		color: #ffffff; 
		
	}

#front_touts {
	clear: both;
	margin: 9px 0px 0px 1px;
	width: 979px;
	height: 255px;
}
	
	.tout_content { /* Common class for #tout-1/2/3 */
		float: left;
		margin-right: 10px;
		width: 300px;
		height: 225px;
		color: #809EAE;
		background: #EEEFEF;
		overflow: auto;
		font-size: 1.1em;
	}
	
	#tout_1 { 
		width: 349px;
		background: #959A8F;
		color: #ddd;
		overflow: auto;
	}
		
		.tout_content h3 {
			font-weight: bold;
			font-size: 1.1em;
			margin: .75em 1em 0em;
			border-top: 2px solid #ddd;
			color: #fff;
		}
	
		.tout_content p { 			
			margin: .75em 1em 0em;
		}
		
		.tout_content blockquote, .tout_content .small_list {			
			margin: 0em 2.5em 0em;
			font-size: .9em;
		}
		
		.tout_content ul {
			margin: .75em 1em 0em;
		}
		
		.tout_content li { display: block; }
		
		.tout_content .post_date { font-size: .8em;	}
		
		.tout_content a { color: #809EAE; }
		
		.tout_content a:hover { text-decoration: underline; }
		
		.tout_content a.read_more {
			background: url(../images/bullet_square_sm.gif) no-repeat left center;
			text-transform: uppercase;
			padding-left: 12px;
		}
		
		.tout_content a.pdf { 
			display: block;
			padding-left: 20px;
			text-transform: uppercase;
			font-weight: bold;
			background: transparent url(../images/pdficon_small.gif) no-repeat left center;
		}
		
		.tout_content hr { margin-left: 1em; margin-right: 1em; }
		
		#tout_1 a { color: #005395 !important; }
		
		#tout_1 h3 { 			
			margin: 1.5em 30px 0em;
		}
		
		#tout_1 p {
			margin: .5em 30px 0em;
		}
		
	
	#tout_button_1 { width: 349px; }
	#tout_button_2, #tout_button_3 { width: 300px; }
	
	.tout_button {  /* Common class for #tout_button_1/2/3 */
		position: relative;
		float: left;
		display: block;
		margin-right: 10px;
		height: 30px;
		background: #ABADB0;
	}
	
	.tout_button:hover { background: /*#cc6600*/ #9B404B; }
	
	.tout_button span {
		position: relative;
		display: block;
		color: #fff;
		font-size: 1.4em;
		font-weight: bold;
		margin-left: 40px;
		line-height: 30px;
		text-transform: uppercase;
		font-family: "Arial Narrow", Arial, Helvetica, sans-serif
	}
	
	.tout_button img {
		position: absolute; 
		top: 5px;
		left: 5px;
	}
	

/*** Interior Page Specific (content.aspx) ***/

#column_1 {	
	float: left;
	width: 211px;
}

	img#interior_left {
		margin: 10px 0px 0px 1px;
	}
#column_error {
	float: left;
	width: 425px;
	margin: 10px 0 150px 30px;
}
#content-404 { width: 425px; }
	#content-404 h1 {
		color: #005395;
		font-size: 1.8em;
		line-height: 1.67;
		margin: .63em 0em .21em 0em;
		font-weight: bold;
	}
	#content-404 h2 {
		color: #809EAE;
		font-size: 1.5em;
		line-height: 1em;
		margin: .75em 0em .25em 0em;
		font-weight: bold;
	}
	#content-404 p {
		font-size: 1.2em;
		line-height: 1.67;
		margin: .63em 0em .21em 0em;
	}

#column_2 {
	float: left;
	width: 425px;
	margin: 0px 50px 20px 30px;
}

	#column_2 a { color: #005395; }
	
	#column_2 a:hover { text-decoration: underline; }
	
	#content { width: 425px; }

	#content h1 {
		color: #005395;
		font-size: 1.8em;
		line-height: 1.67;
		margin: .63em 0em .21em 0em;
		font-weight: bold;
	}
	
	
	#content h2, #subcontent h2 {
		color: #809EAE;
		font-size: 1.5em;
		line-height: 1em;
		margin: .75em 0em .25em 0em;
		font-weight: bold;
	}
	
	#content h3, #subcontent h3 {
		color: #666;
		font-size: 1.2em;
		line-height: 1.25;
		margin: .9375em 0em .3125em 0em;
		font-weight: bold;
	}
		
	
	#content p, #content ul, #content ol {
		color: #666666;
		font-size: 1.1em;
		margin: .75em 0em;
	}
	
	#content ul, #content ol {
		display:block;
	}
	
	#content ul li, #content ul li {
		display: list-item;
		margin-left: 15px;
	}
	
	#content ul { list-style-type: disc; }
	
	#content ol { list-style-type: decimal; }
	
	#content p.lead_in {
		color: #809EAE;
		font-weight: bold;
	}
	
	#content #visitor_form label,
	#content #contact_form label {
		display: inline-block;
		width: 120px;
		color: #666666;
		font-size: 1em;
		margin: .75em 0em;
		vertical-align: top;
	}
	#content #visitor_form textarea,
	#content #contact_form textarea { display: inline-block; width: 175px; }	
	
	#content #visitor_form #save_butt,
	#content #contact_form #send_butt { margin: .75em 122px; } 
	
	#content #visitor_form label.no_width,
	#content #contact_form label.no_width { width: auto; }	
	
	#content #contact_form { margin-bottom: 20px; }
	
	#content .people_title { margin: 0em 0em 1.5em 0em !important; color: #666; font-size: 1.1em; font-weight: bold; }
	
	#content .people_title_mini { margin: 0em 0em 1.5em 0em !important; color: #666; font-size: 1em; font-weight: bold; }
	
	#content .people_list_name { background-color:#adc0ca; font-size: 1.2em; font-weight: bold;}
	
	#content .no-bm { margin-bottom: 0em; }
	
	#content .news_title { color: #666; font-size: 1.1em; }
	
	#content .news_title em { font-weight: normal; }
	
	
	
	#content a.read_more, #subcontent a.read_more {
		clear: left;
		background: url(../images/bullet_square_sm.gif) no-repeat left center;
		font-weight: normal;
		font-size: .8em;
		text-transform: uppercase;
		padding-left: 12px;
	}
	
	#content a.read_more:hover, #subcontent a.read_more:hover { color: #9b404b /*#CC6600;*/; text-decoration: none; }
	
	#content .bio_pic { float: left; margin: .5em 1em .25em 0em; }
	#content .case_img { float: left; margin: 1.125em .75em .75em 0em; }
	
	#content .news_group {
		margin-bottom: 20px;
		border-bottom: 2px solid #809EAE;
	}
	
	#content .news_group .news_title { font-weight: bold; }
	
	#content .news_group p { margin: .5em 0em 0em 0em; }
	
	#content .news_group .date_line { font-size: .8em; font-weight: bold; }
	
	#content .event_date { padding: 5px; background: #ffe; border: 1px solid #eec; width: auto;}
	
	#content hr { margin-bottom: 3em; }
	
	#content #tout
	
	#content .case_study_teaser { margin: 1.25em 0em; }
	
	#content .case_study_teaser p { margin: .5em 0em; }
	
	#subcontent {
		width: 425px;
		margin: 1.5em 0px;
		/*background: url(../images/bg_columns.gif) no-repeat center top;*/
	}
	
	#subcontent p {
		font-size: 1em;
		line-height: 1.5em;
		margin: .75em 0em;
		color: #666666;
	}		
	
		#subcolumn_1, #subcolumn_2 { width: 180px; }
		
		#subcolumn_1 { float: left; }
		
		#subcolumn_2 { float: right; }
		
	
#column_3 {
	position: relative;
	float: left;
	width: 255px;
}

#column_2_plus_3 {
	position: relative;
	float: left;
	width: 680px;
}

	.callout { /* Common class for #callout_1/2/3 */		
		display: block;
		width: 255px;
		color: #6b8490;
		background: #EEEFEF;
		font-size: 1em;	
		overflow: hidden;
		padding: 1px 0px 10px;
	}
	
	.literature { 
		background: transparent;
		margin: .75em 0em;
	}
	
		.callout p, .literature p, #column_3 p { 
			margin: 1em 25px 0em;
			font-weight: normal;
		}
		
		.callout blockquote, .callout .small_list, .literature blockquote {			
			margin: 0em 35px 0em;
			font-size: .9em;
		}
		
		.callout ul, .literature ul {
			margin: 1em 25px 0em;
		}
		
		.callout li, .literature li { display: block; }
		
		.callout a, .literature a { color: #005395 !important; }
		
		.callout a:hover, .literature a:hover { text-decoration: underline; }
		
		.callout #case_studies { margin: 10px 25px;	}
		
		.callout .literature { margin: 10px 0px; }
		
		.callout .literature .pdf { text-transform: none !important; }
		
		.literature h2 { color: #666; }
	
	
	.callout_button {  /* Common class for #callout_button_1/2/3 */
		position: relative;
		display: block;
		margin-top: 10px;
		width: 255px;
		height: 20px;
		background: #ABADB0;
	}
	
		.callout_button:hover, .callout_orange { background: /*#cc6600*/#9B404B; } /*changed hex color to red but didn't change class name*/
		
		.callout_button span {
			position: relative;
			display: block;
			color: #fff;
			font-size: 1em;
			font-weight: bold;
			margin-left: 25px;
			line-height: 20px;
			text-transform: uppercase;
			font-family: "Arial Narrow", Arial, Helvetica, sans-serif
		}
		
		.callout_button img {
			position: absolute;
			top: 5px;
			left: 5px;
		}
	
	#case_studies {
		width: 255px;
		margin: 1.5em 0em;
	}
	
	#case_studies h2 {
		color: #666666;
		text-transform: uppercase;
		font-size: 1.1em;
		line-height:1.36em;
		margin: 1.02em 0em .341em 0em;
	}
	
	.case_study { clear: both; }
		
		.case_study img {
			float: left;
			margin: .5em .5em .5em 0px;
		}
		
		.case_study p {
			color: #809EAE;
			font-size: .8em;
			line-height: 1.406;
			margin-bottom: 1.406em;
		}
		
		.case_study a.read_more {
			background: url(../images/bullet_square_sm.gif) no-repeat left center;
			color: #666666;
			font-size: .8em;
			text-transform: uppercase;
			padding-left: 12px;
		}
		
		.case_study a:hover { color: #9b404b /*#CC6600;*/; }
	
	#copyright {		
		margin: 100px 0px 1.5em 0px;
		clear: both; 
		padding-top: 1px;
		height: 50px;
		background: url(../images/bg_copyright.gif) no-repeat left top;
	}
	
		#copyright p {
			font-size: .8em;
			margin: 10px 15px;
			color: #ABADB0;
		}


/*** Overrides ***/

#print_header {
	display:none;
}