/* 		Layout Styles Copyright © Xander Lih 2005-2009 http://feebdack.com 		*/
/*		Two Equal Height Jello Columns with Header & Footer and No Images			*/

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img
{
    margin: 0;
    padding: 0;
    border: none;
}

body
{
    text-align: center;                 /* IE Center Content Hack */
    padding: 0 385px;                   /* Critical value results in min-width 2x horizontal padding */
    font-size: 95.01%;
}

#sizer
{
    text-align: left;                   /* Undo IE Center Content Hack */
    margin: 0 auto;                     /* this centers the wrappers in standards browsers */
    width: 75%;                         /* Critical value gels the Jello 0%=rigid, 100%=fluid */
    max-width: 630px;                   /* 1400 - 770 = 630, Fix for Old-IE (ignores limits) is in a conditional comment in HTML */
}

#expander
{
    margin: 0 -385px;                   /* these side margin absolute-value should be the same or slightly less than body paddings */
    min-width: 770px;                   /* This prevents Safari from losing the negative margins in narrow windows */
    min-height: 1px;                    /* This gives Layout to IE7 */
    position: relative;
}

/* Holly hack for IE. Must be zero, not the usual 1% value, due to IE bug \*/
* html #expander
{
    height: 0;
}
/* */

#floater
{
    position: relative;
    width: 100%;
}

#sidewrap
{
    width: 28%;
    float: left;
    position: relative;
    display: inline;
}

#mainwrap
{
    width: 72%;
    float: right;
    z-index: 1; /* First in markup, this div will be on top #mainbg at z-index 0 */
    position: relative;
    display: inline;
}

#mainbg
{
    position: absolute;
    bottom: 0; /* Stretch from top to bottom */
    top: 0; /* Stretch from top to bottom */
    width: 72%;
    left: 28%; /* Make room for leftwrap */
    z-index: 0; /* Last in markup has lower z-index and is drawn below #mainwrap at z-index 1 */
}

/* Masthead styles */
#mastname
{
    float: left;
}
#mastwrap
{
    width: 100%;
    overflow: visible;
}
#mastlogo
{
    float: right;
}
#mastwrap a:hover
{
    cursor: pointer;
}

/* Footer styles */
#footwrap
{
    width: 100%;
}







/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */