#header
{
    WIDTH: 100%
}
#MainContent
{
    WIDTH: 100%
}
#leftBanner
{
    FLOAT: left;
    WIDTH: 15%
}
#middleContent
{
    FLOAT: left;
    WIDTH: 65%
}
#rightContent
{
    PADDING-LEFT: 8px;
    WIDTH: 20%;
    TEXT-ALIGN: center
}
#footer
{
    CLEAR: both;
    PADDING-RIGHT: 8px;
    PADDING-LEFT: 8px;
    PADDING-BOTTOM: 8px;
    PADDING-TOP: 8px
}
.box
{
    BORDER-RIGHT: #b4c1ca 1px solid;
    BORDER-TOP: #b4c1ca 1px solid;
    Z-INDEX: 20;
    MIN-HEIGHT: 200px;
    BORDER-LEFT: #b4c1ca 1px solid;
    WIDTH: 180px;
    ;
    WIDTH: expression(document.body.clientWidth > 800? "182px": "120px" );
    BORDER-BOTTOM: #b4c1ca 1px solid;
    HEIGHT: 150px;
    max-width: 182px;
    min-width: 120px
}
.square
{
    BORDER-RIGHT: white 1px;
    BORDER-TOP: white 1px;
    VERTICAL-ALIGN: middle;
    OVERFLOW: hidden;
    BORDER-LEFT: white 1px;
    WIDTH: 100px;
    BORDER-BOTTOM: white 1px;
    HEIGHT: 100px;
    align: center
}
.square22
{
    
    WIDTH: 100px;   
    HEIGHT: 100px;
    align: center
}
.square IMG
{
    ;
    MARGIN-TOP: expression((105 - this.height)/2);
    COLOR: black
}
.square A:link
{
    COLOR: black;
    TEXT-DECORATION: none
}
.square A:active
{
    COLOR: black;
    TEXT-DECORATION: none
}