#the-content {
    background      : transparent;
}

#left-col {
    width           : 204px;
    _width          : 189px; /* Since Microsoft has yet to produce a browser that can actually render a simple box model correctly, HAX! -Myles */
    float           : left;
    text-align      : left;
    margin          : 0;
}

#left-col h3 {
    text-transform  : uppercase;
}

#left-col a:link, #left-col a:visited {
    text-decoration : none; /* from .tif */
}

#left-col a:hover {
    text-decoration : underline; /* artistic license */
}

#left-col a:active {
    text-decoration : none; /* from .tif */
}

#left-col a.selectedCategory {
    color           : #000000; /* artistic license */
}

#left-col a.realSelect {
    color           : #ee7e15;
    margin-left     : -8px;
}

#right-col {
    width           : 750px;
    float           : left;
}

#right-col a:link, #right-col a:visited {
    text-decoration : none; /* from .tif */
}

#right-col a:hover {
    text-decoration : underline; /* artistic license */
}

#right-col a:active {
    text-decoration : none; /* from .tif */
}

#right-above {
}

#right-below {
    padding-top     : 24px;
}

.categories {

}

.categoryChildren {
    width           : 744px;
}

.categorySquare {
    float           : left;
    height          : 165px;
    margin-bottom   : 10px;
    text-align      : center;
}

.categorySquare span {
    float           : none;
    display         : block;
    height          : 135px;
    margin-bottom   : 5px;
}

.categoryChildSquare {
    float           : left;
    width           : 240px;
    height          : 215px;
    margin-bottom   : 10px;
    padding-right   : 6px;
    text-align      : center;
}

.categoryChildSquare span {
    float           : none;
    display         : block;
    width           : 240px;
    height          : 180px;
}