@charset "utf-8";
/* ====================================================================
Title:		dmcbestpractices.org stylesheet
Date: 		January/February 2009
Author: 	LRS Web Services
Document:	style.css
Purpose:	This document is used on all parts of the website.
			This is the default stylesheet.

TABLE OF CONTENTS:
-----------------------------------------------------------------------
	0.0	IMPORTS
	1.0 HTML ELEMENTS
	2.0 LAYOUT
		2.1 HEADER
			2.1.1 BRANDING
			2.1.2 GLOBAL NAVIGATION
			2.1.3 MAIN NAVIGATION
			2.1.4 PAGE HEADINGS
		2.2 BODY
			2.2.1 SIDEBAR
				2.2.1.1 SECONDARY NAVIGATION
				2.2.1.2 GLOBALLY HIGHLIGHTED NAVIGATION
			2.2.2 MAIN
				2.2.2.1 PAGE BANNERS
				2.2.2.2 CONTENT
				2.2.2.3 SIDE PANEL
		2.3 FOOTER
	3.0 MISC
-----------------------------------------------------------------------


ATTRIBUTE LAYOUT:
-----------------------------------------------------------------------
 In order to keep the sheet readable, please
 keep the selectors and attributes in this format:

	selector {
		property: value;
	}
-----------------------------------------------------------------------


ATTRIBUTE PROPERTY ORDER:
-----------------------------------------------------------------------
 In order to avoid unwanted behaviors caused by
 duplicate attributes in selector, and to allow
 for better organization, please keep attributes
 in ALPHABETICAL order.
-----------------------------------------------------------------------


COLOR PALETTE:
-----------------------------------------------------------------------
 PRIMARY:										#990000; (Red)
 ACCENT:										#FF9001; (Orange)
----------------------------------------------------------------------- 
 
 
GRAYSCALE:
-----------------------------------------------------------------------
 WHITE:											#FFFFFF; (White)
 STEP ONE:										#E5E5E5; (Lighest Gray)
 STEP TWO:										#D1D1D1; (Lighter Gray)
 STEP THREE:									#B2B2B2; (Light Gray)
 STEP FOUR:										#979797; (Medium Gray)
 STEP FIVE:										#7C7C7C; (Dark Gray)
 STEP SIX:										#4C4C4C; (Darker Gray)
 STEP SEVEN:									#0D0D0D; (Darkest Gray)
 BLACK:											#000000; (Black)
-----------------------------------------------------------------------


FONTS:
-----------------------------------------------------------------------
 PRIMARY: 			--px	Georgia	regular		#000000
-----------------------------------------------------------------------


LINKS:
-----------------------------------------------------------------------
 PRIMARY: 			--px	Arial	regular		#FF9001	underline
 PRIMARY HOVER:		--px	Arial	regular		#------	underline
 SECONDARY:			--px	-------	regular		#------
 SECONDARY HOVER: 	--px	-------	regular		#------
-----------------------------------------------------------------------


HEADINGS:
-----------------------------------------------------------------------
 H1:				--px	Arial	regular		#------
-----------------------------------------------------------------------


BACKGROUND COLORS:
-----------------------------------------------------------------------
 PRIMARY:										#990000				
-----------------------------------------------------------------------


BORDERS/LINES:
-----------------------------------------------------------------------
 PRIMARY:		
 SECONDARY:
-----------------------------------------------------------------------


IMAGES:
-----------------------------------------------------------------------
Splash Screen Background:				b-ADME-splash.gif
Body Background: 						b-ADME.gif
Branding Background: 					
Global Nav Background: 	
Content Background: 	
Footer Background:
-----------------------------------------------------------------------


========================================================================================== */





/* ==========================================================================================
=0.0 IMPORTS
========================================================================================== */
@import url(fonts.css);





/* ==========================================================================================
=1.0 HTML ELEMENTS
========================================================================================== */
*{
	margin:0;
	padding:0;
	line-height:normal;
}
html, body{
	width:100%;
}
body{
	background:#990000 url(/images/b-page.gif) repeat-x top;
}
a{
	outline:none;
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}
a img{
	border:0;
}
h1{
	letter-spacing:-.5px;
}
h2{
	margin:0 0 .778em 0;
	letter-spacing:-.5px;
}
h3{
	line-height:1.14em;
	margin:6px 0 4px 0;
	letter-spacing:-.5px;
}
h4{
	line-height:1.27em;
	margin:0 0 0 0;
	letter-spacing:normal;
}
p{
	line-height:1.27em;
	margin:0 0 1.27em 0;
}
blockquote{
	line-height:1.27em;
	margin:0 45px 1.27em 45px;
}
hr{
	border:1px solid #D1D1D1;
}




/* ==========================================================================================
=2.0 LAYOUT 
========================================================================================== */
.page{
	margin:29px auto 0 auto;
	width:984px;
}





	/* ======================================================================================
	=2.1 HEADER
	====================================================================================== */
	.header{
		width:984px;
	}





		/* ==================================================================================
		=2.1.1 BRANDING
		================================================================================== */
		.branding{
			float:left;
			height:96px;
			width:253px;
		}
		.branding a{
			display:block;
			height:96px;
			width:253px;
		}




		/* ==================================================================================
		=2.1.2 GLOBAL NAVIGATION
		================================================================================== */
		.nav-0{
			float:right;
			height:30px;
			margin:0 0 31px 0;
			text-align:right;
			width:731px;
		}
		.nav-0 span{
			line-height:30px;
		}
		.nav-0 a{
			text-decoration:none;
		}
		.nav-0 a:hover{
			background:#979797;
		}




		/* ==================================================================================
		=2.1.1 MAIN NAVIGATION
		================================================================================== */
		.nav-1{
			background:url(/images/b-n1.gif) no-repeat 100% 0;
			float:right;
			height:35px;
			width:633px;
		}




		/* ==================================================================================
		=2.1.1 PAGE HEADINGS
		================================================================================== */
		.header .pageHeading{
			background:url(/images/bnr-DMCbestpractices.gif) no-repeat;
			clear:both;
			height:107px;
			margin:0 0 0 35px;
			width:949px;
		}
		.header .pageHeading h1{
			text-indent:-10000px;
		}





	/* ======================================================================================
	=2.2 BODY
	====================================================================================== */
	.body{
		background:url(/images/b-body.gif) repeat-y;
		clear:both;
		float:left;
		margin:0 0 0 35px;
		position:relative;
		width:949px;
	}





		/* ==================================================================================
		=2.2.1 SIDEBAR
		================================================================================== */
		.body .sidebar{
			float:right;
			margin:0 0 0 0;
			width:181px;
		}





			/* ==============================================================================
			=2.2.1.1 SECONDARY NAVIGATION
			============================================================================== */
			.nav-2{
				margin:20px 0 20px 10px;
				width:171px;
			}
			.nav-2 a{
				text-decoration:none;
			}
			.nav-2 ul{
				display:block;
				width:171px;
			}
			.nav-2 ul li{
				clear:both;
				display:block;
				padding:4px 0;
				width:171px;
			}
			.nav-2 ul li:hover{
				background:#979797;
			}
			.nav-2 ul li span{
				display:block;
				float:left;
				margin:0 0 0 3px;
			}
			.nav-2 ul li a{
				display:block;
				margin:0 13px;
				width:145px;
			}
			.nav-2 ul li a:hover{
				text-decoration:none;
			}
			.nav-2 ul li.on{
				background:#979797;
			}
			.nav-2 ul li.off ul{
				display:none;
			}
			.nav-2 ul li.on ul{
				display:block;
			}
			.nav-2 ul ul{
				display:block;
				width:171px;
			}
			.nav-2 ul ul li{
				clear:both;
				display:block;
				padding:0;
				width:171px;
			}
			.nav-2 ul ul li:hover{
				background:#FF9001;
			}
			.nav-2 ul ul li span{
				display:block;
				float:left;
				margin:0 0 0 13px;
			}
			.nav-2 ul ul li a{
				display:block;
				margin:0 13px 0 20px;
				width:138px;
			}
			.nav-2 ul ul li a:hover{
				text-decoration:none;
			}





			/* ==============================================================================
			=2.2.1.2 GLOBALLY HIGHLIGHTED NAVIGATION
			============================================================================== */
			.nav-3{
				padding:20px 10px 20px 0;
				width:171px;
			}
			.nav-3 a{
				text-decoration:none;
			}
			.nav-3 ul{
				list-style-type:none;
				width:171px;
			}
			.nav-3 ul li{
				display:block;
				height:39px;
				line-height:39px;
				margin:0 0 10px 0;
				padding:0 0 0 0;
				vertical-align:middle;
				width:171px;
			}
			.nav-3 ul li a{
				background:url(/images/b-n3.gif) no-repeat top;
				display:block;
				height:39px;
				line-height:39px;
				padding:0 0 0 24px;
			}
			.nav-3 ul li a:hover{
				background-position:0 -44px;
			}



		/* ==================================================================================
		=2.2.2 BODY MAIN
		================================================================================== */
		.body .main{
			float:left;
			margin:-33px 0 0 0;
			position:relative;
			width:768px;
		}


			/* ==============================================================================
			=2.2.2.1 PAGE BANNERS
			============================================================================== */
			.body .main .SPbanner{
				height:144px;
			}			





			/* ==============================================================================
			=2.2.2.2 CONTENT
			============================================================================== */
			.body .main .content{
				padding:25px 35px 0;
				width:698px;
			}
			.body .main .content a:hover{
				background:#FF9001;
			}
			.body .main .content p{
				padding:0 0 0 0;
			}
			.body .main ul, .body .main ol{
				margin:0 0 1.27em 0;
				padding:0 15px;			
			}
			.body .main ul{
				list-style-image:url(/images/b-ul.gif);
			}
			.body .main table p{
				line-height:1em;
				vertical-align:middle
			}





			/* ==============================================================================
			=2.2.2.2.1 CONTENT BOXES
			============================================================================== */




			/* ==============================================================================
			=2.2.2.3 SIDE PANEL
			============================================================================== */
			.body .panel{
				background:#E5E5E5;
				float:right;
				margin:-25px -35px 35px 35px;
				padding:30px 22px 35px 22px;
				width:205px;
			}
			.body .panel h2{
				margin:0;
				padding:0 0 1.17em 0;
			}
			.body .panel ul{
				list-style-type:none;
				list-style-image:none;
				margin:0;
				padding:0 0 1.17em 0;
			}
			.body .panel ul li{
				height:14px;				
				padding:2px 0;
				width:205px;
			}
			.body .panel ul li a{			
				height:14px;
				line-height:14px;
				margin:0;
				padding:0;	
				vertical-align:top;
				width:177px;
			}
			.body .panel ul li span.pdfIcon{
				height:14px;
				margin:0 0 0 6px;
			}
			.body .panel p{
				padding:0 0 1.17em 0;
			}	




	/* ======================================================================================
	=2.3 FOOTER
	====================================================================================== */
	.footer{
		background:url(/images/b-footer.gif) no-repeat;
		clear:both;
		float:left;
		height:30px;
		margin:0 0 0 35px;
		padding:38px 26px 0 26px;
		width:929px;
	}
	.footer span{
		line-height:1em;
		margin:0 0 0 0;
		padding:0 0 0 0;
		vertical-align:text-top;
	}
	.footer span span.textdiv{
		margin:0 5px;
	}
	.footer a{
		text-decoration:none;
	}
	.footer a:hover{
		background:#FFFFFF;
	}





/* ==========================================================================================
=3.0 MISC
========================================================================================== */
.hide{
	display:none;
}
.show{
	display:block;
}
.raquo{
	margin-left:2px;
	width:5px;
}
.pdfIcon{
	margin-left:2px;
	width:14px;
}
.pdfIcon{
	margin-left:2px;
	width:10px;
}
.externalIcon{
	margin-left:2px;
}
.adobeReader{
	display:block;
	margin-top:15px;
}
.body .panel .imageLink a:hover, .body .main .imageLink a:hover{
	background:none;
}