﻿body
{   
    width: 900px;
    margin: 10px 0px 10em 100px;
    padding: 0;
    text-align: left;
    border-style: none;
    border-left: 0px solid black;
    border-top: 0px solid black;
    border-right: 0px solid black;
    border-bottom: 0px solid black;
    background-color: white;
    font-family: Arial, Verdana;
    font-size: small;
    position: static;
}
                  
h1  {font-family: Arial, Verdana; font-size:  x-large; font-weight: bold ; color:Purple; font-style: oblique; 
            color:#993300; margin : 5px 0px 10px 0px; 
                     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 : 20px 0px 15px 0px; 
                     text-decoration: none; text-indent: 0px;} 
                     
                                       
h3  {font-family: Arial, Verdana; font-size: larger; font-weight: bolder ;  font-style:oblique; 
            color:#993300;  margin : 15px 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: small; font-weight:bold ;  color: Green; margin: 0px 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: 10px;
}                
table           {table-layout:fixed;
                 width: 90%;
                 padding: 0px;
                 border-width: thin;
                 border-color: red;
                 border-spacing: 5px;
                 empty-cells: show;
                 border-collapse:separate;
                 text-align:left;}
td, th          {width: 10%;
                 border: 2px none gray;
                 vertical-align:top;
                 text-align:left;
                 border-width: thick;
}
                 
col#task          { width:20%;
                  background-color:papayawhip;
                  text-decoration: blink;
                  font-weight: normal;
                  padding: 5px 0px 5px 10px;
                   text-indent: 0px; }                 

                
col#notes       { width:50%;
                  background-color:moccasin; 
                  padding: 5px 0px 5px 10px; }                 
col#needed      { width:30%;
                  background-color :peachpuff; 
                  padding: 5px 0px 5px 15px;}


ul {list-style-type: circle;color:black;    
                  padding: 5px;
                   }

#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; }

#hdrphoto      { text-align: center;  border:  1px;
                   margin: 0px 0px 0px 15px;
                  position: absolute; top: 10px; 
                  border-style:none; border-color: green;
                  width: 900px; 
                  background-color : white; }
                  
#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 20px; 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;
                    font-size:x-small;
                    list-style-position: outside;
                    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: 3px 2px 3px 2px;  
                    margin: 0px 0px 0px 0px;  color: white;
                   background-color:khaki;}
#sitenav li:last-child 
                { padding: left: 50px; border-left: none;
                  margin-left : 0; color: red; background-color:khaki; }
                  
#sitenav li a   {color:blue;   text-decoration: none; 
                  padding: 3px 2px 3px 2px; font-size: x-small;
                   }
#main            {border-style:none; border-color: red; padding: 0px 50px 2em 10px;
                 width: 100%; 
                 margin: 0px 0px 0em 10px; 
                 position: relative;
                 background-color: white; }
                 
#content        {border-style: dotted; border-color: white; background-color: white; 
                 padding: 0px 0px 0px 0px;
                 margin: 10px 20px 0px 0px;
                 text-align: left;
                 width: 900px;}                 
                  
#gotogallery    { float: right;  width: 200px; height: 200px;
                  right: 150px; top: 0em;
                  border-style: none; border-color: blue;
                  margin: 10px 0px 0px 25px;
    }
    
#gotogallery div   { float: right;  width: 200px; height: 150px;
                   background-color: papayawhip; 
                   border-style: none; border-color: blue;
                  margin: 10px 0px 0px 25px;
    }
    

                   
#nextpage        {text-align:right; 
                  float : right;  
                  width: 250px; 
                  height: 30px;
                  right: 180px; 
                  top: 0em;
                  background-color: papayawhip;
                  border-style: none; 
                  border-color: blue;
                  margin: 20px 0px 0px 15px;}                   
 #nextpage img        {   width: 50px;
    height: 30px;
    vertical-align:middle;
    border: none;
    }  
#nextpagebothways
{
    float: none;
    width: 750px;
    height: 20px;
    text-align: center;
    right: 10px;
    top: 10px;
    position: relative;
    border-style: none;
    border-color: blue;
    border-width: thin;
    background-color: papayawhip;
    margin: 15px 0px 0px 15px;
    padding: 0px 0px 10px 0px;
    vertical-align:  bottom;
}     
 #nextpagebothways img        
        {   width: 50px;
            height: 30px;
            vertical-align:middle;
            border: none;
                            }
          
     
#previouspage     {
    float: none;
    width: 250px;
    height: 20px;
    text-align: left;
    right: 10px;
    top: 10px;
    position: relative;
    border-style: none;
    border-color: blue;
    border-width: thin;
    background-color: papayawhip;
    margin: 50px 0px 0px 15px;
    padding: 0px 0px 10px 0px;
    vertical-align:  bottom;
} 
 #previouspage img        
 {   width: 50px;
    height: 30px;
    background-color: papayawhip;
    vertical-align:middle;
    border: none;
    }                            
                            
#SmallPic          { float: right;  width: 162px; height: 100px;
                  right: 180px; top: 0em;
                  border-style: none; border-color: blue;
                  margin: 20px 0px 0px 15px;   
                 } 
#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: 2px 10px 2px 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;}

a:link          { color:blue;  text-decoration: none;  text-indent: 0px; font-size: small;}
a:visited          { color:blue; text-decoration: none;  text-indent: 0px; font-size: small;}


                 
#processheader     { width:100%;padding: 165px 50px 0px 0px;
                    height: 50px;
                     position:relative ;
                     background-color   : white; color: #ff9933; 
                     border-style:none; border-color: white;
                     }
                     
                     
#mainheaders     { width:100%; padding: 105px 0px 0px 0px; 
                    text-align: left; position:relative ;
                     background-color   : white; color: #ff9933; 
                     border-style: none; border-color: red;
                     }

   
#hdr1 h1        {font-family:"Porky's", DomBold BT,  Hobo BT,  GlooGun,  Fat,  Poornut, Matura MT Script Capitals, Cooper Black; font-size: xx-large; font-weight:bold ;
                 font-style:normal;
                 text-align: left;
                 position: relative;  
                 padding : 0px 0px 0px 5px;
                 background-color :  white;
                 border-style:none; border-color: green;
                 width: 100%;
                 margin: 0px 0px 0px 10px; 
                 }
#hdr1 h1        {font-family:"Porky's", DomBold BT,  Hobo BT,  GlooGun,  Fat,  Poornut, Matura MT Script Capitals, Cooper Black; 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, Matura MT Script Capitals, Cooper Black; font-size: x-large; font-weight:bold ;
                padding: 95px 50px 0px 0px;  font-style:normal;
                text-align:right;
                position: absolute; right: 0px; top:400px; padding: 0;
                                    background-color : white;
                border-style:dashed; border-color: white;
                width: 400px;
                margin: 90px 25px 0px 0px; height:40px;
                font-family:"Porky's", DomBold BT,  Hobo BT,  GlooGun,  Fat,  Poornut, Matura MT Script Capitals, Cooper Black; color: #993300;   right:10px; top: 80px;}
                  

#gallery
    {border-style: none ; border-color: red;
    margin: 10px;
    padding: 30px;
    text-align:   left;
    
    }
#gallery h2 {margin: 0;}
#gallery div {
        position:relative;
        border: 1px solid gray; border-style: none;
        margin: 20px;
        padding: 10px 20px 0px 20px;
        width: 350px;
        height: 260px;
        vertical-align: middle;
        font-size: small;
        float:  left;
        clear: right;
        }

#gallery h2 {clear: both;}

#bottombar        { width: 100%;    
                  margin: 20px 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: 0%; border-width: 1px; 
                    border-left-style:solid; border-left-color:Black;   
                   border-right-style:solid; border-right-color:Black;
                   background-color:khaki;}
