body  {
	font: 100%  Arial, Helvetica, sans-serif;
	color: #444444; 
}


/*----------------------------------
* text styles
--------------------------------------*/

h1 { font-weight: normal; color: #ec008b; font-size: 160%; }
h2 { font-weight: normal; color: #ec008b; font-size: 140%; }
h3 { font-weight: bold;  font-size: 110%; }

h1.productions { margin-bottom: 0; }
h2.productions { color: #666; margin-top: 0; }

.headunderline {
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
	color: #ec008b;
	margin-bottom: 10px;
	padding: 4px;
	
}

th { font-weight: bold; color: #000; }

/* links */


a:link,
a:visited,
a:hover,
a:active {color: #666; font-weight: bold; text-decoration: none;}
a:hover {color: #ec008b; text-decoration: underline; }

h1 a,
h1 a:link,
h1 a:visited,
h1 a:hover,
h1 a:active {
	color: #ec008b; text-decoration: none; font-weight: normal;}
	
h1 a:hover { color: #000; text-decoration: none; }	


.highlight16 { color: #ec008b; font-weight: bold; font-size: 110%; }
.message { color: #ec008b; font-style: italic; font-size: 90%; }
.smalltext { font-size: 80%;}


.bg1 { background-color: #ffffff;}
.bg2 {background-color: #f3f3f3; }
.bg3 {background-color: #ffe1f3; }

ul
{
list-style-type: circle;
line-height: 150%;
}

/* production thumbs */

.thumbBox {
	float: left;
	width:175px;
	height: 294px;	
	margin:  0 3px 10px 0;
	text-align: center;
	font-size: 90%;
	font-weight: bold;
}

.thumbBox a,
.thumbBox a:link,
.thumbBox a:visited,
.thumbBox a:hover,
.thumbBox a:active { color: #ec008b; text-decoration: none; }

.thumbBox a:hover { color: #000; }

.thumbBox  img {
	padding-bottom: 10px;
}