/* Global styles, background color, font, link styles */

body { 
	background: #FFFEDD; 
	font-family: Arial, Helvetica, sans-serif; 
	margin: 10px 0px; text-align: center; 
	}
img {
	border: none;
	}
a { 
	color: #330066; 
	font-weight: bold; 
	text-decoration: underline;
	font-style: italic;
	}
a:visited { 
	color: #333333; 
	}
a:active { 
	color: #009999; 
	}
.clear {
	clear: both;
	}


/* Container DIV, provides structure for the site block and centers */

#container { 
	width: 750px;
	text-align: left;
	margin: 0 auto; 
	}
	
#container:after {
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
	}


/* Top banner DIVs, including hieroglyphics, TalkBank, links */

#header {
	width: 750px;
	height: 194px;
	}
#talkbank {
	float: left;
	background: #330066 url(/images/hiero.gif) top left no-repeat;
	width: 544px;
	}
#talkbank img {
	float: right;
	display: block;
	}
#tir {
	float: left;
	width: 160px;
	height: 194px;
	padding: 0px 0px 0px 46px;
	}
.tir_front { 	
	background: #330066 url(/images/tir_1.jpg) top left no-repeat; 
	}
.tir_inner {
	background: #330066 url(/images/tir_2.jpg) top left no-repeat;
	}
#tir a { 
	display: block;
	padding: 2px 0px;
	color: #CCCCCC; 
	font-size: 11px; 
	font-weight: bold; 
	font-style: italic; 
	text-decoration: none;
	}
#tir a:visited { 
	color: #CCCCCC; 
	text-decoration: none; 
	}
#tir a:active { 
	color: #CCCCCC; 
	text-decoration: none; 
	}


/* "The goal of TalkBank is..." */

#prim { 
	clear: left;
	float: left; 
	font-size: small; 
	font-style: italic; 
	font-weight: bold; 
	width: 518px;
	margin: 15px 30px 25px 50px;
	}


/* MEMBER LIST link, below banner and right of TalkBank goal paragraph */

#member { 
	float: left;
	background: #330033 url(/images/tokx_16.jpg) bottom left no-repeat;
	font-size: 14px; 
	text-align: center;
	width: 137px;
	height: 78px;
	padding: 8px 0px 10px 15px;
	}
#member a { 
	font-weight: bold; 
	font-style: normal; 
	color: #CCCC00; 
	text-decoration: none; 
	font-style: normal
	}
#member a:visited { 
	font-weight: bold; 
	color: #CCCC00; 
	text-decoration: none; 
	font-style: normal
	}


/* "Table of Contents", including Basics, Focus Areas, Information */

.categories1 { 
	float: left; 
	width: 180px; 
	margin: 0px 0px 10px 0px; 
	}
.categories2 { 
	float: left; 
	width: 370px; 
	margin: 0px 10px 10px 10px; 
	}
.cat_title { 
	background: #555555; 
	color: #FFFFFF; 
	font-weight: bold; 
	text-align: center; 
	padding: 15px 0px; 
	}


/* Open Language Archives logo */

#open_language { 
	float: left; 
	margin: 0px 10px 10px 0px; 
	}


/* */

#tr_heading {
	font-weight: bold;
	color: #FFFFFF;
	}
#tr_heading td {
	background: #555555;
	}			


/* Two columns, to mimic <table> on AphasiaBank, CHILDES, etc. */
/* Does not work with XHTML Strict doctype */

#table {
	text-align: center;
	margin: 0 auto;
	width: 660px;
	*width: auto;
	}
.break:after {
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
	}
.col {
	float: left;
	width: 30%;
	text-align: left; 
	margin: 0px 10px;
	}
#leftcol {
	float: left; 
	width: 310px; 
	text-align: left; 
	margin: 0px 20px 0px 0px;
	}
#rightcol {
	float: left; 
	width: 310px; 
	text-align: left; 
	margin: 0px 0px 0px 20px;
	}
.cell_heading {
	color: #FFFFFF; 
	font-weight: bold; 
	background: #555555; 
	padding: 5px 10px; 
	margin: 0px 0px 5px 0px;
	}
.cell {
	min-height: 100px;
	background: #DDDDDD;
	padding: 1px 10px 5px 10px;
	margin: 0px 0px 10px 0px;
	}