body {
margin:0;
border:0;
padding:0;
height:100%; 
max-height:100%; 
background:#ffffcc; 
font-family: "century gothic", "avant garde", verdana, sans-serif; 
font-size:90%;
overflow: hidden; 
}

#head {
left: 0;  
top: 0;
/*position:absolute; */
position: fixed;
height: 74px;
width: 100%; 
text-align: right;
overflow: auto; 
background-color: #ffffaa;
border-bottom: 1px solid #000000;
}

#contents {
left: 0;
right: 0;
top: 75px;
bottom: 0;
font-size: 110%;
background-color: #ffffcc;
/*background-image: url('tree00.jpg');
background-repeat: no-repeat; 
background-position: 9em 75px; 
background-attachment: fixed; */
padding: 20px; 
overflow: auto;
position: fixed; 
}

#content {
margin-left: 11em; /* was 18 */
padding-top: 0; /* was 5 */
}

h1 {
text-align: center; 
color: #CC3300; 
padding: 0; 
margin: 0 0 2em 0;
font-size: 130%;
}

h2 {
/*text-align: center; 
color: red; */
padding: 1em 0 0 0;
margin-top: 0;
margin-bottom: 1em;
font-size: 120%;
}

h3 {
font-size: 110%;
}

h4 {
font-size: 100%;
margin-left: 15px;
font-style: italic;
}

img.l
{
border: solid 1px;
}

img.fr
{

float: right;
/*background:#ffffcc; */
}

img.frb
{

float: right;
border: 1px solid black;
margin-left: 5px; /* 20100706 */
}

img.fl {
float: left;
padding-right: 5px;
}

img.flb
{

/*float: left;*/
margin-left: 40px;
border: 1px solid black;
text-align: center;
}

#access {
text-align: right;
padding-right: 10px;
}

#foot {
float: right;
font-size: 80%;
border-top: 1px solid black;
padding-top: 5px;
margin-top: 5px;

/*border-bottom: 1px solid black;*/
}

#foot a {
text-decoration: none;
}

#quals {
text-align: center;
padding-left: 13em;
}

#logo {
position: absolute;
top: 5px;
left: 10px;
text-align: right;
font-weight: 700;

}

#logox {
position: fixed;
top: 5px;
left: 5px;
text-align: right;
font-weight: 700;
background-color: #ffffaa;
padding-right: 2px;
z-index: 100;
width: 162px;
}

#logo a {
text-decoration:none;
}

#logox a {
text-decoration:none;
font-weight: 700;

}

.smaller {
font-size: 80%;
display: inline;
}

.sizer {
font-size: 26px;
font-weight: 300;
line-height: 1.1em;
}

.sizex {
font-size: 86%;
font-weight: 300;
}


img.l2 {
float: left;
}

#space {
height: 120px;
}

.menu {
left: 0;
top: 74px;
height: 99%;
width: 13em; /* 6/6/08 from 13 */
/*position: absolute; */
position: fixed;
display: block; 
background-color: #ffffaa; 
border-right: 1px solid black;
font-size: 90%; /* 6/6/08 from 90 */
padding-left: 5px;
z-index: 50;
padding-top: 95px; /* 6/6/08 from 120 */ /* 11/6/08 from 80 */
}

.menu ul {
padding: 0;
margin: 0;
list-style: none;
text-align: right;
}

.menu ul.dfws {
padding-top: 0.5em; /* 6/6/08 from 2 */
}

.menu ul.energy {
margin-top: 2em;
padding-top: 1px;
padding-bottom: 1px;
font-size: 85%;
background-color: /*#ccffcc;*/  #ffffaa;
color: #000000; 
font-weight: 500; 
width: 13.5em;
color: #000000; 
text-align: left; 

margin-right: 5px;

height: 75px;
}

.menu li {
/*border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
margin-bottom: 0.2em;
width: 9em;*/
line-height: 120%;
}

.menu ul.dfws a {
font-size: 85%;

font-weight: 500; 
width: 14.7em; /* 6/6/08 from 13.5 */
background-color: /*#ccffcc;*/  #ffffcc;
color: #000000; 
text-decoration: none; 
border: 1px solid #000; 
text-align: center; 
margin-top: 5px;
margin-right: 5px;
display: block;
}

.menu a {
font-weight: 700; 
width: 12.5em;  /* 6/6/08 from 11.5 */
background-color: #CC3300;
color: yellow; 
text-decoration: none; 
border: 1px solid #000; 
text-align: center; 
margin-top: 1px; /* 6/6/08 from 5 */ /* 11/6 from 3 */
margin-right: 5px;
display: block;

}

.menu a:hover {
color: #000000; 
background-color: #CC3300;
}

.menu ul.dfws a:hover {
color: #000000; 
background-color: /*#00ffff;*/ white;
}

#invis {
width: 0;
height: 0;
}

#invis a {
visibility: hidden;
width: 0;
height: 0;
border: 0;
margin: 0;
padding: 0;
}

.imglhs {
float: left;
display: block;
position: relative;
border: 1px solid #000000;
margin-left: 0;
margin-top: 0.3em;
margin-bottom: 0;
margin-right: 2em;
padding: 0px;
/*height: 100px;
width: 100px;*/
}

.imgrhs {
float: right;
display: block;
position: relative;
border: 1px solid #000000;
margin-right: 0;
margin-top: 0.3em;
margin-bottom: 0;
margin-left: 0.5em;
padding: 0px;
/*height: 100px;
width: 100px;*/
}

#round {
font-size: 500px;
height: 100px;
padding: 0;
margin: 0;
/*line-height: 1px;
height: 50px;*/
display: block;
border: 1px solid black;
/*overflow: hidden;*/
}

.square {
height: 50px;
width: 50px;
border: 1px solid black;
float: left;
margin: 5px;

}

.redsq {
height: 50px;
width: 50px;
border: 1px solid black;
float: left;
margin: 5px;
background-color: red;
}

.whitesq {
height: 50px;
width: 50px;
border: 1px solid black;
float: left;
margin: 5px;
background-color: white;
}

.blacksq {
height: 50px;
width: 50px;
border: 1px solid black;
float: left;
margin: 5px;
background-color: black;
}

.ccsq {
height: 50px;
width: 50px;
border: 1px solid black;
float: left;
margin: 5px;
background-color: #cc4400;
}

.oosq {
height: 50px;
width: 50px;
border: 1px solid black;
float: left;
margin: 5px;
background-color: #993300;
}

.cosq {
height: 50px;
width: 50px;
border: 1px solid black;
float: left;
margin: 5px;
background-color: #99cc00;
}

.dcsq {
height: 50px;
width: 50px;
border: 1px solid black;
float: left;
margin: 5px;
background-color: #dcc500;
}

.ffsq {
height: 50px;
width: 50px;
border: 1px solid black;
float: left;
margin: 5px;
background-color: #ff9950;
}

.fesq {
height: 50px;
width: 50px;
border: 1px solid black;
float: left;
margin: 5px;
background-color: #ffffe7;
}

.oesq {
height: 50px;
width: 50px;
border: 1px solid black;
float: left;
margin: 5px;
background-color: #00918e;
}

.fcsq {
height: 50px;
width: 50px;
border: 1px solid black;
float: left;
margin: 5px;
background-color: #ffcc00;
}

.ocsq {
height: 50px;
width: 50px;
border: 1px solid black;
float: left;
margin: 5px;
background-color: #6600cc;
}

.absq {
height: 25px;
width: 50px;
border-top: 25px solid #ff33cc;
float: left;
margin: 5px;
background-color: #ffcc99;
}

.bcsq {
height: 25px;
width: 50px;
border-top: 25px solid #00ff00;
float: left;
margin: 5px;
background-color: #ff9900;
}

.cdsq {
height: 25px;
width: 50px;
border-top: 25px solid #3366ff;
float: left;
margin: 5px;
background-color: #00ff00;
}

.desq {
height: 25px;
width: 50px;
border-top: 25px solid #ffcc99;
float: left;
margin: 5px;
background-color: #ff6600;
}

.pisq {
height: 50px;
width: 50px;
float: left;
margin: 5px;
background-color: #ff33cc;
}

.resq {
height: 50px;
width: 50px;
float: left;
margin: 5px;
background-color: red;
}

.orsq {
height: 50px;
width: 50px;
float: left;
margin: 5px;
background-color: #feb602;
}

.yesq {
height: 50px;
width: 50px;
float: left;
margin: 5px;
background-color: #ffff00;
}

.grsq {
height: 50px;
width: 50px;
float: left;
margin: 5px;
background-color: #00ff00;
}

.insq {
height: 50px;
width: 50px;
float: left;
margin: 5px;
/*background-color: red;*/
}

.tusq {
height: 50px;
width: 50px;
float: left;
margin: 5px;
background-color: #00eec1;
}

.blsq {
height: 50px;
width: 50px;
float: left;
margin: 5px;
background-color: #3366ff;
}

.pusq {
height: 50px;
width: 50px;
float: left;
margin: 5px;
background-color: #9933ff;
}

.clearboth {
clear: both;
}

.parabox {
min-height: 180px;
}

p.red {
color: red;
}

p.blu {
color: blue;
}

/* table */

td.leftalign {
text-align: left;
padding-left: 60px;
}

table {
/*width: 99%;*/
}

table,td,th{
	border:1px solid #000;
	border-collapse:collapse;
	margin:0;
	padding:0;
font-size: 95%;
}

table,td{
text-align: center;
}

th {
text-align: right;}

td,th{
	padding:.2em .5em;
	vertical-align:top;
	font-weight:normal;
}


/* body */
tbody td{
	background:#ffffcc;
}
tbody th{
	background:#ffffcc;

}
tbody tr.o td{
	background:#ffffaa;
}
tbody tr.o th{
	background:#ffffaa;
}

tbody tr.five td {
background-color: #CC3300;
color: #FFFFCC;
}

tbody th.t {
background: #ffffaa;
color: black;
font-weight: 700;
/*width: 10em;*/
}

tbody th.p {
background: #CC3300;
color: #FFFFCC;
font-weight: 700;
text-align: center;
/*width: 10em;*/
}

tbody th.c {
background: #ffffaa;
color: black;
font-weight: 700;
text-align: center;
}

tbody th.h {

background: #ffffaa;
color: black;
font-weight: 700;

}

/* footer */
tfoot tr.o td{
	background:#ffffcc;
}

tfoot tr.o th{
	background:#ffffaa;

}

caption{
	text-align:left;
	font-size:140%;
	/*text-transform:uppercase;
	letter-spacing:-1px;*/
}

table ul {
padding-left: 0;
margin: 0;
list-style: none;
text-align: left;
}

.dfl a {
float: left;
padding: 0;
margin: 0;
}

.defaultlink  a {
/*border: 1px solid black;*/
background-color: #ffffaa;
color: blue;
border: none;
float: right;
display: inline;
margin: 0 0 0 2px;
padding: 0;
text-align: left;
text-decoration: none;
font-weight: 700;
/*font-size: 8px;*/
width: 6em;
}

.defaultlink  a:hover {
background-color: #ffffaa;
color: blue;
/*border: none; *** */
/*float: right;*/
display: block;
}

img.flb2
{
margin: 3px 3px 0 0;
float: left;
border: 1px solid blue;

}

img.frb2
{
margin-top: 3px;
float: right;
border: 1px solid black;

}

.foo {
font-weight: 700;
}

.bdr {
border: 1px solid black;
}

.ctr {
    display: block;
    margin-left: auto;
    margin-right: auto;
		text-align: center;
	font-size: smaller;
}

.ctrsmltxt {
	text-align: center;
	font-size: smaller;
}

#rosebox {
height: 100px;
margin-top: 3px;
}

ul.ticklist li{

   list-style-type: none;
   background-image: url(img/tickmark.gif);
   background-repeat: no-repeat;
   background-position: left top;
   padding: 5px 0 5px 30px;
}

ul.ticklist2 li{

   list-style-type: circle;
   background-image: none;
   padding: 5px 0 0 0;
}

ul.ticklist3 li{

   list-style-type: circle;
   background-image: none;
   padding: 5px 0 0 0;
   margin-left: 20px;
}

ol.ol1 li{

   padding: 10px 0 0 0;
}