/* THREE COLUMN LIQUID CENTER LAYOUT */

/* a fix for IE6 only - google 'Star Hack' to see how the comments and * html hide this hack from other browsers \*/
* html *
{
    zoom: 100%; /* triggers IE6 "haslayout" - google 'IE6 haslayout' for details*/
}
/* without the above hack, IE6 does not draw the header until the page is resized */
/* the problem is triggered by the universal * selector below that resets the margins, but we need to do that, hence the hack */
*
{
    margin: 0;
    padding: 0;
}
/* apply this class to any image or element with width - text will wrap it to the right */
.float_left
{
    float: left;
    margin: 0 .3em .3em 0;
}
/* apply this class to any image or element with width  - text will wrap it to the left */
.float_right
{
    float: right;
    margin: 0 0 .3em .3em;
}

div#main_wrapper
{
    min-width: 90%;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}

/* centers layout when > max width */
div#header
{
    width: auto;
}

#threecolwrap
{
    float: left;
    width: 100%;
}

#twocolwrap
{
    float: left;
    width: 100%;
    display: inline; /* stops IE doubling  margin on float*/
    margin-right: -170px; /* neg margin move */
}
#nav
{
    float: left;
    width: 150px;
    display: inline; /* stops IE doubling  margin on float*/
}
#content
{
    width: auto;
    margin-left: 150px;
    margin-right: 170px;
}
#promo
{
    float: left;
    width: 170px;
}
#footer
{
    width: 100%;
    clear: both;
}
/* end of structural styles */

/* inner div margin */
#header_inner, #nav_inner, #content_inner, #promo_inner
{
    overflow: hidden; /* prevents oversize elements from breaking the layout */
}
#header_inner
{
}
#nav_inner, #promo_inner
{
    padding: .5em;
}
#content_inner
{
    padding: .5em;
}
#footer_inner
{
}
/* end inner div margins */
.hidden
{
    display: none;
}

table .centerpadgridcells th,
table .centerpadgridcells td
{
    padding-left: 1px;
    padding-right: 1px;
}