html,body 
    {
        height: 101%;
    }
    
    body 
    {
        background: transparent url('/images/pdotsy.gif') fixed center center;
    }
    
    .rightside,.botdiv,.menubar
    {
        margin: 0 auto;
    }
    
    .rightside,.menubar,.topshadow,.botdiv
    {
        width: 96%;
        max-width: 1000px;
        height: auto;
    }
    
    h1.header 
    {
        background: url('/images/logo3.png') no-repeat !important;
        background: url('/images/logo3.gif') no-repeat;
        position: relative;
        left: 5%;
        margin: 2px 0 0 -5%;
    }
    
    h1.header,a.header 
    {
        width: 96% !important;
        width: 380px;
        max-width: 380px;
        float: left;
        height: 52px;
    }
    
    h1.header span
    {
        display: none;
    }
    
    a.header 
    {
        display: block;
        position: absolute;
        z-index: 1;
        left: 0;
    }

    a.header img 
    {
        display: none;
    }
    
    div.header 
    {
        background: transparent url('/images/pngbg.png');
        position: fixed !important;
        width: 94% !important;
        position: absolute;
        width: 96%;
        max-width: 980px;
        z-index: 1;
    }
    
    .topdiv
    {
        background: #eaeab9;
        padding-bottom: 40px;
    }    
    
    .botdiv
    {
        margin-top: -8px;
        height: 25px;
        background: url('/images/bot.png') repeat-x 0 -10px !important;
        background: url('/images/bot.gif') repeat-x 0 -10px;
    }

    .leftside
    {
        background: url('/images/left.png') repeat-y top left !important;
        background: url('/images/left.gif') repeat-y top left;
        padding: 0 0 0 20px;
    }
    
    .rightside
    {
        background: url('/images/right.png') repeat-y top right !important;
        background: url('/images/right.gif') repeat-y top right;
        padding: 0 20px 0 0;
    }

    .header .menu 
    {
        float: right;
        position: relative;
        margin-right: 1%;
    }
    
    .header .menu *  
    {
        list-style: none;
        list-style-image: none;
    }
    
    .header ul 
    {
        padding: 0;
        font-family: Papyrus,'Maiandra GD','Tempus Sans ITC';
        text-align: center;
    }
      
    .header .menubutton 
    {
        width: auto;
        background: url('/images/fabricbar.gif') repeat-x center left;
        text-align: center; 
        margin: 9px 0 0 5px; 
        float: left; 
        font-weight: bold;
        font-size: 120%;
    }

    .header .menubutton li 
    {
        background: url('/images/end1.gif') no-repeat center left; 
        padding: 0;
    }
    
    .header .menubutton li a 
    {
        background: url('/images/end2.gif') no-repeat center right; 
        line-height: 40px;
        height: 40px;
        color: #ffc;
        text-align: center;
        text-decoration: none;
        padding: 0 8px;
        display: block !important;
        display: inline;
        word-spacing: -.05em;
        letter-spacing: -.03em;
    }

    .header .menubutton ul li a 
    {
        line-height: normal;
        height: auto;
        width: 200px;
        color: #000;
        display: block;
        text-align: left;
        padding: 3px 5px 3px 5px;
        background: transparent;
        letter-spacing: normal;
        word-spacing: normal;
    }
    
    .header .menubutton li:hover {background-color: #665}
    .header .menubutton ul a:hover {color: #a00}
    .header .menubutton ul li:hover > a {color: #ffc}
    .header .menubutton:hover {z-index: 2}
    .header .menubutton ul.noj {display: none}
    .header .menubutton li:hover > ul.noj {display: block}

    .header .menubutton ul 
    {
        font-size: 70%;
        position: absolute;
        margin: -6px 0 0 0;
        padding: 0;
        background: transparent url('/images/bot.png') repeat-x bottom left !important;
        background: none;
        padding-bottom: 10px;
    }

    .header .menubutton ul li 
    {
        background: #ffc none;
        border: solid 1px #665;
    }
    
    .header .menubutton ul li:hover 
    {
        background: #665;
        border: solid 1px #ffc;
    }
    
    h1.header span 
    {
        display: none;
    }
    
    .banner 
    {
        height: 190px;
        background: transparent url('/images/pngbg.png');
        padding-top: 52px;
    }
    
   .banner img 
    {
        width: 100%;
        height: 100%;
        display: block !important;
        display: none;
    }
    
    .banner .img1,.banner .img2, .banner .img3, .banner .img4, .banner .img5
    {
        height: 190px !important;
        height: 180px;

        margin: 0 0 0 -1.5% !important;
        margin: 0 1px;

        left: 1.2% !important;
        left: 0;

        float: left;
        background-repeat: no-repeat;
        background-position: center center;
        position: relative;
    }
    
    .banner .img1, .banner .img3, .banner .img5
    {
        width: 25% !important;
        width: 23%;
    }

    .banner .img2, .banner .img4
    {
        width: 16% !important;
        width: 14.5%;
    }

    .banner .img1
    {
        left: 6px !important;
        left: 0;
    }