body {
  margin: 0; padding: 0;
  background-color: #FFF;
  color: #000;
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  background-color: transparent;
/*  color: #999966; */
  color: #999933;

}
h3 {border-left:.5em solid #999933;padding-top:1px;}
h4 {border-left:1.5em solid #999933;padding-top:1px;}
h3 a, h4 a {border-top:1px solid black;padding-left:.5em;}
code {
  color: #030;
	font-size:1.1em;
}
pre {
	white-space: pre;
	border:1px solid #666;
	background:#ffffe0;
	padding: 1em
}

img {
  border: 0;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 2em;
  margin-bottom: 1em;
}
hr {
	height:1px;
	border:0;
	border-bottom:1px solid #000;
}


#menu .inner, #foot .inner {
  margin: 0;  padding: 0;
}
#logo {
  background: #FFF url("logo.gif") no-repeat top left;
}
#logo .inner {
	padding: 1em 5% 2em 5%;
/*	padding: 10px 0px 20px 55px;*/
}
#logo h1 a {
 color: #996;
 text-decoration: none;
}
#logo p {
	font-weight: bold;
	margin:0;padding:0;
	margin-left:5%;
/*	margin-left:55px;*/
}



/*/*/
body {
  font-size: 100%;
}

acronym {
  border-bottom: 1px dotted black;
	cursor:help;
}
a:link {
/*	color: #663;*/
	color:#663;
	text-decoration: underline
}
a:visited {
/*	color: #996;*/
	color:#996;background: transparent;
}
a:hover, a:active, a:focus {
	color: #CC3333;background: transparent;
}
h3 a:hover{
 	color:#996;
	text-decoration: none
}

p.firstparagraph {
  margin-top: 0;
}


#content {
	background: url(bg_dots3.gif);
/*	padding:20px 55px 20px 55px;*/
	padding:2em 5% 2em 5%;
}
#content .inner {	
	background:#FFF;
	border: 1px solid #000;
/*	padding:20px 10px 10px 10px;*/
	padding:2em 1em 1em 1em;
	font-size:80%;
}

#headmenu, #footmenu {
/*  background:#B4B1A5;*/
/*  color: #000;*/
  background: #B3B399;
  color: #000;
  border-top:1px solid black;
  border-bottom:1px solid black;
}
#headmenu .inner, #footmenu .inner {
/*	padding:0px 0px 0px 55px;*/
	padding:0px 5% 0px 5%;
	margin: 0;
}
#headmenu a, #footmenu a {
	font-size:80%;
/*  color: #000;*/
	color: #000;
	font-weight: bold;
	text-transform : uppercase;
	text-decoration : none;
}
#headmenu a:hover, #headmenu a:active, #headmenu a:focus,  #footmenu a:hover, #footmenu a:active, #footmenu a:focus {
/*	color: #fff; */
	color: #fff; 
}

#headmenu ul {
  margin: 0; 	padding: 0;
  padding-bottom:2px;
  list-style: none;
}
#headmenu li {
	text-transform: uppercase;
	display: inline;
	margin: 0; 	padding: 0;
	padding-right:1em;
}
#foot address {
	padding-top:32px;
	padding-bottom:32px;
	text-align:center;
	color:#000;
}
#tableofcontent {
	font-weight: bold;
	margin-bottom:1em;
/*	border:1px solid black;*/
}
#tableofcontent h2 {
	margin-bottom:0.5em;
}
#styleswitcher {
	position:absolute;
	top:5px;
	right:5px;
	text-align:right;
}
#styleswitcher p, #styleswitcher form, #styleswitcher select {
	margin:0; padding:0;
}
.infobox {
	padding:15px;
	border:1px solid #000;
	width:25%;
	margin:10px;
	float:right;
	background:#fff;
	color:#000;
}

/*
.infobox a:visited {color:#000;}
.infobox h2 {color:#000;}
.infobox h3 {color:#000;}
*/


.comWORK {color:green;}
.comDEGRADE {color:blue;}
.comFAIL {color:red;}


.right {float:right;}
.border {border:1px solid black;}
.center { text-align:center;width:100%;height:auto;}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
table           { display: table }
tr              { display: table-row }
thead           { display: table-header-group }
tbody           { display: table-row-group }
tfoot           { display: table-footer-group }
col             { display: table-column }
colgroup        { display: table-column-group }
td, th          { display: table-cell }
caption         { display: table-caption }
										

table.graytable  {
	border:1px solid #000000;
	margin:0px;
	padding:0px;
	background:#fff;
	color:#FFCC19;
	margin-left:auto;
	margin-right:auto;
}
.graytable thead, .graytable tbody {margin:0px;padding:0px;}
.graytable caption {
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 0px solid gray;
	border-left: 1px solid black;
	background:#666;
	color:#fff;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	display : table-caption;
	font: bold 1.2em/1.4em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
div.caption {
	width:100%;
	border-top : #6CF 1px solid;
	border-right : #069 1px solid;
	border-bottom : #069 1px solid;
	border-left : #6CF 1px solid;
}
head:first-child+body div.caption {
	border:0;
	width:auto;
}
.graytable tr {margin:0px;padding:0px;}
.graytable th {
	font: bold 1em/1.1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-top : #6CF 1px solid;
	border-right : #069 1px solid;
	border-bottom : #069 1px solid;
	border-left : #6CF 1px solid;
	background : #39C;
	color:#fff;
	vertical-align:top;
	text-align:left;
	padding:2px;
}
.graytable th a:link, .graytable th a:visited {
	color:white;
}
.graytable th a:hover {
	color:black;
}
.graytable td {
	font: 1em/1.1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-top : #CCC 1px solid;
	border-right : #CCC 1px solid;
	border-bottom : #FFF 0px solid;
	border-left : #FFF 0px solid;
	background:#fff;
	color:#000;
	vertical-align:top;
	text-align:left;
	padding:2px;
}
.graytable tfoot {margin:0px;padding:0px;}
.graytable tfoot tr td {
/*	border-top: 0px solid #000000;
	border-right: 0px solid #000000;
	border-bottom: 0px solid #000000;
	border-left: 0px solid #000000;
*/
	border-top : #6CF 1px solid;
	border-right : #069 1px solid;
	border-bottom : #069 1px solid;
	border-left : #6CF 1px solid;
	background : #39C;
	color:#fff;
	font : italic 0.8em/.9em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#tablehidecss td {
	text-align:center;
}

td.ok { color: #008000; font-weight: bold;}
td.notok { color: #ff0000; font-weight: bold;}
td.neither { color: #999999; font-weight: bold;}