@charset "UTF-8";

/* Global reset of paddings and margins for all HTML elements */

* {
	margin:0;
	padding: 0
}

* html body * {
	overflow:visible;
}
* html iframe, * html frame {
	overflow:auto;
}
* html frameset {
	overflow:hidden;
}
html {
	height: 100%;
	margin-bottom: 1px;
}
html * {
	font-size: 100.01%
}

/*-------------------------------------------------------------------------*/
/* Layout Properties */

body {
  font-size: 75.00%;
	color: #444;
	background: #ddd;
	text-align:left;
	font-family: Verdana, 'Trebuchet MS', Helvetica, Arial, sans-serif;
}

#container {
	margin: 0 auto;
	width: auto;
	min-width: 740px;
	max-width: 110em;
	background: #ddd;
	padding: 12px;
}

#content {
	padding: 12px 24px;
	border: 1px #aaa solid;
	background: #fff;
}

#header {
	padding: 12px 24px 0 24px;
	color: #000;
	background: #fff;
	position:relative
}
#header .subctop {
	padding: 0 24px;
	border-left: 1px #ffbb18 solid;
	border-right: 1px #ffbb18 solid
}
#header .subcltop {
	padding: 0 24px 0 0;
}
#header .subcrtop {
	padding: 0 0 0 24px
}
#header h2 {
	border-top: 1px #ffbb18 solid;
	border-bottom: 1px #ffbb18 solid;
	margin: 0;
	padding: .75em 0 .75em 0;
}
#topnav {
	position:relative;
	float:right;
	top: 10px;
	right: 24px;
}

#header, #main, #footer {
	clear:both;
}

#main {
	margin: 12px 0;
	background: #fff;
	padding: 0px 24px;
}
#footer {
	padding: 0px 24px;
	color:#666;
}
#footer h2 {
	border-bottom: 1px #ffbb18 solid;
	margin-bottom: 0;
	padding-bottom: .75em;
}
#footer a {
	color: #222;
	background:transparent;
	font-weight: bold;
}
#footer a:focus,  #footer a:hover,  #footer a:active {
	color: #4D87C7;
	background-color: transparent;
	text-decoration:underline;
}

.c33l, .c66l{
	float: left;
}
.c33r, .c66r {
	float: right;
	margin-left: -5px;
}

.c33l, .c33m, .c33r {
	width: 33%;
	float:left;
	margin:5px 0;
}

.c66l, .c66r {
	width: 66.666%;
}

.l50, .r50{
	width:48%;
	float:left;
	
}
.l50wrapper, .r50wrapper{
	margin:5px;
	border:1px solid #CCC;
	min-height:350px;
}

.l50wrapper p, .r50wrapper p{
	padding:0 8px;
}

.l50wrapper p.title, .r50wrapper p.title{
	font-size:106%;
	text-decoration:underline;
}

.penclahrc-wrapper p{
	margin: 3px 0 0 0 ;
	padding: 0;
}
.penclahrc-wrapper h3{
	margin: 3px 0 0 0 ;
	padding: 8px 0 0 0 ;
	font-size:110%;
}
/*-------------------------------------------------------------------------*/

  /**
   *  Formatting content container
   **/

.subcl {
	padding: 0 0 0 0;
	
}
.subcr {
	padding: 0 0 0 0;
	margin: 0 0 0 -1px; /*when text in left panel is shorter than right panel the border properties (declared later) will overlap so that it looks like there is one line - cunning!*/
}
.subcl ul {
	display:block;
	list-style:none;
}
.subcl ul li a,
.subcl ul li a:link,
.subcl ul li a:visited{
	text-transform:uppercase;
	font-size:2em;
	color:#535353;
	text-decoration:none;
}
.subcl ul li a.active,
.subcl ul li a:hover{
	color:#ffbb18;
	text-decoration:none;
}
.subcl ul li a:hover.active{
	cursor:default;
}

.subcr ul {
	padding: 0 0 0 8px;
	margin: 0 0 0 8px;
	list-style-image:url('/images/bullet.webp');
}

.subcr li {
	padding: 0 0 6px 12px;
	margin: 0 0 6px 12px;
	line-height: 1.5em;
	list-style-image:url('/images/bullet.webp');
}

.subcr{
	border-left: 1px #ffbb18 solid;
}
.subcl{
	border-right: 1px #ffbb18 solid;
}

.subcolumns {
	border-bottom: 1px #ffbb18 solid;
	width: 100%;
	overflow:hidden;
}
.subcolumns .subcolumns {
	border-bottom: 0px #ffbb18 solid;
}
.maincontent {
	padding-left: 36px;
}

/*-------------------------------------------------------------------------*/
  /**
   *  Formatting elements
   **/
	 
	
fieldset, img {
	border: 0 solid;
}
 
h1, h3, h4, h5, h6 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
	letter-spacing: -1px;
	color:#000;
}
h2, h3 em {
	font-family: "Warnock Pro", "Goudy Old Style", "Palatino", "Book Antiqua", Georgia, serif;
	font-weight:normal;
	letter-spacing: 0px;
	font-style:italic;
}
h1 {
	font-size: 300%;
	line-height: .5em;
	margin-top: 2.5em;
	margin-bottom: .5em;
	letter-spacing: -2px;
}/* 36px */
h2 {
	font-size: 200%;
	line-height: 1.5em;
	margin-top: .75em;
	margin-bottom: .75em;
	color: #666;
}    /* 24px */
h3 {
	font-size: 150%;
	line-height: 1.0em;
	margin-top: 1.0em;
	margin-bottom: 1.0em;
}                 /* 18px */
h4 {
	font-size: 133.333%;
	line-height: 1.125em;
	margin-top: 1.125em;
	margin-bottom: 1.125em;
}       /* 16px */
h5 {
	font-size: 116.67%;
	line-height: 1.286em;
	margin-top: 1.286em;
	margin-bottom: 1.286em;
	font-weight:bold;
}  /* 14px */
h6 {
	font-size: 116.67%;
	line-height: 1.286em;
	margin-top: 1.286em;
	margin-bottom: 1.286em;
	font-weight:bold;
}  /* 14px */


p {
	font-size: 1em;
	color: #444;
	line-height: 1.5em;
	margin: 1.5em 0;
}
p.small {
	font-size: 0.8333em;
	line-height: 1.8em;
	margin: 1.8em 0;
}

.float_left {
	float: left;
	display:inline;
	margin: 0 1.5em 1em 0px;
}
.float_right {
	float: right;
	display:inline;
	margin: 0 0 1em 1.5em;
}
.center {
	text-align:center;
	margin: 1.5em auto
}
.image_text{
	padding: 2px 0 0 0;
	font-size: 90%;
}
img {
	padding: 5px;
	border: 1px #ffbb18 solid;
}
img.arrow_up {
	padding: 0;
	border: none;
}
img.noborder {
	border:0;
	padding:0px;
}
img.quoteleft {
	border:0;
	padding:0px;
	vertical-align:top; 
	padding: 2px 3px 0 0;
}
img.quoteright {
	border:0;
	padding:0px;
	vertical-align:top; 
	padding: 2px 0 0 3px;
}

a {
	color: #4D87C7;
	text-decoration:none;
}
a:focus,  a:hover,  a:active {
	color:#182E7A;
	text-decoration:underline;
}

.evenDisplay {
	background-color:#EBF0C8;
	padding:8px 6px 8px 6px;
}
.oddDisplay {
	background-color:#DADCC2;
	padding:8px 6px 8px 6px;
}
.workshop{
	padding:20px;
}
.workshop_event{
	clear:both; 
	padding:10px 0;
}
.workshop_time{
	float:left; 
	width:20%;
}
.workshop_desc{
	float:right; 
	text-align:left; 
	width:78%
}

/*table {
	width: auto;
	border-collapse:collapse;
	margin-bottom: 0.5em;
}
th, td {
	padding: 0.5em;
}
thead th {
	background: #444;
	color: #fff
}
tbody th {
	background: #ccc;
	color: #333
}
tbody th.sub {
	background: #ddd;
	color: #333
}
.default table {
	width:90%;
	border-top:0px;
	border-right:0px;
	margin:0em auto;
	}

.default table td {
border-bottom:0px;
border-left:0px;
padding:0;

}*/


table a,
table a:link,
table a:visited {
	border:none;
}							
	
table {
	width:100%;
	border-top:1px solid #e5eff8;
	border-right:1px solid #e5eff8;
	margin:1em auto;
	border-collapse:collapse;
	font-size:12px;
}
table td {
	color:#678197;
	border-bottom:1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	/*padding:4px 1px 4px 1px;*/
		padding:.3em 1em;
	text-align:left;
	vertical-align:top;
}			
	
table td.researchmethods {
	font-weight:normal;
	color: #339966;
	text-align:left;
	border-bottom: 1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding:.3em 1em;
}	
table td.involvement {
	font-weight:normal;
	color: #993300;
	text-align:left;
	border-bottom: 1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding:.3em 1em;
}	

table td.researchmethods {
	font-weight:normal;
	color: #444;
	text-align:left;
	border-bottom: 1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding:.3em 1em;
	background-color:#c1e0d1;
}	
table td.involvement {
	font-weight:normal;
	color: #444;
	text-align:left;
	border-bottom: 1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding:.3em 1em;
	background-color:#e0c1b2;
}	
table td.researchmethods {
	color: #444;
}	
table td.researchmethods a {
	color: #444;
	background: url(/images/underline.webp) 0 15px repeat-x;
	padding: 2px 0;
}	

.researchmethods{background-color:#c1e0d1;}
.involvement{background-color:#e0c1b2;}

table td.involvement {
	color: #444;
}	
table td.involvement a {
	color: #444;
	background: url(/images/underline.webp) 0 15px repeat-x;
	padding: 2px 0;
}	
table th.row1 {
	font-weight:normal;
	color: #FFFFFF;
	text-align:left;
	border-bottom: 1px solid #ffffff;
	border-left:1px solid #ffffff;
	padding:.3em 1em;
	background-color:#ffbb18;
	font-size:120%;
	font-weight:bold;
	height:30px;
}	
	
table th.row2 {
	font-weight:normal;
	color: #cc9613;
	text-align:left;
	border-bottom: 1px solid #ffffff;
	border-left:1px solid #ffffff;
	padding:.3em 1em;
	background-color:#E8EDF2;;
	font-size:110%;
	height:30px;
}	
table.noborder {
	width:100%;
	border:none;
	margin:1em auto;
	border-collapse:collapse;
	font-size:12px;
	color:#444;
}
table.noborder td {
	border:none;
	color:#444;
	padding:.3em 1em;
	text-align:left;
	vertical-align:top;
}			
hr {
	color: #fff;
	background:transparent;
	margin: 1.5em 0;
	padding:0;
	border:0;
	border-bottom: 1px #ffbb18 solid;
	clear:both;
}
table td.right {
	text-align:right;
}		

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

.columnrow{
	overflow:hidden;
	height:100%;
	padding:10px 0 10px 0
}

.columnrow-left{
	width:30%;
	float:left;
	text-align:left;
}
.columnrow-right{
	float:right;
	width:60%;
}

/**************************************************************/
/*Hidden/visible toggle*/

.hidden {
  position:absolute;
	/*important css to make the divs hidden. IE messes up if they are still in the background*/
	display:none;
}

.hidden ul{
 display:none;
}
.visible {
  position: relative;
	padding:0 0 10px 0;
	display:block;
	overflow:hidden;
}

#openall { 
	margin: 0; 
	padding: 0; 
	display: block; 
/*	overflow:auto;*/
}

#closeall { 
	margin: 0; 
	padding: 0; 
	display: none; 
/*	overflow:auto;*/
}
.instructions{
	/*clear:both;*/
	display:block;
	padding:4px 0;
}
a span.instructions{
	color:#444444;
}
a:hover span.instructions{
	text-decoration:underline;
}
.toggleopenclose{
	font-size:90%;
	color: #65b9fa;
	padding:2px;
}

.toggleopenclose a:hover{
  text-decoration: underline;
  color: #65b9fa;
  font-weight:normal;
	cursor:pointer;
}

/**************************************************************/
/*library page - letter boxes and a hrefs*/

.authorletter{
	line-height:40px;
	font-size:120%;
}

.authorletter a,
.authorletter a:link,
.authorletter a:visited{
	border:1px solid #CCCCCC; 
	padding:3px;
	text-decoration:none;
}
.authorletter a.active,
.authorletter a:hover{
	color:#535353;
	background-color:#ffbb18;
	text-decoration:underline;
}

.authorletter .nolink{
	border:1px solid #CCCCCC; 
	padding:3px;
	background-color:#e6e6e6;
}

.authorletter .selected{
	color:#535353;
	background-color:#ffbb18;
}

/**************************************************************/
/*conference*/
.conf_presentations{
	float:left; 
	width:49%; 
	clear:both;
}
.conf_mclasses{
	float:right; 
	width:49%; 
}
.conf_dance{
  clear:both;
}
/**************************************************************/
/*youtube*/

.youtube{
	border:1px #ffbb18 solid;
	padding:4px;
	height: 344px;
	width:425px;
	float:left;
	margin: 0 10px 10px 0;
}
.youtube_disclaimer{
	clear:both;
	font-size:90%;
	font-style:italic;
	padding:20px 0;

}
/**************************************************************/
.formentity{
	overflow:hidden;
	height:100%;
	padding:10px 0 10px 0;
	clear:both;
}

.formentity-left{
	width:30%;
	float:left;
	text-align:right;
}
.formentity-right{
	float:right;
	width:68%;
}
.formentity-left-lg{
	width:70%;
	float:left;
	text-align:left;
}
.formentity-right-sm{
	float:right;
	width:28%;
}
.formentity label{
	padding:0 1em 0 0;
	float:none;
	width:inherit;
}
.formentity .errormessage{
  color: #FF0000;
  font-size: 11px;
	padding:0;
	visibility:visible;
	display:inline;
	float:none;
}

.formentity .example{
  font-size: 11px;
	padding:0;
}

.formentity .txtarea, .formentity .textinput, .formentity .penc{
	font-size:14px;
	text-align:left;
}

.formentity input.buttonSubmit {
	padding:2px 1em;
	color:#686661;
	font-size:100%;
	width:100px;
}

.formentity input.buttonSubmit {
	padding:2px 1em;
	color:#686661;
	font-size:100%;
	width:100px;
	margin-left:0;

}

.formentityregleft{
width:48%; float:left;
}
.formentityregright{
width:48%; float:right;
}
.formentityregleftinner{
width:80%; float:left;
}
.formentityregrightinner{
width:20%; float:right;
}
/*forms*/


label{
  /*display:block;*/
  float:left;
	width:150px;
	padding:0 1em;
	text-align:right;
}
label.inline{
  display:block;
	padding:0 1em;
	width:300px;
}

.errormessage{
  color: #FF0000;
  font-size: 11px;
	float:right;
	width:68%;
	margin-bottom:10px;
}
.error{
  color: #FF0000;
  font-size: 11px;
}

.example{
  font-size: 11px;
	padding-left:180px;
}

.required{
  color:#FF0000;
  font-weight:bold;
}
.requiredhidden{
	visibility:hidden;
}

input, textarea {
	width:250px;
	padding:4px;
	color:#686661;
}
textarea.penc{
	width:90%;
	height: 80px;
	margin:20px 20px 4px 20px;
}
input.buttonSubmit {
	padding:2px 1em;
	color:#686661;
	font-size:100%;
	width:100px;
	margin-left:180px;
}
p.limit{
	margin:0;
	padding:0;
	text-align:right;
	display:block;
	width:100%;
}
span.limitWrapper{
	padding-right:46px;
}

/*
     FILE ARCHIVED ON 07:11:42 Jun 19, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 20:43:22 May 13, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.766
  exclusion.robots: 0.078
  exclusion.robots.policy: 0.064
  esindex: 0.013
  cdx.remote: 13.008
  LoadShardBlock: 141.079 (3)
  PetaboxLoader3.resolve: 3230.16 (4)
  PetaboxLoader3.datanode: 172.296 (5)
  load_resource: 3297.547 (2)
*/