/*nhec print style sheet*/

/* == Reset == */

html, body {margin:0; padding:0;}

#header, #main-content {width:95%;margin:0; float:none;} /*this gives control of page width to the printer's margins*/

body{background-color: white; color:#111;background-image:none;}
	li, dd, dt {color: #111;}

#main-content {background:transparent;}
#main {width:50%;}
#sidebar-details, #sidebar-utility {width:22%;}
#recently p, .group, #quiz-inside, #site_index dl {overflow:auto;} 

/*gets rid of overflow:hidden properties that cause printing problems, like not printing content past a certain height*/

/* ====  stuff to hide from print  
==============================  */
#site_index, #header, #utility-row, #nav-search-row, #nav-one, h1#logo, #ask-bar, #slideshow .instructions, #footer-top, #footer-bottom, #main-quicklinks, #videos-window, 
.tooltip, ul.pager, .search-form, #ask-bar, #history-content #accordion, #teaching-materials #accordion, h2#searches, h2#participate, #elem-ed-spot, #block-addthis-0, #block-nhec_bookmarks-0, #navmenu 
{display:none;}
#main .breadcrumb a:link, #main .breadcrumb a:visited, #btt-maincontent .breadcrumb a:link, #btt-maincontent .breadcrumb a:visited  {text-decoration: none; font-size:7pt; color:#777;font-weight:normal;}
#top-row, #top-row-quicklinks {background-image:none;background:transparent;overflow:visible;}

.field-field-bibliography, #abstract {background:none;}
/* ====  niceties  
==============================  */
#comments {page-break-before:always;}

#thanksMsg, #printHeader, #print-date-url {display:block;} 
	#printHeader {text-indent: 12pt; border-bottom:1pt solid #777;margin-bottom:6pt;width:95%;}
	#print-date-url{color:#000; clear:both;margin-top:12pt;margin-left:10pt;}
	#thanksMsg {border:1pt solid #777; color:#777; padding:24pt;margin:0 10pt;clear:both; position:relative bottom center;} #thanksMsg p {font-size:10pt;}


	a:link, #main a:link, a:hover, a:visited {font-weight:bold; text-decoration:none; color: #e41;font-size:10pt;display:inline;} 

/*.hidden-text{text-indent:0;}
h2#read-and-learn, h2#participate, a.go, a.ask {background-image:none;}*/ a.go, a.ask {display:inline;}
/*makes the links stand out some; the bright red will print as a nice gray from 
black only printers*/


/* ====   print out urls after links  only works in safari and firefox; using jquery function found in global.js for ie hack===*/
a:after {
  content: " (" attr(href) ")";
}


/* ====  make divs hidden by jquery scripts display and print
==============================   */
.toggle-container{display:block !important;}

/* ======== MISC CLASSES ============= */
.instructions, .venue, .author {color:#666; font-size:9pt; font-weight:bold; text-transform:uppercase;}
.clear {clear:both;}
img.align-left{float:left; margin:9pt 14pt 12pt 0;}
img.align-right{float:right; margin:9pt 0 12pt 14pt;}


/* ============= typography tweaking for heads, titles, lists, etc    ==================  */
body, p {font-size:12pt; line-height:16pt; font-family:"Lucida Bright", Cambria, Georgia, Garamond, Berkeley, serif;}
p {margin-bottom:12pt;}

h1, h2, h3, h4, h5, h6, .sans, .intro, .meta, #connect p, .utility-text, .utility-text p 
{font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;}

h1 {font-size:22pt; line-height: 28pt; margin:7pt 0 0;color:#777;font-weight:normal;}
	h1#page-title{margin-bottom:7pt;}
	
h2, .subhead, .field-label {font-size: 18pt; line-height:21pt; margin:28pt 0 14pt; color:#555}

h3{font-size: 14pt; line-height: 14pt; margin: 14pt 0 7pt;color:#555;}
	.sidebox h3, #sidebar-utility h3 {
		display:block; padding-left:24pt;text-transform:uppercase;
		height:16pt;margin-bottom:14pt;margin-top:0; line-height:16pt;}

h4, h5 {font-size:12pt; line-height:14pt; margin:9pt 0 5pt} 

h5{font-style:italic;font-weight:normal; color:#798;} 

h6, .utility-text, .utility-text p {font-size:10pt; line-height: 14pt;}

.date, .item-type-head, #intro p, .allcaps 
{font-family: "Arial Narrow", "Helvetica Neue Condensed", sans-serif;margin:0 0 24pt;font-size:10pt;}

.item-type-head
{text-transform:uppercase;font-weight:bold; margin:0 0 -12pt;color:#555;}

.allcaps{text-transform:uppercase; font-size:10pt;}

.pull {font-size: 15pt; line-height: 22pt; color: #777; margin: 15pt 0 15pt 20pt;width:50%;padding: 10pt 0;border-top:2pt dotted #fff;font-style:italic;border-bottom: 2pt dotted #fff; float:right;clear:left;}

.structure-img img{margin-top:14pt;}


	/* =Lists, Navigation, Menus
	--------------------------------------------------------------------------------*/
	#main-content ul li, #main-content dl dd, #main-content ol li {font-size:12pt;line-height:16pt;margin-bottom:5pt;font-weight:normal;font-family:"Lucida Bright", Cambria, Georgia, Garamond, Berkeley, serif;}
	#main-content ul{list-style-type:disc;list-style-position:inside;} 
		#main-content ul ul{list-style-type:square;list-style-position:inside;padding-left:12pt;} 
	#main-content ol{list-style-type:decimal;list-style-position:inside;}

	#quick-links li{line-height:18pt;}

	#sidebar-utility ul li, 
	#sidebar-details ul li, 
	#sidebar-details dl dd {font-family: Arial, sans-serif;margin-bottom:8pt;} 
		dd.bulleted{padding-left:12pt;background: transparent url(../images/bullet-rightarrows.png) 0 6pt no-repeat;}

	#sidebar-details dl dt{text-transform:uppercase; font-weight:bold;font-size:9pt;} 

	#sidebar-utility ul, #sidebar-details ul {list-style-type:none;} 
		#sidebar-utility ul li{border-bottom:1pt dotted #fff;padding:0 0 6pt}

	#main-quicklinks{padding-top:60pt;}
	#main-quicklinks ul {list-style-type:none; text-align:left;} 
	#main-quicklinks ul li {font: 12pt Arial, Helvetica, sans-serif;line-height:18pt;padding-top:14pt;margin-bottom:7pt;}
		#main-quicklinks ul li a 
		{padding-left:35pt;background:transparent url(../images/arrowbutton-off.png) no-repeat; 
		text-align:left;text-decoration:none; display:block; height:23pt;padding-top:3pt;}


	ul.links li {display:inline; list-style-type:none; padding: 0 9pt 0 5pt;border-right: 1pxtsolid #798;}

	.block ul{padding:0;} 
		.block ul li{list-style-type:none;list-style-position:inside;margin:0}
				

/* ========== Set width of grids for print 
this is adapted from UMinn print styles-they use a 960 grid system
=========*/
.container-12 { border-bottom: none; background-color: #FFFFFF; background-image:none; width:auto;}
/*.container-12 .grid-5 { width: 8in; text-align:left;float:none;}
.container-12 .grid-6 { width: 8in; text-align:left;float:none;}
.container-12 .grid-7 { width: 8in; text-align:left;float:none;}
.container-12 .grid-8 { width: 8in; text-align:left;float:none;}
.container-12 .grid-9 { width: 8in; text-align:left;float:none;}
.container-12 .grid-3 { width: 8in; text-align:left;float:none;}
.container-12 .grid-4 { width: 8in; text-align:left;float:none;}*/

