﻿body
{
    height:100%;   
    font-weight:bold;
    font: 10px xGeorgia, Arial, Times-Roman, serif;
    /*background-color:green;*/
    /*background-image:url('/Images/grid40x40.png');*/
    /*background-image:url('/Images/seamless2.png.png');*/
    /*background-image:url('/Images/grid20x20.png');*/
    /*background-image:url('/Images/seamless2.png');*/
    background-color:wheat;
}
.canvasContainer {
    /*z-index: 99;*/
}
#canvas1 {
    position: absolute;
    /*width: 300px;
    height: 600px;*/
    /*border: solid;
    border-width: 1px;*/
    z-index: 0;
}
.button {
    cursor: pointer;
}
.itemContainer {
    position: absolute;
    top: 100px;
    left: 300px;
    border: solid;
    border-width: 1px;
    color: #CCCCCC;
    background-color: lightgoldenrodyellow;
    z-index: 1;
}
.item {
    width: 200px;
    height: 200px;
    position: absolute;
    border: solid;
    border-width: 1px;
    text-align: center;
    font-size: 70px;
    color: #CCCCCC;
    cursor: pointer;   
}
.innerItem {
    
}
#item1 div {
    color: #6699CC;
}
#item1 div:hover {
    background-color: #6699CC;
    color: #CCCCCC;
}
#item2 div {
    color: #CC6699;
}
#item2 div:hover {
    background-color: #CC6699;
    color: #CCCCCC;
}
#item3 div {
    color: #336699;
}
#item3 div:hover {
    background-color: #336699;
    color: #CCCCCC;
}
#item4 div {
    color: #339933;
}
#item4 div:hover {
    background-color: #339933;
    color: #CCCCCC;
}
#item5 div {
    color: #999900;
}
#item5 div:hover {
    background-color: #999900;
    color: #CCCCCC;
}
#item6 div {
    color: #333333;
}
#item6 div:hover {
    background-color: #333333;
    color: #CCCCCC;
}
.content {
    position: absolute;
    background-color: whitesmoke;
    color: black;
    font-size: 20px;
    display: none;
    cursor: pointer;
}
.content img {
    display: none;
}
.innerContent {
    padding: 30px;
}
#contentHeader {
    position: absolute;
    top: 0;
    display: none;
    cursor: pointer;
}
#innerContentHeader {
    padding: 70px;
    font-size: 70px;
    text-align: center;
}