/* this is a local stylesheet intended to fine-tune the global
   site css */

/* on the top of the page, there is a graphical firebrand whose  *
 * color changes depending on the section you are in             */
#TopFirebrand {
	background-color: #56500F;
	background-image: url(../images/firebrands/about.jpg);
}

/* constrains the main page content area -- including *
 * left nav and the main content area                 *
 * this is the solid bar across the top of the page   */
#LeftNavAndContentContainer {
	border-top: 4px #863C23 solid;
}

/* the bottom of the page is a thin strip containing   *
   copyright and contractor information                *
   this is the solid bar across the bottom of the page */
#PageFooter {
	background-color: #6F752D;
    /* background-color:#776F3C;  */
	background-image: url(../images/footer/about.jpg);
	border-top: 4px #863C23 solid;
}

/* contains the actual page content. use this for cascading *
 * any background images or treatments you want different   *
 * from the default                                         */
#MainContent {
    /*background-image:url(./images/index-bg.jpg);*/ /* set on a per-file basis instead */
	background-position: top right;
	background-repeat: no-repeat;
}