/* CSS Document */

/* The div.FamLang is defined in main.css. */
div.FamLang {
	margin-top: 10px;
	margin-left: 110px;
	margin-right: auto;
}
/* The div.tapestry is defined in main.css. */
div.tapestry {
	margin-top: 15px;
	margin-right: 40px;
}
/* height is the height of the tituto and tapestry. This is defined in main.css.*/
div.titulo, div.title {
	height: 285px;
}
/* height is the height of the graphics and margin-top is the space at the top. */
div.graphics {
	height: 450px;
	margin-top: 15px;
}
/* The div.graphicsLeft and div.graphicsRight is defined in main.css. */
div.graphicsLeft {
	margin-left: 10px;
	margin-top: 80px;
}
div.graphicsRight {
	margin-right: 10px;
	margin-top: 0px;
}
div.graphicsCenter {
	margin-top: 25px;
}
/* maybe move these to intermedia.css for use generally */
.speaker { text-align: right; font-size: small; }
.speakerName { color: blue; font-style: italic; }

span.nahuatl  {
  font-weight: bold;
  font-size: 110%;
  font-family : "Charis SIL", "Doulos SIL", "TITUS Cyberbit Basic", Gentium, "Lucida Sans Unicode", "Arial Unicode MS", serif;
}

span.espanol  { font-style: italic; }

span.english { font-style: italic; }

div.num             { color: teal; float: left; margin-right: 1em; margin-bottom: 0em; 
						font-size: small; font-weight: bold; font-family: sans-serif; }
div.word      		{ float: left; margin-right: .75em; margin-bottom: .6em; }
p.nowraptxt      	{ white-space: nowrap; margin: 0px; }
span.txtword		{ color: navy; font-size: larger; font-weight: bold; }
p.nowrapgls      	{ white-space: nowrap; margin: 0px; margin-top: .1em; }
span.glsword		{ color: green; font-size: smaller; font-style: italic; font-family: sans-serif; }
div.interlinear	    { color: brown; clear: both; margin-top: .4em; margin-bottom: 2em; text-align: left; }

td.twotd {
	line-height: 17px;
	vertical-align: middle;
}

  a.twomenu:link, a.twomenu:visited, a.twomenu:active, a.twomenu:hover {
	color: white;
	background-color: #8D9F5F;
	font-family: "Century Gothic", Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9pt;
	text-decoration: none;
	line-height: 18px;
	padding: 0px;
	margin: 0px;
  }
  a.twomenu:link, a.twomenu:visited, a.twomenu:active {
  }
  a.twomenu:hover {
	background-color: #566833;
  }
  .twosubBody {
  	background-color: #DFD4C2;
	width: 800px;
	/* margins are for centering */
	margin-left: auto;
	margin-right: auto;
	/* The padding raises and lowers Firefox but it doesn't work for IE.
	Have to use <br /> at the beginning and the end of the table.
	padding-top: 18px;
	padding-bottom: 18px;	*/
	/* An error in IE 7 [I don't know whether in goes down to other versions...]. */
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DFD4C2;
  }
  .twonav {
  	background-color: #8D9F5F;
	text-align: center;
	width: 800px;
	/* margins are for centering */
	margin-left: auto;
	margin-right: auto;
	clear: both;
  }
  img.twoVerticalLine {
  	vertical-align: middle;
	width: 1px;
	height: 37px;
  }