@charset "utf-8";
/* CSS Document - footer.css	- for naabt site cf server
	- restored NABP icon 2/17/2014 -
*/

/*
====================================================================
THIS FILE IS FOR THE COMMON FOOTER STYLES ONLY. ADDED 9/1/2012 
	HTML5 W3C compliant code
 Use with tl/css_custom_rules.css and tl/css_reset.css and NAABT5.css
 
CONTENTS:
	***** media print
	***** Purpose block -
	***** Shadows for major footer elements
	***** common to all footer blocks
	***** Mission block - (DDDDD SEE DELETE MESSAGE WHEN ADDING CSS RESET)
	***** Bottom navigation block - 3 sections
		***** Multiple items per row
		***** Link action
		***** Horizontal rule
	***** Clearfix - (May be eliminated at some point since it's 
		   duplicated in css_custom_rules.css file)
	***** Footer icons block - using sprites _12/13/2013 removed NABP icon
	***** Citations footnotes
	
	
====================================================================
*/ 

/******************Footer section begins *****************/
@media print{
	#survey,
	#purpose,
	#bottomNav,
	#mission,
	#iconList,
	#footnote{display:none;}
}
/***** Shadow on footer blocks *****/

#purpose,
#bottomNav,
#mission,
#iconList{box-shadow:3px 3px 5px #444}

/* ***** common to major blocks ***** */	
#purpose,
#bottomNav,
#mission{
	font-family: arial; color: #3f61a1;
	margin:10px auto 0 auto;
	width: 958px;
	border: solid 1px #d2dae7;
	border-radius: 10px;
	background-color: #edf0f5;
	}
h4{margin:0;padding:0;} /* DDDDD remove when using css reset */
#purpose h4,
#mission h4{font: bold 14.5px arial; padding:10px 0 0 0;color: #04196c;}

/**************** Purpose Statement *****************/
#purpose{	 
	text-align: center;
	}
#purpose p{margin:0;padding:0;} /* DDDDD remove after css reset file added */
#purpose p{
	padding:5px 40px 20px 40px;
	font:normal 12px/1.5em arial;color: #04196c;
	}	
#purpose a{font-weight:normal;} 
/* ****purpose block END ***/

/* ***** Mission */
#mission ul{margin:0;padding:0;} /* DDDDDDDDDD DELETE THIS LINE WHEN USING CSS RESET DDDDDDDDDD */

#mission{
	margin: auto; margin-top: 10px;
	 text-align: center;
	}
#mission li{
	font: 12px/1.2em arial,verdana; color: #04196c;
	padding: 3px 0 0 0;
	}
#mission ul{
	list-style:disc inside;
	padding: 5px 0 15px 0;
	}
	
/* ***** Bottom navigation 3 sections*/	
#bottomNav{
	clear: both;
	padding: 5px 0 20px 0;
	margin: auto; margin-top: 10px;
	width: 958px;
	border: solid #d2dae7 1px; /* slightly darker light blue than background */
	border-radius: 10px;
	background-color: #edf0f5; /* light blue background color */
  	 font: bold 9pt arial,verdana;
	}	
	
#bottomNav div{
	float: left;  
	width: 28%;
	}
	
#bottomNav h3{
	font:bold 14pt helvetica,arial;
	color: #04196c; /* midnight blue color of blue buttons */
	padding: 6px 0 6px 0; margin: 0;
	}	
#footerLeft{
	margin-left: 22px;
	}	
#footerMiddle,
#footerRight{
	padding-left: 52px;
	}
#footerRight{
	margin-right: 10px;
	}

#bottomNav ul{
	list-style: none;
	list-style-position: outside;
	margin: 0; padding: 0; 			/* DDDDDDDDDD DELETE THIS LINE WHEN USING CSS RESET DDDDDDDDDD */
	}
#bottomNav li{
		border-top: solid 1px #d2dae7;  
		}
		
/* ***** Multiple items per row */
		
.dualLink a{	/* ***** sets up footer row for 2 blocks across  ***** */	
	float: left;  /* floated items become block elements making the whole block the link */
	width: 48%;  /* can't be 50% padding or something is accounting for some space */
	}
.triLink a{  /* ***** sets up footer row for 3 blocks across ***** */
	float: left;  /* floated items become block elements making the whole block the link */
	width: 31%; /* can't be 33.3% padding or something is accounting for some space */
	}
.quadLink a{	/* ***** sets up footer row for 4 blocks across ***** */
	float: left; 
	width: 23%; 
	}
.center{
	margin: auto; /* used to center block level elements */
	text-align: center; /* used to center inline text elements */
	}
	
/****************************Link action ****/
#bottomNav li a:link,
#bottomNav li a:visited{
	color: #3f61a1;
	text-decoration: none;
	 font-weight: bold;
	 line-height: 1.8em;
	padding-left: 5px;
 	display: block;  /* makes whole block a link on single item lines */
	}
#bottomNav li a:hover,
#bottomNav li a:active{
	background-color: #d0d9e8; 
	}
	
/* ***** Horizontal rule */	
hr{
	text-align: left; /* added for IE-10  */
	height: 1px;
	width: 910px;
	border: none;
	background-color: #d2dae7;
	margin: 0 0 0 22px;
	}
	
/*************************Clearfix - duplicated from custom_css file 
							Delete when reset is used for all pages **/ 
.clearfix{
	clear:both;
	}
.clearfix:before,
.clearfix:after {
	content:"";
	display:table;
	}
.clearfix:after{
	clear:both;
	} 
/************************* END Clearfix **/ 

 
/*************************Footer icons using sprites********/

#iconContainer{ /* main icon container box */
	margin:10px auto; 
	width: 958px;  
	height: 66px;
	}
	
	
#nabp,
#nabp a:link, 
#nabp a:visited{  /* red NABP seal */
	border: none;
	background: url('//www.naabt.org/images/e-Advertiser-Seal.png')no-repeat;
	float: right;
	 height: 59px;
	 width: 100px; 
	margin: 4px 4px 0 0;
	}
#nabp:hover,
#nabp a:hover, 
#nabp a:active{background:url('//www.naabt.org/images/e-Advertiser-Seal-2.png')no-repeat;}	


#iconList{ 
	list-style-type: none;
	 height: 40px;
	 width: 800px;
	padding: 12px;
	border-radius: 5px;
	background-color: #bfcade;
	border: solid 1px #3f61a1;
	}

#iconList li, 
#iconList a:link,
#iconList a:visited{ 
	float: left;
	height: 38px;
	margin-right: 59px;
	}
	
#iconList li:first-of-type{ 
	margin-left: 35px; 
	}
	
#iconList li:last-of-type{ 
	margin-right: 0; padding-right: 0;
	}
	
#recoveryMonth, 
#recoveryMonth a:link,
#recoveryMonth a:visited{
	width: 72px;
	background:url('//www.naabt.org/images/iconSprites.gif') 0 0;
	}
#recoveryMonth a:hover,
#recoveryMonth a:active{background:url('//www.naabt.org/images/iconSprites.gif')0px -39px;}

#addictionSurvivors, 
#addictionSurvivors a:link,
#addictionSurvivors a:visited{
	width: 79px;
	background:url('//www.naabt.org/images/iconSprites.gif') -73px 0;
	}
#addictionSurvivors a:hover,
#addictionSurvivors a:active{background:url('//www.naabt.org/images/iconSprites.gif')-73px -39px;}

#nih, 
#nih a:link, 
#nih a:visited{
	width: 35px;
	background:url('//www.naabt.org/images/iconSprites.gif') -153px 0;
	}
#nih a:hover,
#nih a:active{background:url('//www.naabt.org/images/iconSprites.gif')-153px -39px;}

#samhsa, 
#samhsa a:link,
#samhsa a:visited{
	width: 34px;
	background:url('//www.naabt.org/images/iconSprites.gif') -189px 0;
	}
#samhsa a:hover,
#samhsa a:active{background:url('//www.naabt.org/images/iconSprites.gif')-189px -39px;}

#alcoholAnswers, 
#alcoholAnswers a:link,
#alcoholAnswers a:visited{
	width: 110px;
	background:url('//www.naabt.org/images/iconSprites.gif') -224px 0;
	}
#alcoholAnswers a:hover,
#alcoholAnswers a:active{background:url('//www.naabt.org/images/iconSprites.gif')-224px -39px;}

#nida, 
#nida a:link,
#nida a:visited{
	width: 122px;
	background:url('//www.naabt.org/images/iconSprites.gif') -335px 0;
	}
#nida a:hover,
#nida a:active{background:url('//www.naabt.org/images/iconSprites.gif')-335px -39px;}

/* *****  END  Footer icons ********/

/* ****** Citation footnotes at bottom of page ********* */
#footnote a:link,
#footnote a:visited{color:#555;}

#footnote a:hover,
#footnote a:active{text-decoration:none; color:#111;}
ol#footnote{
	list-style: decimal outside;
	width: 880px;
	margin: auto; margin-bottom: 50px;
	}
#footnote li{ 
	color: #444;
	font: 8pt/1.2em arial;
	}
/*************************  END *******************************************************************/