/* Main stylesheet */

/* ----- Basic color and font properties ----- */
a:link {color: #0000FF; text-decoration: none }
a:visited {color: #6600CC; text-decoration: none }
a:hover { background-color: lavender }

/* color is "seashell" */
body { background-color: #FFF5FE;
	font-family: "Open Sans", "Trebuchet MS", Arial, sans-serif;
	margin-right: 0.5cm; margin-left: 0.5cm; margin-top: 0.3cm }

h1 { font-size: 24px; font-weight: bold; }
h2 { font-size: 16px; font-weight: bold; }
h3 { margin-top: -1em; font-size: 16px; font-weight: bold; }

.line { border-top: 1px solid #000000; padding: 5px 0 0 0;
	margin-top: 1em }
.line2 { border-top: 3px double #000000; padding: 5px 0 0 0;
	margin-top: 1em }
.light { font-weight: normal; }
.no-vspace { margin-top: -0.65em }

.round { border-radius: 2.5em; } /* boxes with rounded corners */
.left { float: left; }

em { color: #CC0099; font-weight: bold; font-style: normal; font-size: 11pt;
        font-family: "Open Sans", "Trebuchet MS", Tahoma, Arial, sans-serif }
em.black { color: #000000 }

.smcap { font-variant: small-caps }
.ipa { font-family: "Arial Unicode MS" }
.sans { font-family: "Open Sans", "Trebuchet MS", Arial, sans-serif;
		font-size: 90% }
.mono { font-family: "Courier", monospace; font-size: 90% }
hr { border: none; border-bottom: 1px solid #000000 }

/* ----- Major page divisions ----- */
.pageheader { border: 1px solid; text-align: center;
	background-color: #CCCCDD }
.main { margin-left: 10px; margin-right: 10px }

/* ----- For div or span, to change text appearance ----- */
.block { background-color: #EEFFFF; padding: 0 1px }
.hlight { background-color: #EEFFFF; padding: 0 1px }
.gray { color: #666666; background-color: #EEEEEE; padding: 0 1px }

/* ----- navigation bar (as a ul) ----- */
#nav { padding: 3px 10px;
  font: "Open Sans", "Trebuchet MS", Tahoma, Arial, sans-serif;
  margin-top: 0; margin-left: 0;
  border: 1px solid #000000; 
  background-color: #CCCCDD }
#nav li { list-style: none; margin: 10px;
  display: inline; }
#nav li a { padding: 3px 5px; }
  border-left: 1px dotted #666666 } 

/* ----- special text/font box (as a ul): greenish ----- */
#box { padding: 3px 10px; 
  margin-top: 0; margin-left: 25px; margin-right: 25px; 
  font: 13px "Open Sans", "Trebuchet MS", Arial, sans-serif; 
  border: 1px solid #666666; background-color: #DDEEDD; 
  color: #000000 }
#box li { margin: 3px; margin-left: 1em;
  list-style-type: square }
#box ul li { list-style-type: circle }

/* ----- for making *2* or *3*-column "tables" using DIVs ----- */

.chart2 
{ 	margin: auto; 
	padding: 0;
	height: auto;
	width: 42.25em; 
}
.headercell2
{ 	border: 1px solid #000;
	margin: 0;
	padding: 0.25em;
	height: 1.5em;
	width: 20em;
	overflow: auto;
	font-weight: bold;
	text-align: center;
}
.cell2 
{ 	border: 1px solid #000;
	border-top: 0;
	margin: 0;
	padding: 0.25em;
	height: 4.25em;
	width: 20em;
	overflow: auto;
}
.chart3 
{ 	margin: auto; 
	padding: 0;
	height: auto;
	width: 48.25em; 
}
.headercell3
{ 	border: 1px solid #000;
	margin: 0;
	padding: 0.28em;
	height: 1.5em;
	width: 15em;
	overflow: auto;
	font-weight: bold;
	text-align: center;
}
.cell3 
{ 	border: 1px solid #000;
	border-top: 0;
	margin: 0;
	padding: 0.28em;
	height: 4.25em;
	width: 15em;
	overflow: auto;
}
.left 
{ 	float: left;
	clear: left; 
}
.middle 
{ 	float: left;
	border-left: 0;
}
.right2 
{ 	margin-left: 20em; 
	border-left: 0;
}
.right3 
{ 	margin-left: 28em; 
	border-left: 0;
}