body {
	margin:				10px;
	font-size:			13px;
	font-family:		"century gothic", verdana, arial, sans-serif;
	background-color:	#ffffdd;		  	/* pale straw */
	color:				#330033				/* deep purple */
}

/* since the body text is contained in a table class:main, 
   the parent styles must be defined in the following table style
 */

table.main {
	width: 	  		 	 760px;
	border-left:		 #330033 1px solid;	/* darkest purple */
	border-right:		 #330033 1px solid;
	border-bottom:		 #330033 1px solid;
	border-collapse:	 collapse;
	margin:				 0px;
	padding:			 0px;
	background-color:	 #ffffee			/* off white */
}

table.main tr {
	vertical-align:	 	 top;
	color:	 			 #330033;			/* deep purple */
	font-size:	 		 13px;
	font-family: 		 "century gothic", verdana, arial, sans-serif
}

a:link {
	color:	 			 #660066			/* deep plum */
}

a:visited {
	color:	 			 #660033			/* deep brown */
}

a:hover {
	color:	 			 #af0300; 		/* dark rusty red */
	text-decoration: 	 none
}

table.menubar {
	width:	   			 760px;
	border:	 			 #330033 1px solid;
	font-family: 		 tahoma, verdana, arial, sans-serif
}

table.menubar td {
	height:	  	  		 22px
}

table.cons {
	width:	 			 615px;
	margin-left: 		 10px;
	border:	 			 #cccc99 1px solid;	/* pale green grey */
	border-spacing: 	 0px;
	border-collapse: 	 collapse
}

table.cons tr {
	height:	   			 25px;
	text-align:	 		 center;
	vertical-align: 	 center;
	font-family: 		 arial, sans-serif;
	font-size:	 		 12px
}

table.cons td {
	border:	   			 #cccc99 1px solid;	/* pale green grey */
	padding:	 		 2px;
	color:	 			 #660033			/* deep brown */
}

td.cons_hd {
	width:	 			 480px;
	text-align:	 		 center;
	font-weight: 		 bold
}

td.cons_lf {
	width:	 			 95px;
	text-align:	 		 left;
	padding-left: 		 10px
}

table.vowel {
	width:	 			 200px;
	margin-left: 		 5px;
	border:	 			 #cccc99 1px solid;	/* pale green grey */
	border-spacing: 	 0px;
	border-collapse:	 collapse
}

table.vowel tr {
	height:	   			 25px;
	text-align:	 		 center;
	vertical-align: 	 center;
	font-family: 		 arial, sans-serif;
	font-size:	 		 13px
}

table.vowel td {
	border:	   			 #cccc99 1px solid;	/* pale green grey */
	padding:	 		 2px;
	color:	 			 #660033			/* deep brown */
}


table.pspeech {
	width:			615px;
	margin-left:		10px;
	border:			#cccc99 1px solid;	/* pale green grey */
	border-spacing:		0px;
	border-collapse:	collapse
}

table.pspeech tr {
	height:			25px;
	font-size:		12px;
	font-family:		arial, sans-serif
}

table.pspeech td {
	border:			#cccc99 1px solid;	/* pale green grey */
	padding:		3px;
}

td.pspeech_lf {
	width:			95px;
	padding-left:		5px
}

td.pspeech_rt {
	width:			125px;
	padding-left:		5px
}

table.phonot {
	width:			500px;
	margin-left:		30px;
	border-collapse:	collapse
}

table.phonot tr {
	height:			15px;
	font-size:		12px;
	font-family:		arial, sans-serif
}

td.phonot_lf {
	width:			80px;
	padding-left:		5px
}

table.vocab {
	width:			400px;
	margin-left:		30px;
	border:			0px;
	border-collapse:	collapse
}

table.vocab tr {
	text-align:		left;
	vertical-align:		center;
	font-size:		12px
}

table.vocab td {
	color:			#660033			/* deep brown */
}

td.vocab_lf {
	width:			140px
}

table.gloss {
	width:				 550px;
	margin-left:		 30px;
	border:				 0px;
	border-collapse:	 collapse
}

table.gloss tr {
	text-align:			 left;
	vertical-align:		 center;
	font-size:	 		 12px
}

table.gloss td {
	color:				 #660033;			/* deep brown */
	padding-bottom:		 10px
}

td.gloss_lf {
	font-weight: 		 bold;
	width:				 120px
}

table.footer {
	border-top-width:	0px;
	border-left:		#330033 1px solid;	/* darkest purple */
	border-right:		#330033 1px solid;
	border-bottom:		#330033 1px solid;
	width:			760px
}

td.footertext {
	font-weight:		bold;
	font-size:		10px;
	font-family:		tahoma, verdana, arial, sans-serif;
	text-align:		center;
	background-color:	#af0300;		/* dark rusty red */
	color:			#ffcc00			/* mid gold */
}

.footertext a:link {
	color:			#ffcc00
}

.footertext a:visited {
	color:			#ffcc00
}

.footertext a:hover {
	color:			#ffff00			/* bright gold */
}

td.banner {
	border-left:		#330033 1px solid;
	border-top:		#330033 1px solid;
	background-image:	url("../images/backgrounds/banner_bg_ochre.jpg");
}

h1 {
	padding-left:		10px;
	font-size:		24px;
	color:			#660033;		/* muddy purple */
	letter-spacing:		0.3em
}

h2 {
	padding-left:		10px;
	font-size:		18px;
	color:			#660033;		/* muddy purple */
	letter-spacing:		0.1em
}

h3 {
	padding-left:		10px;
	font-size:		14px;
	color:			#660033			/* muddy purple */
}

p {
	padding-right:		10px;
	padding-left:		10px;
	padding-bottom:		1px
}

p.intro:first-letter {
	font-weight:		bold;
	font-size:		22px;
	padding-right:		1px;
	color:			#af0600			/* dark rusty red */
}

.intro {
	font-family:		"century gothic", verdana, arial, sans-serif;
	font-weight:		bold;
	font-size:		16px;
	color:			#660000			/* dark brown */
}

.v_index {
	padding-left:		30px
}

ul {
	padding-right:		2px;
	padding-bottom:		4px
	/* list-style-image:		url(/graphics/bullet.gif); */
}

ul li {
	padding-right:		2px
}

.sidebar {
	padding-right:		10px;
	text-align:			right;
	font-weight:		bold;
	font-size:			13px;
	font-family:		tahoma, verdana, arial, sans-serif
}

.sidebar a {
	text-decoration:	none
}

TD.sidebar {
	height:				20
}

.leftmenu {
	border-right:		#a98405 1px solid;	/* bronze gold */
	background-color:	#fce8a0;		/* palestraw */
	width:				110px;
	vertical-align:		top
}

.yuk {
	padding-left:		30px;
	font-size:`			12px;
	font-family:		tahoma, verdana, arial, sans-serif
}

.note {
	font-weight:		bold;
	font-size:`			12px;
	font-family:		tahoma, verdana, arial, sans-serif;
	color:				#cc0000			/* deep rose */
}

.menu {
	padding-left:		10px;
	font-family:		tahoma, verdana, arial, sans-serif;
	font-weight:		bold;
	font-size:			12px;
	background-color:	#ffcc66;		 /* sand */
	text-align:			left
}

.menu a {
	text-decoration:	none
}

.dropmenu {
	padding-right:		0px;
	padding-left:		5px;
	margin-top:			0px;
	font-weight:		bold;
	font-size:			11px;
	color:				#660066;		/* deep plum */
	text-align:			left
}

.dropmenu a:link {
	margin-top:	  		0px;
	color:				#660066;		/* deep plum */
	text-decoration:	none
}

.dropmenu a:visited {
	margin-top:	  		0px;
	color:				#660000;		/* deep brown */
	text-decoration:	none
}

.dropmenu a:hover {
	margin-top:	   		0px;
	color:				#cc0000;		 /* dark rusty red */
	text-decoration:	none
}

.dropmenu a:active {
	margin-top:	   		0px;
	color:				#440044;		/* deep plum */
	text-decoration:	none
}

.locator {
	font-family:		tahoma, verdana, arial, sans-serif;
	font-weight:		bold;
	color:				#cc0000;		/* deep rose */
	padding-top:		15px
}

.locator a:link {
	color:		 		#cc0000			/* deep rose */
}

.locator a:visited {
	color:		   		#cc0000			/* deep rose */
}

.locator a:active {
	color:		   		#cc0000			/* purple */
}

.locator a:hover {
	color:		  		#af0300			/* dark rusty red */
}

#introduction {
	border-top:			0px;
	border-left:		#330033 1px solid;
	border-right:		#330033 1px solid;
	border-bottom:		#330033 1px solid;
	z-index:			90;
	position:			absolute;
	top:				115px;
	left:				10px;
	width:				170px;
	visibility:			hidden;
	background-color:	#ffcc66;		/* sand */
	layer-background-color:	#ffcc66
}

#phonology {
	border-top:			0px;
	border-left:		#330033 1px solid;
	border-right:		#330033 1px solid;
	border-bottom:		#330033 1px solid;
	z-index:			90;
	position:			absolute;
	top:				115px;
	left:				136px;
	width:				160px;
	visibility:			hidden;
	background-color:	#ffcc66;		/* sand */
	layer-background-color:	#ffcc66
}

#morphology {
	border-top:			0px;
	border-left:		#330033 1px solid;
	border-right:		#330033 1px solid;
	border-bottom:		#330033 1px solid;
	z-index:			90;
	position:			absolute;
	top:				115px;
	left:			263px;
	width:			185px;
	visibility:		hidden;
	background-color:	#ffcc66;		/* sand */
	layer-background-color:	#ffcc66
}

#syntax {
	border-top:			0px;
	border-left:		#330033 1px solid;
	border-right:		#330033 1px solid;
	border-bottom:		#330033 1px solid;
	z-index:			90;
	position:			absolute;
	top:				115px;
	left:				390px;
	width:				150px;
	visibility:			hidden;
	background-color:	#ffcc66;		/* sand */
	layer-background-color:	#ffcc66
}

#semantics {
	border-top:			0px;
	border-left:		#330033 1px solid;
	border-right:		#330033 1px solid;
	border-bottom:		#330033 1px solid;
	z-index:			90;
	position:			absolute;
	top:				115px;
	left:				515px;
	width:				125px;
	visibility:			hidden;
	background-color:	#ffcc66;		/* sand */
	layer-background-color:	#ffcc66
}

#resources {
	border-top:			0px;
	border-left:		#330033 1px solid;
	border-right:		#330033 1px solid;
	border-bottom:		#330033 1px solid;
	z-index:			90;
	position:			absolute;
	top:				115px;
	left:				635px;
	width:				135px;
	visibility:			hidden;
	background-color:	#ffcc66;		/* sand */
	layer-background-color:	#ffcc66
}

/* cell widths defined for table width of 760 pixels total */
#width_half {
	width:		380px
}

#width_3rd {
	width:		250px
}

#width_4th {
	width:		190px
}

#width_5th {
	width:		150px
}

#width_6th {
	width:		125px
}

#width_7th {
	width:		105px
}