@import url(Skin.Editor.css);
@import url(Nav_LeftMenu.css);

body
{
    background-color: #4E1717;
}

/* overall layout */
    table.ChiliVisionLayout
    {
        width: 950px;
    }

    /* row heights */
    tr.HeaderRow td, tr.HeaderRow .Cap { height: 217px; }
    tr.BodyRow td, tr.BodyRow .Cap { height: 279px; }
    tr.BodyFooterRow td, tr.BodyFooterRow .Cap { height: 20px; }
    tr.FooterRow td, tr.FooterRow .Cap { height: 109px; }

    /* shadow widths */
    td.LShadowBkg, td.LShadowTop, td.LShadowBottom { width: 72px; }
    td.RShadowBkg, td.RShadowTop, td.RShadowBottom { width: 72px; }
    
    /* left/right side widths */
    div.LeftCap { width: 107px; float: left; }
    div.RightCap { width: 232px; float: right; }
    
    /* cap background stuff */
    .Cap {
        position: relative;
	    background-color: #FBD87C;
	    background-repeat: no-repeat;
	    background-position: left top;
    }
    
    /* cell layouts */
    
    /* background image urls */
    .LShadowTop,
    .TopLogoArea,
    .TopBkg,
    .TopSearchArea,
    .RShadowTop,
    .LShadowBkg,
    .Body,
    .RShadowBkg,
    .BodyFooterLeft,
    .BodyFooter,
    .BodyFooterRight,
    .FooterSection,
    .LShadowBottom,
    .BottomLeftArea,
    .BottomBkg,
    .BottomRightArea,
    .RShadowBottom
    {
	    background-color: #FBD87C;
	    background-repeat: no-repeat;
	    background-position: left top;
    }

    .TopBkg,
    .BodyFooter,
    .BottomBkg
    {
	    background-repeat: repeat-x;
    }

    .LShadowBkg,
    .RShadowBkg
    {
	    background-repeat: repeat-y;
    }

    .LShadowTop { background-image: url(images/LShadowTop.jpg); }
    .TopLogoArea { background-image: url(images/TopAreaLogo.jpg); }
    .TopBkg { background-image: url(images/TopAreaBkg.jpg); vertical-align: bottom; }
    .TopSearchArea { background-image: url(images/TopSearchArea.jpg); vertical-align: bottom; }
    .RShadowTop { background-image: url(images/RShadowTop.jpg); }
    .LShadowBkg { background-image: url(images/LShadowBkg.jpg); }
    .RShadowBkg { background-image: url(images/RShadowBkg.jpg); }
    .BodyFooterLeft { background-image: url(images/BodyFooterLeft.jpg); }
    .BodyFooter { background-image: url(images/BodyFooterBkg.jpg); }
    .BodyFooterRight { background-image: url(images/BodyFooterRight.jpg); }
    .LShadowBottom { background-image: url(images/LShadowBottom.jpg); }
    .BottomLeftArea { background-image: url(images/FooterLeft.jpg); }
    .BottomBkg { background-image: url(images/FooterBkg.jpg); }
    .BottomRightArea { background-image: url(images/FooterRight.jpg); }
    .RShadowBottom { background-image: url(images/RShadowBottom.jpg); }
           
/* top area layout */
div.TopLogoArea {
}

    /* dimensions and positioning for making the logo part of the cell clickable */
    a.TopLogoLink {
        position: absolute;
        bottom: 0px;
        
        display: block;
        width: 107px;
        height: 150px;
    }
    
div.TopMainArea {
    background-color: Transparent; /* remove .cap background */
    margin-left: 107px;
    margin-right: 232px;
    z-index: 10; /* needed, or else menu will fall behind the interior banner in IE */
}
    
    div.TopMenu {
        position: absolute;
        bottom: 34px;    
        right: 0px;

        text-align: right;
        white-space: nowrap;
    }

    div.HeaderLinks {
        position: absolute;
        bottom: 102px;
        right: -31px;
        
        text-align: right;
        white-space: nowrap;
    }

div.SearchArea {
    position: absolute;
    left: 70px;
    bottom: 35px;
}

    .CVSearchBox 
    { 
        width: 110px; 
        font-size: 9px;
    }
    
/* homepage content layout */
div.FooterHeaderSection 
{
	margin: 0px 0px;
}

div.FooterSectionContent {
    margin: 8px 20px 8px 20px
}
    * html div.FooterSectionContent { text-align: center; }
    
div.HmpgLeftPane, div.HmpgRightPane, div.HmpgContentPane { width: 238px; }

div.HmpgLeftPane { float: left; }
div.HmpgRightPane { float: right; }
div.HmpgContentPane { margin: 0 auto; }

div.Tagline {
    color: #4D141B;
    text-align: center;
    font-style: italic;
    font-size: 16px;
    
    position: relative;
    z-index: 1;
    top: 20px;
}