/*
   SPICES Cascading Stylesheet 
 */

@import url(structure.css);  /* main structure of webpage. */

table {
 	border-spacing: 0pt;
	font-size: 11pt;
	border-collapse: collapse;
	border-left: 1px solid #798176;
	border-right: 1px solid #798176;
}
th { 
	background-color: #798176;
	color: #FFFFFF;
}
td {
    border-bottom: 1px solid #798176;
}
p {
	text-align:left;
	font-size: 11pt;
}
div.Final {
	background-color: #00FF00;
}
div.Started {
	background-color: yellow;
}
div.NotStarted {
	background-color: red;
}
div.Completed {
	background-color: green;
}
div.Unclear {
	text-color: blue;
	background-color: cyan;
}

div.content p {
	text-align:justify;
}
dl {
	text-align:justify;
	margin-left: 3em;
}
h1 {
	text-align:left;
	line-height: 1em;
	margin-top: 0;
	font-size: 18pt;
	/*
	border-width: 3px;
	border-bottom-style: solid;
	border-color:  #798176;
	padding: 0.3em;
	*/
}
h2 {
	font-size: 16pt;
	text-align:left;
/*	color: #ff0000;*/
}
h3 {
	font-size: 14pt;
	text-align:left;
/*	color: #ff0000;*/
}
h1:first-letter {
	color: #798176;
}

h2:first-letter {
	color: #798176;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
dt {
font-size: 11pt;
font-weight: bold;
}
dd {
	margin-left: 2em;
	font-size: 11pt;
}
.illustration {
	clear: right;
	float:right;
	border: 0;
	margin: 0em 0em 1em 1em;
}
.wide {
	clear: right;
}
.permanentLeft {
	padding: 0;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0em;
	float: left;
	width: 140px;
}
.permanent {
	width: 180;
	float:right;
	clear: right;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0;
}
.box p {
    font-size: 9pt;
		margin: 1em;
}
.box h3 {
	font-size: 11pt;
	color: #FFFFFF;
	background-color: #798176;
	margin: 0;
	padding: 0.1em;
}
.box {
	text-align: left;
	font-size: 9pt;
	margin: 0em;
	border: 1px #798176 solid;
}
div.commented li {
	list-style: none;
	padding: 10px;
}
div.commented h3 {
	margin-top: 2px;
	margin-bottom: 5px;
}
}
div.illustrated { }
div.illustrated li {
	list-style: none;
	padding: 10px;
	height: 98px;
}
div.illustrated img {
	float: left;
	margin-right: 20px;
	margin-top: 00px;
}
div.illustrated h3 {
	margin-top: 2px;
	margin-bottom: 5px;
}
div.illustrated h5 {
	margin-top: 0;
}