/**********************************************************************************************************
 CSS Typography styles for PEN Web Site
 Ryan Cramer Design, LLC

 1. General HTML
 2. Masthead Area
 3. Section (far right side bar)
 4. Content (body copy and inner side bar)
	4a. General styles
	4b. Bodycopy
	4c. Sidebar
 5. Footer

 **********************************************************************************************************/


/*** 1. GENERAL HTML **************************************************************************************/

body, input, select, textarea, td {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

	body {
		font-size: 56.5%;
		line-height: 1.5em;
	}

	body.text_normal {
		font-size: 62.5%; /* 10px */ 
		font-size: 56.5%; /* 9px */
	}

	body.text_larger {
		font-size: 68.75%; /* 11px */ 
		font-size: 62.5%; /* 10px */ 
	}

	body.text_largest {
		font-size: 75%;  /* 12px */ 
		font-size: 68.75%; /* 11px */ 
	}

	body.mac #container {
		font-size: 1.111111em; /* 10px */ 
	}

	body.mac, body.mac input, body.mac select, body.mac textarea, body.mac td {
		font-family: "Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;
		text-shadow: 0 0 0 #000; /* safari */
		-moz-opacity: 0.9999; /* firefox */
		
	}

em {
	font-style: italic;
}

strong {
	font-weight: bold; 
}

a:hover, a.on {
	text-decoration: underline;
}

.datestamp {
	/* font-size: 10px;  */ 
	color: #ddd;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 12px; 
}

hr {
	margin: 1em 0; 
	background: none;
	height: 1px; 
	border: none;
	border-top: 1px dotted #666;
}

/*** 2. MASTHEAD AREA ********************************************************************************************/

#masthead h1 a {
	width: 100%; 
}
	#masthead h1 a:hover {
		text-decoration: none;
	}

#topnav a {
	font-size: 1.3em; /* 13px */ 
	margin-right: 25px; 
	color: #fff;
}
	#topnav a.on,
	#topnav a:hover {
		color: #ffb77c;
		text-decoration: none;
	}

#search_query {
	font-size: 1.2em; /* 12px */ 
	border: none;
	padding: 2px;
	color: #555;
}
	#search_query.on {
		color: #000;
	}


/*** 3. SECTION (FAR RIGHT SIDE BAR) ******************************************************************************/
	
#section {
	font-size: 1.1em; /* 11px */ 
	line-height: 1.3em;
}
	#section a {
		display: block;
		color: #051d21;
		font-weight: bold;
	}

	#section a.on {
		color: #497077
	}

	#section h3 {
		font-size: 1.272727em; /* 14px */ 
		font-weight: normal;
		padding: 9px 0 7px 20px;
		margin: 0 -10px 12px -20px; 
		color: #fff;
		background: #748e92;
		background: url(images/section_h3_bg.jpg) bottom left no-repeat; 
		display: block;
		line-height: 1.2em;
	}

		#section h3 a {
			color: #fff; 
			font-weight: normal;
		}



	#section li {
		margin: 1em 0;
	}

	#section ul ul {
		margin: 1em 0;
	}

	#section ul ul li {
		margin-left: 1em;
	}

	#section_text {
		line-height: 1.7em;
	}


/*** 4. CONTENT (BODYCOPY AND INNER SIDEBAR) **************************************************************************/

#content {
	color: #d5d6c9;	
	color: #ecede5;
	font-size: 1.2em; /* 12px */ 
	line-height: 1.6em;
}

	/*** 4a. GENERAL CONTENT STYLES ***/ 

	#content p,
	#content ul,
	#content ol,
	#content blockquote,
	#content dl,
	#content h1,
	#content h2,
	#content h3,
	#content h4 {
		margin: 1.25em 0 1.25em 0;
	}


	#content #breadcrumb {
		margin: 0 0 10px 0; 
	}

		#content #breadcrumb li {
			line-height: 1.5em;
		}

		#content #breadcrumb a {
			/* font-size: 10px;  */
			font-size: 0.8333em; /* 10px */ 
			font-weight: bold; 
			color: #6f6e6e; 
			color: #888;
			text-transform: uppercase;
			margin-right: 0.7em;
			padding-right: 1em;
			background: url(images/dot_arrow.gif) center right no-repeat; 
		}
			#content #breadcrumb a:hover {
				color: #fff;
				text-decoration: none;
			}

			#content #breadcrumb a.on {
				text-decoration: none;
			}

	#content h1 {
		color: #fff2c6;
		font-size: 1.58333em; /* 19px */ 
		margin: 0.5em 0 0.5em 0; 
		line-height: 1.3em;
	}
		#content h1.head_title { } /* first h1 */

			#content h1.head_title a {
				color: #fff;
				border: none;
			}

			#content h1.head_title img {
				position: relative;
				bottom: -5px; 
			}

			body.page_search #bodycopy h1.head_title {
				padding-left: 40px;
				height: 32px;
				background: url(images/icons/32/icon_search.png) top left no-repeat;
			}

			body.page_2594 #bodycopy h1.head_title,
			body.page_2595 #bodycopy h1.head_title,
			body.page_2694 #bodycopy h1.head_title {
				padding-left: 32px;
				height: 24px;
				background: url(images/icons/24/icon_news.png) top left no-repeat;
			}

				body.page_2595 #bodycopy h1.head_title {
					background: url(images/icons/24/icon_events.png) top left no-repeat;
				}

				body.page_2694 #bodycopy h1.head_title {
					background: url(images/icons/24/icon_publications.png) top left no-repeat;
				}
		

			.parent_1 #bodycopy h1.head_title {
				color: #fff;
			}

	#content h2,
	#content h3 {
		color: #fff2c6;
		font-size: 1.33333em; /* 16px */ 
		margin: 0.5em 0 0.5em 0;
		line-height: 1.2em;
	}

		#content h2 {
			line-height: 1.4em;
		}

		#content #bodycopy h1 + h2,
		#content #bodycopy h2.head_title {
			color: #c8bc96;
		}

	#content h3 {
		font-size: 1.1666em; /* 14px */ 
		line-height: 1.3em;
	}

	#sidebar h4,
	#bodycopy h5 {
		color: #666;
		font-weight: bold;
		text-transform: uppercase; 
		margin: 1em 0;
	}
		#bodycopy h5 {
			font-size: 0.91666em; /* 11px */ 
		}

		#sidebar h4 {
			font-size: 1em; /* 11px */ 	
		}

	/*** CONTENT: LINKS ***/

	#content a {
		color: #f9ba80;
	}
		#bodycopy a {
			color: #f9ba80;
			border-bottom: 1px dotted #555;
		}
			#content a:hover,
			#content a:hover span,
			#content a.on {
				color: #fff;
				text-decoration: underline;
				border: none;
			}

		#content a.more,
		#content a.file_item,
		#content ul.subpages li a.more {
			display: block;
			background: url(images/icons/icon_more.gif) 0 3px no-repeat;
			padding-left: 13px; 
			color: #f4a96c;	
			font-weight: bold; 
			text-transform: uppercase;
			border: none;
			margin-top: 0;
			line-height: 1.5em;
		}
			#bodycopy a.more,
			#bodycopy a.file_item,
			#bodycopy ul.subpages li a.more {
				font-size: 0.8333em;
			}

			#sidebar a {
				color: #fff2c6;
			}

			#sidebar a.more,
			#sidebar a.file_item {
				font-size: 0.909090em;	
			}

		#content a.file_item {
			margin-top: 1em;
			margin-bottom: 1em;
		}

		#content a.external_link {
			background: url(images/icons/16/icon_external_link.png) center left no-repeat;
			display: block;
			height: 16px; 
			padding-left: 24px; 
		}

		#content a.rss {
			display: block;
			background: url(images/icons/icon_rss.gif) center left no-repeat; 
			color: #f4a96c;	
			padding-left: 20px; 
			border: none;
			line-height: 16px; 
		}
			#content a.rss:hover {
				color: #fff;
			}

		#content a.photo,
		#content a.webcast,
		#content a.login,
		#content a.search {
			display: block;
			background: url(images/icons/16/icon_photo.png) center left no-repeat;
			line-height: 16px; 
			padding-left: 20px; 
		}
			#content a.webcast {
				background: url(images/icons/16/icon_webcast.png) center left no-repeat;
			}
			#content a.login {
				background: url(images/icons/16/icon_lock.png) center left no-repeat;
			}
			#content a.search {
				background: url(images/icons/16/icon_search.png) center left no-repeat; 
			}

		#content a.video,
		#content a.audio {
			color: #ec883b;	
		}


		#content .image_item a {
			display: block;
			border: none;
			padding: 0;
			margin: 0;
		}
			#content .image_item a:hover img {
				border-color: #444;	
			}

	/*** 4b. CONTENT: BODYCOPY **************************************************************************/ 

	#content #bodycopy {
		line-height: 1.7em;
	}
		#bodycopy h4 {
			/* font-size: 13px; */
			margin-top: 2em;
			text-transform: none;
			color: #b3c8cc;
			font-weight: bold;
			font-size: 1em;
		}
			body.mac #bodycopy h4 {
				font-size: 1.08333em;
			}

		#bodycopy ul li {
			list-style-image: url(images/li.gif);
			margin-left: 2em; 
			margin-right: 2em;
		}

		#bodycopy ol li {
			margin-left: 3em;
			margin-right: 2em; 
			list-style: decimal;
		}

		/*** SUBPAGES LISTS ***/ 

		#bodycopy ul.subpages {
			margin: 1em 0 1em 0;
		}
			#content ul.subpages ul.subpages {
				margin-left: 1em;
			}

			#bodycopy ul.subpages li {
				list-style: none;
				margin: 0;
				margin-right: -15px; 
				background: url(images/subpage_item_bg.gif) top left no-repeat;
				border-top: 1px solid #333;
				padding: 1em 0 1.5em 15px; 
				position: relative; 
				left: -15px; 
				clear: both;
				list-style-image: none;
			}	

				/*** SUBPAGE LIST ITEM LINKS ***/ 

				#bodycopy ul.subpages li a {
					display: inline;
					color: #fff2c6;
					font-size: 1.16666em; /* 14px */ 
					border-bottom: 1px dotted #555;
					line-height: 1.35em;
				}
					#content #bodycopy ul.subpages a:hover {
						color: #fff;
						border-bottom: 1px dotted #222;
					}

				/*** SUBPAGE LIST ITEM IMAGES ***/ 

				ul.subpages li img {
					float: left; 
					position: relative; /* IE6 */
					margin: 0 12px 4px -3px;
					border: 3px solid #333;

				}
					ul.subpages li a:hover img {
						border: 3px solid #444;
					}

				/*** SUBPAGE LIST ITEM SPANS ***/ 

				ul.subpages li span {
					display: block;
				}
					#bodycopy ul.subpages li span.name,
					ul.subpages li a span.name {
						display: inline;
					}

					ul.subpages li span.datestamp {
						color: #9c9a87;
						font-size: 0.83333em;
						line-height: 1.6em;
					}

					ul.subpages li span.author {
						color: #9c9a87;
						font-style: italic;
					
					}

					ul.subpages li span.summary {
					}
						#content ul.subpages li span.summary a {
							font-size: 1em;
							color: #ecede5;
							border-bottom: 1px dotted #555 !important;
						}

					ul.subpages li span.parent_path {
						/* font-size: 11px; */
						font-size: 0.91666em;
						color: #999;
					}

					ul.subpages li span.toggle_video,
					ul.subpages li span.toggle_audio {
						background: url(images/icons/icontext_video.gif) top left no-repeat; 
						width: 34px;
						height: 9px; 
						text-indent: -9999px; 
						overflow: hidden;
						display: inline;
						float: left;
						margin-right: 10px; 
						margin-top: 0.5em;
					}

						ul.subpages li span.toggle_audio {
							background: url(images/icons/icontext_audio.gif) bottom left no-repeat; 
							width: 35px;
						}

					#content ul.subpages li span.summary img {
						float: none;
						display: inline;
						border: none;
						margin: 0;
						padding: 0;
					}

					#content ul.subpages li span.summary a,
					#content ul.subpages li span.summary a:hover,
					#content ul.subpages li span.summary a img,
					#content ul.subpages li span.summary a:hover img {
						text-decoration: none;
						border: none;
						margin: 0;
						padding: 0; 
						/*
						line-height: 0;
						*/
					}

					ul.subpages li span.icon_pdf {
						position: relative;
						top: 1px; 
						height: 16px;
						width: 22px;
						float: left;
						text-indent: -9999px; 
						background: url(images/icons/16/icon_pdf.png) top left no-repeat; 
					}

			/*** SUBPAGES FOLDER NAVIGATION ***/ 

			body.folder_nav #content #bodycopy ul.subpages { }

				body.folder_nav #content #bodycopy ul.subpages li {
					position: static;
					width: 47%; 
					float: left;
					clear: none;
					border: 1px solid #333;
					margin-bottom: -1px; 
					margin-right: -1px; 
					margin-left: 0;
					padding-top: 1em;
					padding-bottom: 1em;
					background: none;
				}
					body.folder_nav #content #bodycopy ul.subpages li a {
						background: url(images/icons/24/icon_folder.png) top left no-repeat;
						height: 24px; 
						padding-left: 30px; 
						padding-top: 3px; 
						border: none;
						white-space: nowrap; 
						overflow: hidden;
					}
						body.folder_nav #content #bodycopy ul.subpages li a:hover,
						body.folder_nav #content #bodycopy ul.subpages li a:active {
							position: relative;
							left: 1px; 
							padding-left: 29px; 
							background: url(images/icons/24/icon_folder_open.png) top left no-repeat;
							border: none;
						}

			/*** SUBPAGES: SITEMAP ***/

			#bodycopy #sitemap ul.subpages ul {
				margin-top: 0;
			}

			#bodycopy #sitemap ul.subpages li {
				border: none;
				padding: 1em 0 1em 15px; 
			}
				#bodycopy #sitemap ul.subpages ul li {
					position: static;
					padding: 0 0 0 15px; 
					background: none;
				}
				#bodycopy #sitemap ul.subpages ul li a {
					line-height: 1.6em;
				}
					#bodycopy #sitemap ul.subpages ul ul li a {
						/* font-size: 11px; */
						font-size: 0.91666em; 
					}





		#content #bodycopy ul.pager {
			clear: both;
		}

		/*

		#content #inv_search {
			font-weight: bold;
			text-transform: uppercase;
		}

			#content #bodycopy #inv_search {
				font-size: 0.833333em;
				position: absolute;
				top: 44px; 
				right: 20px; 
				margin: 0; 
				padding: 0;
			}

			#content #inv_search a {
				color: #f4a96c;	
			}

			#content #sidebar #inv_search {
				font-size: 0.909090em;
			}

			#content #bodycopy #inv_search a.search {
				border: none;	
			}
		*/ 



	/*** CONTENT: SIDEBAR  *****************************************************************************************************/

	#sidebar {
		font-size: 0.91666em; /* 11px */ 
		color: #d8d9d0;
		line-height: 1.5em;
	}

		#sidebar li,
		#sidebar p {
			margin: 1em 0;
		}

		#sidebar h1, 
		#sidebar h2,
		#sidebar h3 {
			font-size: 1.454545em;
			color: #fff; 
		}
			#sidebar h2,
			#sidebar h3 {
				font-size: 1.272727em; /* 14px */ 
			}


		#sidebar h1:first-child,
		#sidebar h2:first-child,
		#sidebar h3:first-child,
		#sidebar h4:first-child {
			margin-top: 11px; 
		}

		#sidebar h4 {
			margin-top: 2em;
		}

		body.page_5900 #sidebar h2 { /* pressroom: slightly larger font size per Cheryl */ 
			font-size: 1.454545em; 
		}	

		#sidebar ul.subpages li a { } 
	
			#sidebar ul.subpages li a:hover {
				text-decoration: underline;
			}

			#sidebar ul.subpages li a.on {
				color: #fff;
				text-decoration: underline;
			}

		#sidebar #tools {
			margin-top: 3em;
			margin-left: -19px; 
		}

			#tools li {
				display: block;
				height: 25px; 
				background: url(images/tools_dotline.gif) bottom left no-repeat; 
				margin-bottom: -5px;
			}

			#tools a, .tools {
				display: block;
				padding-left: 22px; 
			}

			#tools a {
				color: #6f6e6e;
				margin-left: 19px; 
				height: 18px; 
				line-height: 18px; 
			}
				#tools a:hover {
					color: #fff;
				}
				.tools_print, .print {
					background: url(images/icons/16/icon_print.png) center left no-repeat; 
				}
				.tools_email, a.email, span.email {
					background: url(images/icons/16/icon_email.png) center left no-repeat; 
				}
				.tools_rss, .rss {
					background: url(images/icons/16/icon_rss.gif) center left no-repeat; 
				}
				.tools_digg, .digg {
					background: url(images/icons/16/icon_digg.gif) center left no-repeat; 
				}
				.tools_stumbleupon, .stumbleupon {
					background: url(images/icons/16/icon_stumbleupon.gif) center left no-repeat; 
				}
				.tools_delicious, .delicious {
					background: url(images/icons/16/icon_delicious.gif) center left no-repeat; 
				}

				#tools li.last {
					background: none;
				}

				#tools .tools_what {
					color: #e7a067;
					padding-left: 0;
					padding-right: 16px; 
					background: url(images/icons/16/icon_up.gif) center right no-repeat;
					display: inline;
					/* font-size: 10px; */
					font-size: 0.909090em;
				}
				
			
		#sidebar .datestamp {
			font-size: 0.909090em;
		}

		#sidebar p.datestamp {
			position: relative;
			padding-left: 30px; 
			height: 24px; 
			background: url(images/icons/24/icon_cal.png) top left no-repeat; 
			line-height: 2.3em;
		}
			#sidebar p.datestamp em {
				position: absolute;
				top: 4px;
				left: 4px; 
				font-style: normal;
				font-size: 8px;
				font-weight: bold;
				color: #444;
				width: 2em;
				text-align: center;
				line-height: 22px;
			}

				body.mac #sidebar p.datestamp em {
					font-size: 9px;
					top: 5px; 
					left: 3px; 
				}

		#sidebar ul.stories li {
			margin-bottom: 2em;
		}

		#sidebar ul.stories li a {
			font-weight: bold; 
			border-bottom: 1px dotted #444;
		}

		#bodycopy ul.stories {
			margin-bottom: -1em; 
			margin-top: 0;
		}
			#bodycopy ul.stories li {
			}


	.icon_legend br {
		clear: both;
	}
		.icon_legend span {
			display: block;
			width: 100%;
			margin: 0.5em 0;
			text-indent: 0;
			padding-left: 24px; 
		}

	#text_resizer {
		padding-right: 1em;
		line-height: 1em;
		font-family: Georgia, "Times New Roman", times, serif;
		padding-left: 20px; 
	}
		#text_resizer a {
			color: #777;
			display: inline; 
			padding: 0;
			padding-right: 3px; 
			margin: 0;
		}
		#text_resizer a.on {
			color: #fff; 
			text-decoration: none;
		}
		#text_resize_normal {
			font-size: 8px; 
		}
		#text_resize_larger {
			font-size: 12px; 
		}
		#text_resize_largest {
			font-size: 16px; 
		}


/*** FOOTER ***************************************************************************************************************************/

#footer {
	font-size: 1.1em; /* 11px */ 
	color: #787878;
}
	body.mac #footer {
		font-size: 1.25em;
	}

	#footer a {
		font-size: 0.909091em;	/* 10px */ 
		color: #bbb;
		text-transform: uppercase;
	}
		#footer a:hover {
			color: #fff;
			text-decoration: underline;
		}

#editpage {
	position: absolute;
	display: block;
	top: 15px;
	left: 25px; 
	text-indent: -9999px; 
	background: url(images/icons/24/icon_edit.png) top left no-repeat;
	width: 24px;
	height: 24px; 
	z-index: 300; 
}


/*** POLLDADDY *********************************************************************************************************************/


#content #bodycopy .PDS_Poll {
	margin-bottom: 2em; 
	clear: both; 
}

#content #bodycopy .pds-box {
	width: 350px; 
}
#content #bodycopy .pds-vote a {
	display: none; 
}
#content #bodycopy .pds-radiobutton {
	margin-right: 3px; 
}

#content #bodycopy .hide_results .pds-answer {
	display: none !important; 
}
#content #bodycopy .hide_results .pds-vote {
	display: none !important; 
}