@font-face {
	font-family: 'DoulosSIL';
	src: url('fonts/DoulosSIL-R.woff') format('woff'),
    url('fonts/DoulosSIL-R.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.black {
   background-color: #181512;
}
.headerbar {
   background-color:#181512;
   height:100px
}

.header1 {
	padding-top: 10px;
	padding-left: 10px;
	background-color: #181512;
	color: white;
}

.header2 {
	padding-top: 40px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-color: #181512;
	color: white;
	font-weight: 400;
	height:60px;
}
.header3 {
   margin-right:0px;
   margin-bottom:2.5rem;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #97BFDF;
	color: white;
	font-weight: 400;
	text-align: left;
}
.header3 a {
  color: #FFFFFF;
  text-decoration:none; }
.header3 a:hover {
  color: #8888FF; }


#footer {
   background-color:#181512;
	float: both;
   width:100%;
   height:46px;
}
.rdbWrapper {
	display: table-cell;
	padding-top: 3px;
	text-align: left;
	float: left;
	width: 50%;
}
.status {
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	background-color: #181512;
	color: white;
	font-size: 11px;
}
.copyright {
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: right;
	background-color: #181512;
	color: white;
	font-size: 11px;
}
.scale-with-grid { 
   max-width:100%; 
}

#menu {
	padding-top: 5px;
}
#snips {
	padding-top: 20px;
}

.ipa {
  font-family: DoulosSIL, sans-serif;
  font-size: 2rem;
  line-height: 1.6;
}

dl {
}

dl dt {
	line-height: 1.5em;
	margin-bottom: 6px; 
	font-weight: bold;
}

dl dd {
   margin-left: 30px;
	line-height: 1.5em;
	margin-bottom: 0.75em; 
}

table.datatable {
	border-collapse: collapse;
	border: 1px solid #E3E6E9;
	font-size: 1.1em;
	margin-bottom: 15px;
	width: 100%;
	max-width: 100%;
}
table.datatable th {
	background: #7498BD url('images/datatable_header.gif') repeat-x left top;
	color: #FFF;
	font-size: 0.9em;
	font-weight: bold;
	text-align: left;
}
table.datatable th, table.datatable td {padding: 6px 10px;}
table.datatable td {
	background-color: #F6F9FB;
	border-bottom: 1px solid #E0E3E9;
}
table.datatable tr.alt td {
	background-color: #FDFEFF;
}

table.gesture {
	border: 1px solid #E3E6E9;
	margin-bottom: 15px;
}
table.gesture td {
	background-color: #F6F9FB;
}
table.gesture td.vis {
	background-color: #C6C9CB;
}
table.gesture th {
	background: #7498BD url('images/datatable_header.gif') repeat-x left top;
	color: #FFF;
	font-size: 0.9em;
	font-weight: bold;
	text-align: left;
}
table.gesture th, table.gesture td {padding: 6px 10px;}

textarea.writein {
   margin-top: 1em;
   width: 100%;   
   background-color: #F0F0F0;
	font-size: 0.9em;
}

div.together {
   margin-top: 1em;
   padding-top: 1em;
   page-break-inside:avoid;
}

.tableimage { display: table; table-layout: fixed; width: 100%; margin: 0 auto; margin-top:10px; margin-bottom:10px; max-width:100%; text-align: center; }

audio { width: 100%; display: block; }

.graph { width: 500px; height: 275px; text-align: center; margin: 0 auto; margin-bottom: 10px; max-width:100%; }
.buttonbar { margin-bottom:10px; }
.video { margin: 0 auto; }

.playbutton {
  font-family: Verdana, Arial;
  font-size: 11pt;
  padding: 4px;
  color: #008833;
  margin: 0 auto;
  width: 50px;
}

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }

.dropshadow {
	float:left;
	clear:left;
	background: url(shadowAlpha.png) no-repeat bottom right !important;
	background: url(shadow.gif) no-repeat bottom right;
	margin: 10px 0 10px 10px !important;
	margin: 10px 0 10px 5px;
}
.dropshadow img {
	display: block;
	position: relative;
	background-color: #fff;
	/* border: 1px solid #a9a9a9; */
	margin: -6px 6px 6px -6px;
	/* padding: 4px; */
} 
.dropshadow p {
	position:relative;
	bottom:6px;
	right: 6px;
	border: 1px solid #999999;
	padding:4px;
	font-size:14px;
	margin: 0px;
}

#snips hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; }
  
@media print {
#menu { display: none; }
#snips { display: none; }
.audio { display: none }
.video { display: none }
#content { width: 100% }
body {
		font-size: 1.25em;
}
}

/* NEW */
.section_header_white {
	font-size: 14px;
	font-weight:bold;
	color:#FFFFFF;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
    }
	
.section_header_white a:link{
	color:#FFFFFF;
	text-decoration: none;
}

.section_header_white a:visited{
	color:#FFFFFF;
	text-decoration: none;
}
	
.section_header_white a:hover{
	color:#FFFFFF;
	text-decoration: none;
}

.section_header_white a:active {
	color:#FFFFFF;
	text-decoration: none;
}
.section_header_white_sub {
	font-size: 14px;
	font-weight:normal;
	color:#FFFFFF;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
.section_header_white_sub a:link{
	color:#FFFFFF;
	text-decoration: none;
}
.section_header_white_sub a:visited{
	color:#FFFFFF;
	text-decoration: none;
}
	
.section_header_white_sub a:hover{
	color:#FFFFFF;
	text-decoration: none;
}

.section_header_white_sub a:active {
	color:#FFFFFF;
	text-decoration: none;
}

h2 a, h3 a {
   text-decoration:none;
}

figure {
   text-align:center;
}