/*STYLE INFOORMATION FOR THE HEADER*/

body {
    /*overflow:hidden; this will remove scroll bars*/
    background-image: url(image/body-gradient_602.png) ;
    background-repeat: repeat-x ;
    background-color: #FDFDFD;
    margin: 0px 0px 0px 0px ;
    padding: 0;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    /* font size less than 100% will prevent true right alignment
       text in the footer! (and it does not matter if you place it
       in one of the child div sections further below so leave it here
       and make requiiste adjustment within the footer div) */
     font-size: 82%;
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    }

/* Wrapper for fixed width page */
#PageWrap {
    background-color: #99FF00;
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 0px;
    width: 868px;
    }

#PageWrap {
    background-color: transparent;
    }

/* header */
#header {
    background-color: #4B4B4D;
    border: 0px solid #c0c0c0;
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    height: 100px;
    }

#headerbar {
    width: 100%;
    height: 4px;
    background: #FF9900;
    border: 0px solid #800000;}

/* indirect method to remove border around
   the banner image (instead of setting border
   to 0 with the img src tag for the banner*/
#header img {
    border: 0;}

#header .logo {
    float: left;
	/*?:instead of float left could use display object */
    margin: 30px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
    width: 224px;}

/*
place image link within this span tag-set*/
/*
note that to move image vertically one must apply
mrgn/pddng directly to img src, in this case
it is applied to the span surrnding it so
we cannot move the image vertically in this way*/
/*instead, apply padding to header to adjust positn of
banner? okay it works but also lowers the logo;
?:it would be easier to just place the banner within its
own div*/
#header .banner {
   margin:  0px 0px 0px 0px;
   padding: 20px 0px 0px 0px;}

/* positioning the boxes correctly */
#header { position: relative; }
#wrapper2 { position: absolute; bottom: 1px; width: 100%; }
#headerbar { margin: auto; }


/* footer */
#footer {
    /* seems to require clear:both for footer
       text to right align correctly */
    clear: both;
    background-color: #00FF66;
    border: 0px solid #FF6600;
    padding: 8px 26px 0px 52px;
    font-size: 9px;
    font-weight: bold;
    color: #AEAEAE;
    text-align:  right;
    }

#footer {
    background-color: transparent;
    }