body
{
 background-color:#DDDDDD;
 background-image:url("images/bg.gif");
 background-repeat: repeat;
 color:black;
 text-align: center; /* for IE */
}

a:link {color:#000000; font-weight:900;}      /* unvisited link*/
a:visited {color:#000000} /* visited link */
a:active {color:#FFFFFF}  /* selected link */

#container
{
width:840px;
position:relative;
top:10px;
margin: 0 auto; /*border: 2px solid #000; */
text-align: left; /* for IE */
}

#navcontainer
{
padding: 1px;
height: 20px;
margin: 0 auto; 
margin-bottom:10px;
background-color:#000000;
}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#navcontainer ul li a
{
width: 139px;
padding: 0;
margin: 0;
color: #000000;
text-decoration: none;
display: block;
text-align: center;
}

#navcontainer a:hover{
background-color: white;
}

#left
{
width:325px;
float:left;
left:0px;
text-align: left; /* for IE */
}

#right
{
width:475px;
float:right;
top:0px;
left:300px;
border-size:0px;
text-align: left; /* for IE */
}

#word, #meebo, #hours, #updated, #highlight{position:relative; background-color:#ffffff; margin-left:auto; margin-right:auto; padding:.5em; margin:1em 0em 2em 0em; border:5px solid #ffffff;}

#boxes{padding:1em; margin:0em 0em 1em 0em; border-style:solid; border-color:#000000;}


#highlight
{
background-color:#ffffff;
}

#navlist li#red, .red{background-color:#FF0033;}

#navlist li#orange, .orange{background-color:#FF6600;}

#navlist li#yellow, .yellow{background-color:#FFFF66;}

#navlist li#green, .green{background-color:#00CC33;}

#navlist li#blue, .blue{background-color:#3399FF;}

#navlist li#purple, .purple{background-color:#9933CC;}

#header{
top:100px;
left:auto;
right:auto;
text-align:center;

#section1 {
    float: left; /* Sets this section to the left */
    width: 400px;
}

#column1 {
        float: left; /* Sets this column to the left inside its section */
        background: #ccc;
        width: 170px;
    }

#column2 {
        float: right; /* Sets this column to the right inside its section*/
        background: #ccc;
        width: 170px;
    }

#section2 {
    float: right; /*Sets this sectionto the right */
    width: 400px;
}

#column3 {
        float: left; /* Sets this column to the left inside its section */
        background: #ccc;
        width: 170px;
}

#column4 {
        float: right; /* Sets this column to the right inside its section*/
        background: #ccc;
        width: 170px;
}

#push {
    height: 10em; width: 100%; left:0;
}

#footer{
background-color:#ff0000;
width:100%; height:3em; overflow:auto;
position:absolute; left:0px;
margin-left:0px; bottom:0; text-align:center;
visibility:visible;
}