body {
    background-image: url(Images/bg.gif);
    background-repeat: repeat;
    margin: 0px;
    font-family: Verdana, Arial;
}

input, select {
    font-family: Verdana, Arial;
}

h1 a {
    color:White;
    text-decoration:none;
}

h2 {
    font-size: larger;
}

table.solutions {
    width: 95%;
    border-style: none;
    text-align: center;
}

.BoggleGridCell {
    width: 30px;
    text-align: center;
}

#container {
    width: 700px;
    background-color: White;
    border-left: solid 1px #777;
    border-right: solid 1px #777;
    border-bottom: solid 1px #777;
}

#top {
    background-image: url(Images/headbg.jpg);
    height: 50px;
    margin-bottom: 1px;
    color: White;
    text-align: center;
}

#navTable {
    background-color:#66CC00;
    width:100%;
}

.navItem, .navItem a {
    color:White;
    font-size:small;
    text-align:center;
    text-decoration:none;
    width: 25%;
}

.navItem a:hover {
    text-decoration:underline;
}

#main {
    padding: 10px;
    text-align: left;
}

#footer {
    background-color:#66CC00;
    border-top:1px solid #CCCCCC;
    color:white;
    font-size:small;
    margin-top:25px;
    padding-bottom:10px;
    padding-top:6px;
    width:100%;
}

#footer a {
    color:White;
}

.infoBox {
    background-color: #ffff99;
    padding: 5px;
    text-align:center;
    font-size: 85%;
}

/* Score stylings */
.Score1 {}
.Score2 { background-color: #FFFF99; }
.Score3 { background-color: #CCCCFF; }
.Score5 { background-color: #CCFFCC; }
.Score11 { background-color: #FF9999; font-weight: bold; }