/*    
        © Copyright 2009-2011 by Gary M. Winter.  All rights reserved.
*/

body {
        z-index: 0;
        background-color: black;   /*  seems to keep pages from blinking white sometimes when changing pages  */          
        margin-top: 0px;  
        margin-left: 0px;   
        margin-right: 0px;    
 }


a {     
        color:  rgb(158, 184, 158);    }
a:hover {     
        color:  #FFFFFF;   /* white;   if  #EEC058, links turn orange color on hovering  rgb(255, 192, 88)  */   
        border-color: #FFFFFF; }  
        
.InnerBody {
        z-index: 2;       
overflow: auto;  
       
        background-image: url('images/GWD 058 Misc Services 04.jpg');            
        background-repeat: no-repeat;
        margin-top: 0px;
        margin-bottom: 0px;        
        margin-left: 0px;
        width: 1000px;
        padding-top: 0px;  
        padding-bottom: 0px; 
        padding-left: 0px; 
        padding-right: 0px; 
        
        
        color: #FFFFFF;        /*  White text */    
        font-family: Times, serif;
}

.InnerBodyThumbs {
        z-index: 2;       
overflow: auto;  
       
        background-image: url('images/GWD 058 Misc Serv Thumbs 03.jpg');            
        background-repeat: no-repeat;
        margin-top: 0px;
        margin-bottom: 0px;        
        margin-left: 0px;
        width: 1000px;
        padding-top: 0px;  
        padding-bottom: 0px; 
        padding-left: 0px; 
        padding-right: 0px; 
        
        
        color: #FFFFFF;        /*  White text */    
        font-family: Times, serif;
}

        
.LeftField {
        z-index: 2;
        margin-top: 0px;
        margin-bottom: 0px;        
        margin-left: 0px;
        padding-top: 0px;  
        padding-bottom: 0px;         
        float: left;
        width: 240px;  
}        
        

   /*  Alternate rollover button method eliminates need for JavaScript  */ 
#HomeButton002 
{
        z-index: 4;  
        display: block;
        width: 113px;        
        height: 27px;

        background: url("images/HomeButton002.png" ) no-repeat 0 0;
        /*  image is relative to css place in directory structure  */ 
} 
#HomeButton002:hover 
{
        z-index: 4;  
        background-position: -113px 0px; 
} 


.HomeButton {
        z-index: 5;       
        float: left;
    /*       background-color: rgb(1,68,35);    CLEAR  */  
        margin-top: 279px;       
        margin-bottom: 0px;  
        margin-left: 77px;
        padding-top: 0px;     
        padding-left: 0px;  
        padding-bottom: 0px; 
        width: 113px;
        height: 27px;
}


    
.RightField {
        z-index: 5;         
        margin: 0px;
        margin-bottom: 0px;        
        margin-left: 0px;
        padding-top: 0px;          
        padding-bottom: 0px; 
        float: right;
        width: 760px; 
}

.BottomStringHome{
        width: 999px;
        z-index: 4;
        color: #9D8969;    /*  Light-Brown text    #9D8969*/    
        font-family: arial, sans-serif;
        font: arial;
        font-size: 14px;
        font-weight: bold;
        text-align: center; 
        line-height: 1.6;        
        padding-top: 102px;
        padding-left: 0px; 
        padding-right: 0px; 
        padding-bottom: 0px;         
        margin-top: 655px; 
        margin-bottom: 0px;   }
        



           


p.Paragraph001 {
        z-index: 5;
        color: #FFFFFF;      /*  white   rgb(255, 255, 255) */   
        font-family: Times, serif;

        font-size: 17px;
        font-weight: bold;        
        text-align: left;   
        line-height: 1.4;
        padding-top: 0px;
        padding-left: 15px; 
        padding-right: 15px; 
        padding-bottom: 12px;         
        margin: 0px;    }   

ul.BulletGWDG001 {

        font-family: Times, serif;

        vertical-align: top;
        font-weight: bold;
        line-height: 1.4;        
        padding-top: 0px;    
        margin-top: 0px;
        padding-right: 10px; 
        padding-left: 10px;  
        margin-left: 10px;
        margin-bottom: 4px;
  }  






<style type="text/css">

.RollOverGallery{
position: relative;
}

.thumbnail img{

padding: 10px;
border: 1px solid black;   /* Keeps Tumbnails from moving on hover  */
margin: 0px;

}

.thumbnail:hover{
background-color: transparent;

}

.thumbnail:hover img{
background-color: black;
border: 1px solid rgb(128,128,128);   /* Highlights what you're hovering over  */
/*  border-radius: 20px;  */
}

.thumbnail span{ /*Big pic*/
position: absolute;
background-color: transparent;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
left: -2000px;
/*  border: 1px solid white;   */
visibility: hidden;
font: arial;
color: white;
text-decoration: none;
}

.thumbnail span img{ /*Big pic*/
border-width: 0;
padding: 2px;

}

.thumbnail:hover span{ /*Big pic*/
position: absolute;
margin-top: 100px;

left: auto;       /* Sets position just to right of thumbnails  */
visibility: visible;
top: 0;
z-index: 24;

        font-family: arial, sans-serif;
        font: arial;
        font-size: 16px;
        font-weight: bold;
     /*   color:  rgb(158, 184, 158);   Light Green   */
        color: #9D8969;    /*  Light-Brown text    #9D8969*/  
}
</style>





<style>
        ul.HTML-CSS-Dropdown, 
        ul.HTML-CSS-Dropdown 
        ul
        {  list-style:none;             /*   Shows no bullet  */
        	 padding:0;
        	 margin:0; 
        	 position: relative;   }
		
        ul.HTML-CSS-Dropdown      /* MAIN MENU */
        li
        { list-style:none;               /*   Show no bullet  */
        	position: relative;           /*Keeps Sub-Menus aligned under Main  Menu */
          float: left;                      /*  Otherwise Main Menu stacks vertically   */
        	zoom: 1;                      /* IE supposedly requires this.  ???  */
        	background: #000000;  /*  Main Menu NO Hover Background Color*/
          /*      	border-style: outset;
        	          border-width: 1 px;
  	                 border-color:  rgb(54, 61, 54);   Trying a few variations*/
           }
        ul.HTML-CSS-Dropdown 
        li:hover
        { list-style:none;                   /*   Show no bullet  */
        	background: #000000;        /* BLACK Main Menu HOVERED Background Color */ 
          /*        	border-style: inset;    Trying a few variations*/
          }
        
        ul.HTML-CSS-Dropdown 
        li a
        {  /*Anchor element List Items*/
        	list-style:none;              /*   Show no bullet  */
         	display: block; 
        	padding-top: 5px; 
        	padding-bottom: 5px;         	
        	padding-left: 10px; 
        	padding-right: 10px;              	
        	color:  rgb(158, 184, 158);    /*   Medium light olive  */
          font-family: arial, sans-serif;
        	font-size: 18px;
        	font-weight: bold;
        	text-decoration: underline; 
        /*     	border-color:  rgb(54, 61, 54);  */
        }
        ul.HTML-CSS-Dropdown 
        li a:hover
        {/*Controls on Hovering */
        	list-style:none;    
         	display: block; 
        	padding-top: 5px; 
        	padding-bottom: 5px;         	
        	padding-left: 10px; 
        	padding-right: 10px;              	
        	color:  rgb(255,255,255);        /*  Makes text white on hover  */
        	font-family: arial, sans-serif;
        	font-size: 18px;
        	font-weight: bold;
        	text-decoration: none;              /*  Turns off underline on hover for cue and effect */
        	}      
              
              
        ul.HTML-CSS-Dropdown        /*   DROPDOWNS  or Sub-Menus  */
        ul 						
        { list-style:none;    
        	display:none;                         /* Menu hidden, except on hover of course*/
        	position: absolute;                  /*    Otherwise Sub-Menus will shift Main Menu.  */
			    width: 110%; 			
        	border: 0px;                /* Next lines control how Sub-Menus look */
          /*    	border:1px solid #FFFFFF;   Puts a white 1px border around Sub-Menus  */
        	padding-top: 1px;                  /* Controls how far Sub-Menu is below Main Menu   */
        	padding-bottom: 1px;
          padding-left: 1px;
          padding-right: 1px;
          /*      	background:      You can put a background Sub-Menu color here */
		     	top: 100%;                           /*  Also controls how far Sub-Menu is below Main Menu  
		     	Make "top" too large and hovering won't work  because you'll be out of the field   */
        	left: 0;      
        	}
               
        ul.HTML-CSS-Dropdown 
        ul li
        { width: 100%;                /*  Override for individual widths in html  */
        	 list-style:none;    
        	background: #000000;   /*  Sub-Menus Background Color   */ 
        	color:  rgb(158, 184, 158);
			    /*    border-bottom: 1px solid #DDDDDD;   */
			    float: none; 
			    }
									  
        ul.HTML-CSS-Dropdown 
        ul li a
        { list-style:none;    
        	width: 100%; 
        	display: block; 
        	color:  rgb(158, 184, 158);
        	} 
        
        /*       Displays the Sub Menu on hover    */
        ul.HTML-CSS-Dropdown 
        li:hover > ul 			
        { display:block;
        }
</style>