body {
width: 96%;
margin-left: auto;
margin-right: auto;
margin-top: 0%; 
margin-bottom: 0%; 
/* border: 2px solid white; */
background: #000000;
color: #ffffff;
font-size: 11pt;
font-family: comic sans ms, helvetica, arial;
text-align: center;
}

li {
 text-align: left;
}

A:link {
color: #66ffff;
font-family: helvetica, arial;
font-weight: bold;
font-size: 11pt;
text-decoration: none;
text-align: left;
}

A:visited {
color: #ff66ff;
font-family: helvetica, arial;
font-weight: bold;
font-size: 11pt;
text-decoration: none;
}

A:hover {
color: #ffffff;
font-family: helvetica, arial;
font-weight: bold;
font-size: 11pt; 
text-decoration: none;
}

a:active {
text-decoration:none;
}

td
{
text-align: center;
/* border: 2px solid white; */
}

#whiteboard{
width:300px;
text-align: left;
color: #000000;
background: #ffffff;
font-family: arial, helvetica;
font-size: 10pt; 
padding: 8px;
margin-bottom: 10px;
/* border: 2px solid white; */
}

#wbd{
width:1300px;
text-align: left;
color: #000000;
background: #ffffff;
font-family: arial, helvetica;
font-size: 10pt; 
padding: 8px;
margin-bottom: 10px;
/* border: 2px solid white; */
}

#menubar{
font-weight: bold;
font-size: 11pt;
color: #66ffff;
background: #000000;
font-family: helvetica, arial;
}

.greyout{
font-weight: bold;
font-size: 11pt;
color: #999999;
background: #000000;
font-family: helvetica, arial;
}

.ygo
{
width: 180px;
height:44px;
border:5px #666666;
border-radius:10px;
margin:0px;
padding-left:5px;
background-color:#666666;
color:#ffffff;
}

.yo
{
width: 180px;
height:44px;
border:5px #cc6633;
border-radius:10px;
margin:0px;
padding-left:5px;
background-color:#cc6633;
color:#ffffff;
}

.yg
{
width: 180px;
height:44px;
border:5px #00cc66;
border-radius:10px;
margin:0px;
padding-left:5px;
background-color:#00cc66;
color:#ffffff;
}

.ym
{
width: 180px;
height:44px;
border:5px #990099;
border-radius:10px;
margin:0px;
padding-left:5px;
background-color:#990099;
color:#ffffff;
}

.yc
{
width: 180px;
height:44px;
border:5px #009999;
border-radius:10px;
margin:0px;
padding-left:5px;
background-color:#009999;
color:#ffffff;
}

.lefttile
{
width:25px;
height:40px;
color:#ffffff;
border:0px;
text-align:center;
font-family:sans-serif;
font-size:32px;
font-weight:700;
}

.righttile
{
width:159px;
height:40px;
color:#ffffff;
border:0px;
text-align:center;
font-family:sans-serif;
font-size:14px;
font-weight:600;
}

.righttile1
{
width:159px;
height:40px;
color:#ffffff;
border:0px;
text-align:center;
font-family:sans-serif;
font-size:18px;
font-weight:600;
}

.ycp
{
width:75px;
height:24px;
border:5px #00cccc;
border-radius:7px;
margin-left: auto;
margin-right: auto;
background-color:#00cccc;
color:#ffffff;
text-align:center;
font-family:sans-serif;
font-size:18px;
font-weight:600;
}

.ygp
{
width:75px;
height:24px;
border:5px #00ff66;
border-radius:7px;
margin-left: auto;
margin-right: auto;
padding-left:0px;
background-color:#00ff66;
color:#ffffff;
text-align:center;
font-family:sans-serif;
font-size:18px;
font-weight:600;
}

.ymp
{
width:75px;
height:24px;
border:5px #cc00cc;
border-radius:7px;
margin-left: auto;
margin-right: auto;
padding-left:0px;
background-color:#cc00cc;
color:#ffffff;
text-align:center;
font-family:sans-serif;
font-size:18px;
font-weight:600;
}

.yop
{
width:75px;
height:24px;
border:5px #cc6633;
border-radius:7px;
margin-left: auto;
margin-right: auto;
padding-left:0px;
background-color:#cc6633;
color:#ffffff;
text-align:center;
font-family:sans-serif;
font-size:18px;
font-weight:600;
}

.yox
{
width:400px;
height:24px;
border:5px #cc6633;
border-radius:7px;
margin-left: auto;
margin-right: auto;
padding-left:0px;
background-color:#cc6633;
color:#ffffff;
text-align:center;
font-family:sans-serif;
font-size:18px;
font-weight:600;
}

#topmain
{
width: 90%;
margin-left: auto; 
margin-right: auto;
/* border: 2px solid yellow; */
}

#toptable
{
width: 100%;
margin-left: auto;
margin-right: auto;
/* border: 2px solid green; */
}

.tilemenu
{
margin-left: auto; 
margin-right: auto;
/* border: 2px solid orange; */
}

.tilemenu2
{
margin-left: auto; 
margin-right: auto;
/* border: 2px solid orange; */
}

#jmlogo
{
width:300px;
margin-left: 0px; 
margin-right: auto;
/* border: 2px solid yellow; */
}