div#header1              {text-align: center; font-weight: bold;   font-size: 22px; font-family: arial; padding : 10px}
div#header1a             {text-align: center; font-weight: bold;   font-size: 22px; font-family: arial; padding : 10px 0px 0px 0px}
div#header2              {text-align: center; font-weight: normal; font-size: 18px; font-family: arial;}
div#header3              {text-align: left;   font-weight: normal; font-size: 20px; font-family: arial;}
div#header3sub           {text-align: left;   font-weight: normal; font-size: 18px; font-family: arial;}

div#contents             {text-align: left;   font-weight: normal; font-size: 16px; font-family: arial; line-height: 24px;}
td#contents              {text-align: left;   font-weight: normal; font-size: 16px; font-family: arial; line-height: 24px;}
td#contents2             {text-align: left;   font-weight: normal; font-size: 13px; font-family: arial; line-height: 24px;}

table#budgets            {text-align: left;   font-weight: normal; font-size: 10px; font-family: arial; line-height: 12px;}

td#courseindex a         {display: block; text-decoration : none;}
td#courseindex a:hover   {background-color:#FFFF80;}
td#courseindex           {text-decoration : none; font-size : 11px; font-family : arial;}
td#courseindex a:visited {color : #11540F;}
td#courseindex a:link    {color : #21A61E;}

td#codebox               {background-color  : #ffffff; color : #000000; font-size: 14px;}

div#exercises            {display   : block;  background-color: #BDBDBD;}
div#exercise15           {display   : block;  background-color: green; color : white;}
div#exercise15 a:visited {color : #bbbbbb;}
div#exercise15 a:link    {color : yellow;}
div#exercise16           {background-image : url(images/panel.jpg); color : white;}
div#exercise16 a:visited {color : #bbbbbb;}
div#exercise16 a:link    {color : yellow;}
div#exercise17           {display   : block;  background-color: #BDBDBD;}
div#exercise17 a:visited {color : #bbbbbb;}
div#exercise17 a:link    {color : yellow;}
div#bonus07              {background-color  : #008800;}
div#bonus08              {background-color  : #008800;}
div#indexfocus           {display   : block;  background-color: #9CDEEF;}
div#note                 {background-color  : #ffff99; color : #000000; font-size: 14px;}
div#note                 {border-width : 1px; border-color : black; border-style : solid; padding : 4px;}
a#indexfocus             {display   : block;  background-color: #24BCDC;}

span.white               {background-color  : #ffff99; color : #000000; font-size: 14px;}
span.yellow              {background-color  : #ffff99; color : #000000; font-size: 14px;}
span.blue                {background-color  : #ccccff; color : #000000; font-size: 14px;}
span.red                 {background-color  : #ffcccc; color : #000000; font-size: 14px;}
span.orange              {background-color  : #ffcc99; color : #000000; font-size: 14px;}
span.pink                {background-color  : #ffcccc; color : #000000; font-size: 14px;}
span.purple              {background-color  : #ffccff; color : #000000; font-size: 14px;}
span.green               {background-color  : #ccffcc; color : #000000; font-size: 14px;}
img                      {vertical-align    : bottom;}
img.right                {vertical-align    : top; float: right;}
embed                    {vertical-align    : bottom;}