body
{   
    width: 900px;
    margin: 10px 0px 10em 100px;
    padding: 0;
    text-align: left;
    border-style: 1px solid black;
    background-color: white;
    font-family: Arial, Verdana;
    font-size: small;
    position: static; }                
h1         {font-family: Arial, "Porky's", DomBold BT,  Hobo BT,  GlooGun,  Fat,  Poornut, Rockwell, Matura MT Script Capitals;
            font-size:  x-large; 
            font-weight: bold ; 
            color:#993300; 
            font-style: normal; 
            width: 850px;
            margin : 25px 0px 10px 0px; 
            border-style:none; 
            border-color: red;  
            background-color: peachpuff;
            background-color:  #F8F370; 
            background-color:  Khaki; 
            text-decoration: none; 
            text-indent: 0px;}                 
h2  {font-family: Arial, Verdana; font-size:  large; font-weight: bold ; color:#993300; color: Purple; font-style: oblique; 
             margin : 5px 0px 10px 0px; 
                     text-decoration: none; text-indent: 0px;} 
                     
                                       
h3  {font-family: Arial, Verdana; font-size: larger; font-weight: bolder ;  font-style:oblique; 
            color:#993300; margin : 5px 0px 10px 0px; 
                     text-decoration: none; text-indent: 0px;}   
                     
h4  {font-family: Arial, Verdana; font-size: small; font-weight:bold ;  
              font-style:oblique; color:Blue; margin: 5px 0px 10px 0px; 
                      text-indent: 0px;}   
h5  {font-family: Arial, Verdana; font-size: x-small; font-weight:bold ;  color:Green; margin: 5px 0px 0px 0px; 
                      text-indent: 0px;} 
h6  {font-family: Arial, Verdana; font-size:  xx-small; font-weight:bold ;  color:lime; margin: 5px 0px 0px 0px; 
                      text-indent: 0px;}

p#a          { text-indent: 20px;
}                


table           {table-layout:fixed;
                 width: 90%;
                 padding: 10px;
                 border-spacing: 10px;
                 border-collapse:separate;
                 text-align:left;
                 padding:10;}
td, th          {width: 10%;
                 border: 2px none gray;
                 }
                 
col#logo        { width:45%;
                  text-align:right;
                  padding:10px 0px 10px 50px;
                  background-color: white;
                  text-decoration: none;
                  font-weight:bold; }                 
col#description { width:55%;
                  text-align:left;
                  font-size:small;
                  padding:10px 0px 10px 50px;
                  background-color :white;
                  text-decoration:  none;
                   }                 

       
.dc { float: left; font-size: 250%;  color: #006; background-color: #ffF; 
      padding: 0px; border: none; margin: 3px; }

ul {list-style-type:  circle; color:black;    
                  padding: 5px;
                   }
ol {list-style-type:  decimal; color:black;    
                  padding: 5px;
                   }


#mainheaders     { width:100%; padding: 105px 0px 0px 0px; 
                    text-align: left; position:relative ;
                     background-color   : white; color: #ff9933; 
                     border-style: none; border-color: red;
                     }
#hdrtitles      {text-align: left;  border:  1px;
                  width: 900px;
                  height:50px; 
                  position: relative; top: 0px; 
                  border-style:none; border-color:  Fuchsia;
                  margin: 0px 0px 0px 15px;
                  background-color : white; }
                  
#hdr1 h1        {font-family:"Porky's", DomBold BT,  Hobo BT,  GlooGun,  Fat,  Poornut, Rockwell, Matura MT Script Capitals; font-size: xx-large; font-weight:bold ;
                 font-style:normal;
                 text-align: left;
                 position: relative; left: 0px; top:130px; padding : 0px 0px 0px 5px;
                 background-color :  white;
                 border-style:none; border-color: green;
                 width: 100%;
                 margin: 0px 0px 0px 10px; height:100%;
                  left:  0px; top: 0em;}   
                
#subheader h2  {font-family:"Porky's", DomBold BT,  Hobo BT,  GlooGun,  Fat,  Poornut, Rockwell, Matura MT Script Capitals; font-size: x-large; font-weight:bold ;
                 text-align:right; font-style:normal;
                 position: absolute; right: 0px; top:10px; padding: 0;
                 background-color : white;
                border-style:none; border-color: lime;
                width: 40%;
                margin: 35px 0px 0px 0px; height:40px;
                font-family:"Porky's", DomBold BT,  Hobo BT,  GlooGun,  Fat,  Poornut, Rockwell, Matura MT Script Capitals; color: #993300;   right:10px; top: 80px;}
#products
    {width: 100%;
        border-style: none ; border-color: red;
     margin: 10px 0px 0px 60px;
    padding : 0px 70px 2em 0px;
    text-align: left;
    }
    
    #main           {border-style:none; border-color: red; 
                 padding : 0px 70px 2em 0px;
                 margin: 30px 0px 0px 0px;
                 position: relative;
                 background-color: white; }
#nextpagebothways
{
    float: none;
    width: 700px;
    height: 20px;
    text-align: center;
    right: 10px;
    top: 10px;
    position: relative;
    border-style: none;
    border-color: blue;
    border-width: thin;
    background-color: papayawhip;
    margin: 20px 0px 0px 45px;
    padding: 0px 0px 10px 0px;
    vertical-align:  bottom;
} 

 #nextpagebothways img        {   width: 50px;
    height: 30px;
    vertical-align:middle;
    border: none;
    }   

#hdrphotos      { text-align: left;  border:  2px;
                  width: 900px; 
                  position: absolute; top: 10px; 
                  border-style:none; border-color:  Fuchsia;
                  margin: 0px 0px 0px 15px;
                  background-color : white; }


#sitenav        { width: 100%; text-align: left;    
                  margin: 0px 0px 0px 0px; text-indent: 0px;
                  padding: 15px 0px 10px 0px; background-color:white;
                  position: relative; top: 0px; right: 0px; left: 0px;
                  border-style: none ; border-color: green; border:  0px;
                  text-align: center;
                  }                  
#sitenav ul     { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 
                  display : inline; position: relative; text-indent: 0px;
                  border-style:dashed; border-color: black; border:  0px;
                   text-align: left; }
#sitenav li      { display :  inline;   text-indent: 0px;
                    padding : 0px 0px 0px 0px; font-size:x-small;
                    list-style-position: outside;
                    margin: 0px 0px 0px 0px;
                    text-align:   left;
                    border-style: solid;
                    width: 100%; 
                    border-width: 3px; 
                    border-left-color: papayawhip;   
                    border-top-color: papayawhip;
                    border-right-color:  burlywood;
                    border-bottom-color: burlywood;
                    padding: 0px;  margin: 0px;  color: Orange;
                   background-color:khaki;}
#sitenav li:last-child 
                { padding: left: 50px; border-left: none;
                  margin-left : 0; color: red; background-color:yellow; }
                  
#sitenav li a   {color:blue;   text-decoration: none; 
                  padding: 5px 4px 5px 4px; font-size: x-small;
                   }
#main           {border-style:none; border-color: red; 
                 padding : 0px 70px 2em 0px;
                 margin: 30px 0px 0px 0px;
                 position: relative;
                 background-color: white; }
                 
               
#content        {border-style: none; border-color: green; background-color: white; 
                 padding: 0px 0px 0px 0px;
                 margin: 40px 20px 0px 40px;}   
                 
#photo          { float: right;  width: 270px; height: 220px;
                width: 360px; height: 300px;
                  right: 50px; top: 0em;
                  border-style: none; border-color: blue;
                  margin: 10px 0px 0px 25px;
    }
    
#SmallPic          { float: right;  width: 162px; height: 100px;
                  right: 180px; top: 0em;
                  border-style: none; border-color: blue;
                  margin: 20px 0px 0px 15px;   
                 } 
                 
 #list              {list-style-type:  decimal; margin: 20px 0px 0px 15px;
    border-style:none; border-color: black; border:  1px;}  
                 
#list ol             { 
                        margin:  0px 0px 0px 0px; padding: 0px 0px 0px 0px; 
                  display : inline; position: relative; text-indent: 0px;
                  border-style:none; border-color: black; border:  1px;
                    text-align: center; } 
                    
#list ul                   {margin:  0px 0px 0px 0px; padding: 0px 0px 0px 0px; 
                  display : inline; position: relative; text-indent: 0px;
                  border-style:none; border-color: black; border:  1px;
                    text-align: center; }  
 #list div
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: inline;
    position: relative;
    text-indent: 0px;
    border-style: dotted;
    border-color: white;
    border: 1px;
    background-color: palegoldenrod;
    background-color: #ffff99;
    text-align: center;
    
}
#list  a:link          { color:blue;  text-decoration: none;  text-indent: 15px; font-size: small;}                    
                           
#sidebar        { position: absolute; width: 150px; 
                  margin: 0px 0px 0px 0px; height:100%;
                  left: 0em; top: 0em;}
                  
#sidebar ul     { list-style-type: none; margin: 0px 0 0em 0; 
                  background-color: #cccccc;
                   border-style :  none ;
                   border-color:Black } 
#sidebar li     { padding: 1px 10px 1px 10px;}  

#sidebar h3  {font-family: Arial, Verdana; font-size: x-small;  color: blue; font-style: normal;
               font-weight: bold ;margin: 5px 0px 0px 0px; 
                     text-decoration: none; text-indent: 0px;}
                                           
#sidebar li:last-child     { color:Maroon; margin: 10px 10px 100px 10px;}

#sidebar a:link  {color:blue; font-size: x-small;}
#sidebar a:visited  {color:blue; font-size: x-small;}
a:link          { color:blue;  text-decoration: none;  text-indent: 15px; font-size: small;}
a:visited          { color:purple; text-decoration: none;  text-indent: 15px; font-size: small;}

#intro  { background-color: white; border-style:none; border-color: white;
                 position: relative; width: 850px;}
#intro  p:first-letter        {font-size:xx-large; color:#993300; background-color: white ;}



#leftsidebar        { position: absolute; width: 250px; 
                  margin: 0px 0px 0px 0px; height:100%;
                  left: 0em; top: 0em;}
#leftsidebar ul     { list-style-type: none; margin: 0px 0 0em 0; 
                  background-color: moccasin;
                   border-style : none ;
                   border-color:Black } 
#leftsidebar li     { padding: 2px 10px 2px 10px;}  

#leftsidebar h3  {font-family: Arial, Verdana; font-size: x-small;  color: blue; font-style: normal;
               font-weight: bold ;margin: 5px 0px 0px 0px; 
                     text-decoration: none; text-indent: 0px;}
                                           
#leftsidebar li:last-child     { color:Maroon; margin: 10px 10px 100px 10px;}

#leftmidbar        { position: relative; width: 240px; 
                  margin: 0px 0px 0px 270px; height:100%;
                  left: 0em; top: 0em;}
#leftmidbar ul     { list-style-type: none; margin: 0px 0 0em 0; 
                  background-color:  peachpuff;
                   border-style :  none ;
                   border-color:Black } 
#leftmidbar li     { padding: 2px 10px 2px 10px;}  

#leftmidbar h3  {font-family: Arial, Verdana; font-size: x-small;  color: blue; font-style: normal;
               font-weight: bold ;margin: 5px 0px 0px 0px; 
                     text-decoration: none; text-indent: 0px;}
                                           
#leftmidbar li:last-child     { color:Maroon; margin: 10px 10px 100px 10px;}

#rightmidbar        { position: absolute; width: 240px; 
                  margin: 0px 0px 0px 530px; height:100%;
                  left: 0em; top: 0em;}
#rightmidbar ul     { list-style-type: none; margin: 0px 0 0em 0; 
                  background-color: moccasin;
                   border-style : none ;
                   border-color:Black } 
#rightmidbar li     { padding: 2px 10px 2px 10px;}  

#rightmidbar h3  {font-family: Arial, Verdana; font-size: x-small;  color: blue; font-style: normal;
               font-weight: bold ;margin: 5px 0px 0px 0px; 
                     text-decoration: none; text-indent: 0px;}
                                           
#rightmidbar li:last-child     { color:Maroon; margin: 10px 10px 100px 10px;}

#rightsidebar        { position: absolute; width: 250px; 
                  margin: 0px 0px 0px 800px; height:100%;
                  left: 0em; top: 0em;}
#rightsidebar ul     { list-style-type: none; margin: 0px 0 0em 0; 
                  background-color:  peachpuff;
                   border-style :  none ;
                   border-color:Black } 
#rightsidebar li     { padding: 2px 10px 2px 10px;}  

#rightsidebar h3  {font-family: Arial, Verdana; font-size: x-small;  color: blue; font-style: normal;
               font-weight: bold ;margin: 5px 0px 0px 0px; 
                     text-decoration: none; text-indent: 0px;}
                                           
#rightsidebar li:last-child     { color:Maroon; margin: 10px 10px 100px 10px;}

 
#nextpage        {text-align:center; 
                  float : right;  
                  width: 100px; 
                  height: 50px;
                  right: 180px; 
                  top: 0em;
                  border-style: none; 
                  border-color: blue;
                  margin: 20px 0px 0px 15px;}   
                 
#processheader     { padding: 185px 50px 0px 0px; 
                    position:relative ;
                     background-color   : white; color: #ff9933; 
                     border-style:dashed; border-color: red;
                                                             }
#gallery
    {border:none;
    margin: 10px;
    padding: 10px;
    text-align: left;
    font-size: medium;
    }
#gallery h2 {margin: 0;}
#gallery div {

         position:relative;
        border: 0px solid gray;
        margin: 10px;
        padding: 10px;
        width: 200px;
        height: 210px;
         vertical-align:middle;
        font-size: medium;
        float: left;
        clear: right;
        
        }
#gallery div a {vertical-align:middle;}

#gallery3
    {border:dotted;
    margin: 10px;
    padding: 10px;
    text-align: left;
    font-size: medium;
    }
#gallery3 h2 {margin: 0;}
#gallery3 div {

         position:relative;
        border: 1px solid gray;
        margin: 10px 0px 0px 0px;
        padding: 10px;
        width: 200px;
        height: 150px;
         vertical-align:middle;
        font-size: small;
        float: left;
        clear: right;
        
        }
#gallery3 div a {vertical-align:middle;}

#gallery4
    {border-style:none; border-color:yellow; border-width: 1px;
    margin: 0px 0px 0em 10px; 
    padding: 0px 0px 0em 0px;
    text-align: left;
    font-size: medium;
    width: 200px;
        height: 270px;
    }
#gallery4 h2 {margin: 0px 0px 0em 0px;


    border:none lime 1px;
    color: white;?}
#gallery4 div
{
    border-style: none;
    border-color: red;
    border-width: 1px;
    position: relative;
    border: 1px;
    margin: 20px 10px 0em 0px;
    padding: 20px 0px 0em 0px;
    width: 330px;
    height: 100px;
    vertical-align: middle;
    font-size: xx-small;
    float: left;
    clear: right;
    
}
#gallery4 div a {vertical-align:middle;}

#gallery42
    {border-style:dotted; border-color:yellow; border-width: 1px;
    margin: 0px 0px 0em 10px; 
    padding: 0px 0px 0em 0px;
    text-align: left;
    font-size: medium;
    
        height: 250px;
    }
#gallery42 h2 {margin: 0px 0px 0em 0px;
    border:dotted white 1px;
    color: white;}
#gallery42 div {

         border-style:dotted; border-color:yellow; border-width: 1px;
         position:relative;
        border: 0px;
        margin: 0px 0px 0em 0px; 
        padding: 0px;
        width: 250px;
        height: 120px;
         vertical-align: middle;
        font-size: medium;
        float: left;
        clear: right;
        
        }
#gallery42 div a {vertical-align:middle;}
#main2           {border-style:none; border-color: red; padding: 0px 50px 2em 0px;
                 margin: 20px 300px 10em 0px; 
                 position: relative;
                 background-color: white; } 

#onescreen        { position: relative; width: 400px; background-color: moccasin; 
                  margin: 0px 0px 0px 0px; height:500px;
                  border-style:none; border-color: red;
                  left: 0px; top: 0em;
                  font-size: small;}
#onescreen ul     { list-style-type: none; margin: 0px 0 0em 0; 
                  
                   border-style : none ;
                   border-color:Black } 
#onescreen li     { padding: 2px 10px 2px 10px;
                font-family: Arial, Verdana; font-size: small;  text-indent: 30px; color: black; font-style: normal;}  

#onescreen h3  {font-family: Arial, Verdana; font-size: large;  color: green; font-style: normal;
               font-weight: bold ;margin: 5px 0px 0px 0px; 
                     text-decoration: none; text-indent: 0px;}
                     
#onescreen a  { margin: 10px 0px 0px 0px; 
                color: blue;  text-decoration: none;    text-indent: 20px; font-size: small;
                }
                
#onescreenright        { position: absolute; width: 700px; background-color: moccasin; 
                  margin: 0px 0px 0px 0px; height:500px;
                  border-style:none; border-color: blue;
                  left: 300px; top: 0em;
                  font-size: small;}
#onescreenright ul     { list-style-type: none; margin: 0px 0 0em 0; 
                  
                   border-style : none ;
                   border-color:Black } 
#onescreenright li     { padding: 2px 10px 2px 10px;
                font-family: Arial, Verdana; font-size: small;  text-indent: 30px; color: black; font-style: normal;}  

#onescreenright h3  {font-family: Arial, Verdana; font-size: large;  color: green; font-style: normal;
               font-weight: bold ;margin: 5px 0px 0px 0px; 
                     text-decoration: none; text-indent: 0px;}
                     
             

#leftscreen        { position: absolute; width: 500px; 
                  margin: 0px 0px 0px 0px; height:100%;
                  left: 0em; top: 0em;
                  font-size: small;}
#leftscreen ul     { list-style-type: none; margin: 0px 0 0em 0; 
                  background-color: moccasin;
                   border-style : none ;
                   border-color:Black } 
#leftscreen li     { padding: 2px 10px 2px 10px;
                font-family: Arial, Verdana; font-size: small;  text-indent: 30px; color: black; font-style: normal;}  

#leftscreen h3  {font-family: Arial, Verdana; font-size: large;  color: green; font-style: normal;
               font-weight: bold ;margin: 5px 0px 0px 0px; 
                     text-decoration: none; text-indent: 0px;}
                     
#leftscreen a  { margin: 10px 0px 0px 0px; 
                color: blue;  text-decoration: none;    text-indent: 20px; font-size: small;
                }
                     
#rightscreen        { position: relative; width: 500px; 
                  margin: 0px 0px 0px 368px; height:100%;
                  left: 0em; top: 0em;}
#rightscreen ul     { list-style-type: none; margin: 0px 0 0em 0; 
                  background-color: moccasin;
                   border-style : none ;
                   border-color:Black } 
#rightscreen li     { padding: 2px 10px 2px 10px;
    vertical-align:middle;
                font-family: Arial, Verdana; font-size: medium;  color: gray; font-style: normal;}  

#rightscreen h3  {font-family: Arial, Verdana; font-size:  large;  color: red; font-style: normal;
               font-weight: bold ;
               margin: 5px 0px 0px 0px; 
               padding: 2px 10px 2px 10px;
                     text-decoration: none; text-indent: 0px;}
                     
#rightscreen a  { color:blue;  text-decoration: none;    text-indent: 30px; font-size: medium;}

#bottombar        { width: 100%;    
                  margin: 10px 0px 0px 0px; text-indent: 0px;
                  padding: 10px 0px 10px 0px; background-color:white;
                  position: relative; top: 0px; right: 0px; left: 0px;
                  border-style:dashed; border-color: green; border:  0px;
                  text-align: center;
                  }                  
#bottombar ul     { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 
                  display : inline; position: relative; text-indent: 0px;
                  border-style:dashed; border-color: black; border:  0px;
                   text-align: center; }
                   
#bottombar li      { display :  inline;   text-indent: -10px;
                    padding : 0px 0px 0px 0px; font-size:x-small;
                    
                    margin: 0px 2px 0px 2px;
                    text-align:   center;
                    
                    width: 100%; border-width: 1px; 
                    border-left-style:solid; border-left-color:Black;   
                   border-right-style:solid; border-right-color:Black;
                   background-color:khaki;}