﻿/*  
    This file is used to create the layout for the "BasicFixed" master 
    page. Any page within the site using the BasicFixed master page 
    will automatically have this css file imported.

    CHANGES AND ADDITIONS SHOULD NOT BE MADE TO THIS FILE AS IT COULD
    AFFECT OTHER SITES THAT USE THE SAME MASTER PAGE.

    For more information, read: /!styles/ReadMe.txt
*/



/*  [ generic ]----------------------------------------------------  */

    body {
	    background-color:#FFFFFF;
	    text-align:center;
    }

    .Clear {
	    clear:both;
	    height:0;
	    overflow:hidden;
    }


    
/*  [ wrappers ]---------------------------------------------------  */

    /*  outter container for entire page  */
    #PageWrap {
	    width:980px;
	    margin:0 auto;
    }

    /*  inner container for #LeftBar, #RightBar and #PageContent  */
    #MiddleWrap {
        width:980px;
	    clear:both;
    }



/*  [ content area size adjustment when hiding sidebars ]----------  */

    /*
    the content area will be resized only if the appropriate class
    is attached to the body of the page:

    eg:
    <body class="noLeftBar">
    <body class="noRightBar">
    <body class="noLeftRightBar">
    */

    /*  No LeftBar **OR** No RightBar  */
    body.noLeftBar #PageContent,
    body.noRightBar #PageContent {
        width:820px;
    }
    body.noLeftBar #LeftBar,
    body.noRightBar #RightBar {
        display:none;
    }

    /*  No LeftBar **AND** No RightBar  */
    body.noLeftRightBar #PageContent {
        width:100%;
	    clear:both;
    }
    body.noLeftRightBar #LeftBar,
    body.noLeftRightBar #RightBar {
        display:none;
    }



/*  [ top bar / header ]-------------------------------------------  */

    #TopBar {
	    width:980px;
	    background-color:#CCCCCC;
    }



/*  [ sidebars ]---------------------------------------------------  */

    #LeftBar,
    #RightBar {
	    position:relative;
	    width:160px;
	    left:0;
	    background-color:#EEEEEE;
    }

    #LeftBar {
	    float:left;
	    margin-right:10px;
    }

    #RightBar {
	    float:right;
	    margin-left:10px;
    }



/*  [ page content ]-----------------------------------------------  */

    #PageContent {
	    width:640px;
	    float:left;
	    background-color:#DDDDDD;
	    overflow:hidden;
    }



/*  [ bottom bar / footer ]----------------------------------------  */

    #BottomBar {
	    clear:both;
	    width:980px;
	    background-color:#CCCCCC;
    }
