/* basic elements */

img.illustration {
	border-style: solid;
	border-width: 3px;
	border-color: black;
}

label {
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 14em; 
	padding: 0;
	margin: 0 10px 0 0;
	text-align: right; 
}

p.boxed {
	border-style: solid;
	border-width: 1px;
	border-color: black;
	padding: 10px 10px 10px 10px;
	margin: 0px 20px 10px 0px;
	font-size: .75em;
	float: left;
	width: 10em;
}
p.boxedlist {
	border-style: solid;
	border-width: 1px;
	border-color: black;
	padding: 10px 10px 10px 10px;
	margin: 0px 20px 10px 0px;
	font-size: .75em;
	float: left; 
}
p.ringpict {
	float: left;
	margin: 0em;
	width: 380px;
}
p.indentedring {
	font-size: 1.25em;
	padding: 15px;
/*	margin: 9px;*/
	margin: 15px;
/*
	color: black;
	background-color: #ccccff;
	border-color: gray;
	border-style: inset;
	border-width: 5px;
	position: relative;
	min-width: 12em;
	text-align: center;
	width: 12em;
	left: 380px;
*/
}
p.indentedring a {			/* made into links for hover effect -- don't look like links */
	color: black;
	text-decoration: none;
	background-color: transparent;
}
p.indentedring a:hover {
	font-weight: normal;
}
/*p.indentedring {
	font-size: 1.25em;
	position: relative;
	left: 20px;
	padding: 22px;
	margin: 0px;
	background-color: #ccccff;
	border-color: gray;
	border-style: inset;
	border-width: 5px;
}*/

table {
	border-style: none;
	font-size: 0.9em;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: black;
	border-collapse:collapse;
}

td {
	border-style: solid;
	border-width: 2px;
	border-color: black;
	text-align: center;
	padding: 3px 10px 3px 10px;	/* top right bottom left */
}

th {
	border-style: solid;
	border-width: 2px;
	border-color: black;
	text-align: center;
	padding: 5px 10px 5px 10px;	/* top right bottom left */
	font-size: 1em;
	font-weight: bold;
	color: black;
}


.denominator {
	font-style: normal;
	font-weight: normal;
	font-size: .75em;
	position: relative;
	top: 0.3em;
}
.numerator {				/* fractions */
	font-style: normal;
	font-weight: normal;
	font-size: .75em;
	position: relative;
	bottom: 0.5em;
}

.errorMsg {
	font-style: normal;
	font-weight: bold;
	font-size: 0.75em;
	color: red;
}


/* span */

span.answer {
	font-style: normal;
	font-weight: normal;
	font-size: 1em;
	border-style: double;
	border-color: gray;
	border-width: 0px 0px 3px 0px;	/* t r b l */
}

.floatright {
	float: right;
	margin-left: 20px;
}

.floatleft {
	float: left;
	margin-right: 20px;
}

/* IDs -- used no more than once per page */