/* CSS Document */

body    {background-color: #aaa; color: #000; margin: 0px auto; font-family: verdana, arial; font-size: 11px;}

#displayArea    {height: 605px; background: #fff; padding: 10px 6% 0px 6%; font-size: 11px; border-bottom: 1px solid #555; margin: 0px;}

.selectedArea   {background-color: #ccc; border-top: 1px solid #555; border-bottom: 1px solid #555; padding: 5px 6% 5px 6%;}

.selectedAreaDark   {background-color: #aaa; padding: 0px 6% 0px 10%; margin-bottom: 0px; margin-top: -10px;}

.menu   {font-weight: bold; background-color: #ccc; border-top: 1px solid #555; border-bottom: 1px solid #555; margin-bottom: 10px; margin-top: 5px; padding: 5px 1% 5px 6%; }

/* \ commented backslash between rules so IE5 Mac ignores the following rule. */
.selectedAreaDark   {margin-top: 5px;}

h1  { font-size: 12px; font-family: arial; font-weight: bold; color: #aaa; position:absolute; left: 60px; top: 805px; height: 5px; width: 661px; }
h2  {font-size: 11px; margin-bottom: 0px; margin-top:0px;}

p           {font-size: 11px; margin-top:0px; margin-bottom:0px;}

.box        {border: none; margin: 0px;}

a:link      {font-weight: bold; color: #000; text-decoration: none; background-color: transparent;}
a:visited   {color: #000; background-color: transparent; text-decoration: none; }
a:active    {color: #000; background-color: transparent; text-decoration: none; }
a:hover     {color: #333; background-color: transparent; text-decoration: underline;}