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

 /*  
 
       Light Blue: #00b2dd
 
        Light-Brown text, the main text of the site             color: #A38B62 CHANGE TO color: #9D8969 
     rgb 163,139,98   changes to  rgb 157,137,105
          
        Lighter Brown text for larder Headline Text          color: #D2B48C CHANGE TO color: #CBB193 
     rgb 210,180,140   changes to  rgb 203,177,147
        
        Lighter tan color of text in links                              color: #E7C69A CHANGE TO color: #DFC3A3 
     rgb 231,198,154   changes to  rgb 223,195,163       
        
        Titles and Bars (hr)                                                 color: #7D6546  CHANGE TO color: #77644D
     rgb 125,101,70   changes to  rgb 119,100,77      
 */   



input.inputRight{
         text-align:right;
         } 

input.inputCenter{
         text-align:center;
         } 


div.nobr	{ white-space:nowrap; }

 

img.FloatLeft {
        float: left;
}


img.Mid-Line {
        vertical-align: middle;
}


.BackButton { 
      padding: 2px; background-color: #9D8969; border-radius: .3em; cursor: pointer;
	font-family: arial; font-weight: bold; font-size: 16px; 
	color: #DDDDDD;
	text-shadow: 2px 2px #000000;
	border: solid 1px #999999;
	background: #9D8969;
	background: -webkit-gradient(linear, left top, left bottom, from(#BFAB8B), to(#55422B));
	background: -moz-linear-gradient(top,  #BFAB8B,  #55422B);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#BFAB8B', endColorstr='#55422B');}

.BackButton:hover {
      color: #CCCCCC;
      text-shadow: -1px -1px #000000;
	background: #9D8969;
	background: -webkit-gradient(linear, left top, left bottom, from(#7B6747), to(#44311A));
	background: -moz-linear-gradient(top,  #7B6747,  #44311A);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7B6747', endColorstr='#44311A');
}


#Button001 a {
        text-decoration : none;
        display: block;
        width: 84px;        
        height: 22px;
        overflow: hidden;      
        padding: 0px;
        margin: 0px;
} 
#Button001 a:hover {
        text-decoration : none;
        display: block;
        text-indent: -84px;
        padding: 0px;
        margin: 0px;        
} 


   /*  Alternate rollover button method eliminates need for JavaScript  */ 
#Button002 
{
        display: block;
        width: 84px;        
        height: 22px;

        background: url("images/Button-'BUY' New 001.gif" ) no-repeat 0 0;
        /*  image is relative to css place in directory structure  */ 
} 
#Button002:hover 
{
        background-position: -84px 0px; 
} 





#ButtonCatalog 
{
        display: block;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-bottom: 0px;        
        width: 132px;        
        height: 25px;
        background: url("images/Catalog Button 003.png" ) no-repeat 0 0;
        /*  image is relative to css place in directory structure  */ 
} 
#ButtonCatalog:hover 
{
        background-position: -132px 0px; 
} 


#Button005 {
        text-decoration: none; 
        background-color:#000000;
        border: solid 3px #AAAAAA;
} 
#Button005:hover {
        text-decoration: none; 
        background-color:#000000;        
        border: solid 3px #FFFFFF;
} 


#RollOverEarthInfoStructure {
/*    
      Note that this is not an anchor element.
      See implementation in   earthinfo.htm
*/
        z-index: 6;
        position: absolute;
        left: 746px;
        top: 49px;    
        text-decoration : none;
        display: block;
        width: 243px;        
        height: 224px;
        overflow: hidden;      
        padding: 0px;
        margin: 0px;
} 
#RollOverEarthInfoStructure:hover {
        text-decoration : none;
        display: block;
        text-indent: -243px;
        padding: 0px;
        margin: 0px;        
} 


#RollOverMoonInfoStructure {
        display: block;
        width: 402px;        
        height: 287px;
        margin-left: 0px;
        background: url("images/MoonInfoStructure 004.jpg" ) no-repeat 0 0;
        /*  image is relative to css place in directory structure  
        so it must be in main images folder*/ 
} 
#RollOverMoonInfoStructure:hover {
        background-position: -402px 0px; 
} 


#RollOverMoonFeatures {
        display: block;
        width: 940px;        
        height: 940px;
        margin-left: 0px;
        background: url("images/MoonFeatures 001.jpg" ) no-repeat 0 0;
        /*  image is relative to css place in directory structure  
        so it must be in main images folder*/ 
} 
#RollOverMoonFeatures:hover {
        background-position: -940px 0px; 
} 



#RollOverMercuryInfoStructure {
/*   Note that this is not an anchor element.   */
        z-index: 6;
        position: absolute;
        left: 798px;
        top: 116px;    
        text-decoration : none;
        display: block;
        width: 202px;        
        height: 256px;
        overflow: hidden;      
        padding: 0px;
        margin: 0px;
} 
#RollOverMercuryInfoStructure:hover {
        text-decoration : none;
        display: block;
        text-indent: -202px;
        padding: 0px;
        margin: 0px;        
} 


#RollOverVenusInfoStructure {
/*   Note that this is not an anchor element.   */
        z-index: 6;
        position: absolute;
        left: 750px;
        top: 116px;    
        text-decoration : none;
        display: block;
        width: 239px;        
        height: 222px;
        overflow: hidden;      
        padding: 0px;
        margin: 0px;
} 
#RollOverVenusInfoStructure:hover {
        text-decoration : none;
        display: block;
        text-indent: -239px;
        padding: 0px;
        margin: 0px;        
} 


#RollOverMarsInfoStructure {
/*   Note that this is not an anchor element.   */
        z-index: 6;
        position: absolute;
        left: 706px;
        top: 136px;    
        text-decoration : none;
        display: block;
        width: 301px;        
        height: 158px;
        overflow: hidden;      
        padding: 0px;
        margin: 0px;
} 
#RollOverMarsInfoStructure:hover {
        text-decoration : none;
        display: block;
        text-indent: -301px;
        padding: 0px;
        margin: 0px;        
} 


#RollOverJupiterInfoStructure {
/*   Note that this is not an anchor element.   */
        z-index: 6;
        position: absolute;
        left: 635px;
        top: 146px;    
        text-decoration : none;
        display: block;
        width: 278px;        
        height: 176px;
        overflow: hidden;      
        padding: 0px;
        margin: 0px;
} 
#RollOverJupiterInfoStructure:hover {
        text-decoration : none;
        display: block;
        text-indent: -278px;
        padding: 0px;
        margin: 0px;        
} 


#RollOverSaturnInfoStructure {
/*   Note that this is not an anchor element.   */
        z-index: 6;
        position: absolute;
        left: 702px;
        top: 98px;    
        text-decoration : none;
        display: block;
        width: 195px;        
        height: 158px;
        overflow: hidden;      
        padding: 0px;
        margin: 0px;
} 
#RollOverSaturnInfoStructure:hover {
        text-decoration : none;
        display: block;
        text-indent: -195px;
        padding: 0px;
        margin: 0px;        
} 


#RollOverUranusInfoStructure {
/*   Note that this is not an anchor element.   */
        z-index: 6;
        position: absolute;
        left: 724px;
        top: 145px;    
        text-decoration : none;
        display: block;
        width: 258px;        
        height: 173px;
        overflow: hidden;      
        padding: 0px;
        margin: 0px;
} 
#RollOverUranusInfoStructure:hover {
        text-decoration : none;
        display: block;
        text-indent: -258px;
        padding: 0px;
        margin: 0px;        
} 


#RollOverNeptuneInfoStructure {
/*   Note that this is not an anchor element.   */
        z-index: 6;
        position: absolute;
        left: 704px;
        top: 192px;    
        text-decoration : none;
        display: block;
        width: 280px;        
        height: 181px;
        overflow: hidden;      
        padding: 0px;
        margin: 0px;
} 
#RollOverNeptuneInfoStructure:hover {
        text-decoration : none;
        display: block;
        text-indent: -280px;
        padding: 0px;
        margin: 0px;        
} 


#RollOverHome a {
        z-index: 6;
        position: absolute;
        left: 281px;
        top: 100px;    
        text-decoration : none;
        display: block;
        height: 25px;
        width: 77px;        
        overflow: hidden;      
        padding: 0px;
        margin: 0px;
} 
#RollOverHome a:hover {
        text-decoration : none;
        display: block;
        text-indent: -77px;
        padding: 0px;
        margin: 0px;        
} 



#RollOverIntro a {
        z-index: 6;
        position: absolute;
        left: 362px;
        top: 100px;    
        text-decoration : none;
        display: block;
        width: 79px;
        height: 25px;
        overflow: hidden;      
        padding: 0px;
        margin: 0px;
} 
#RollOverIntro a:hover {
        text-decoration : none;
        display: block;
        text-indent: -79px;
        padding: 0px;
        margin: 0px;        
} 


#RollOverNews a {
        z-index: 6;
        position: absolute;
        left: 445px;
        top: 100px;    
        text-decoration : none;
        display: block;
        width: 76px;
        height: 25px;
        overflow: hidden;      
        padding: 0px;
        margin: 0px;
} 
#RollOverNews a:hover {
        text-decoration : none;
        display: block;
        text-indent: -76px;
        padding: 0px;
        margin: 0px;        
} 


#RollOverGallery a {
        z-index: 6;
        position: absolute;
        left: 525px;
        top: 100px;    
        text-decoration : none;
        display: block;
        width: 109px;
        height: 25px;
        overflow: hidden;      
        padding: 0px;
        margin: 0px;
} 
#RollOverGallery a:hover {
        text-decoration : none;
        display: block;
        text-indent: -109px;
        padding: 0px;
        margin: 0px;        
}  


#RollOverOurShop a {
        z-index: 6;
        position: absolute;
        left: 638px;
        top: 100px;    
        text-decoration : none;
        display: block;
        width: 127px;
        height: 25px;
        overflow: hidden;      
        padding: 0px;
        margin: 0px;
} 
#RollOverOurShop a:hover {
        text-decoration : none;
        display: block;
        text-indent: -127px;
        padding: 0px;
        margin: 0px;        
}  


#RollOverFreebies a {
        z-index: 6;
        position: absolute;
        left: 769px;
        top: 100px;    
        text-decoration : none;
        display: block;
        width: 115px;
        height: 25px;
        overflow: hidden;      
        padding: 0px;
        margin: 0px;
} 
#RollOverFreebies a:hover {
        text-decoration : none;
        display: block;
        text-indent: -115px;
        padding: 0px;
        margin: 0px;        
}  


#RollOverTips a {
        z-index: 6;
        position: absolute;
        left: 888px;
        top: 100px;    
        text-decoration : none;
        display: block;
        width: 64px;
        height: 25px;
        overflow: hidden;      
        padding: 0px;
        margin: 0px;
} 
#RollOverTips a:hover {
        text-decoration : none;
        display: block;
        text-indent: -64px;
        padding: 0px;
        margin: 0px;        
}  


#RollOverLearningCtr a {
        z-index: 6;
        position: absolute;
        left: 280px;
        top: 129px;    
        text-decoration : none;
        display: block;
        width: 167px;
        height: 25px;
        overflow: hidden;      
        padding: 0px;
        margin: 0px;
} 
#RollOverLearningCtr a:hover {
        text-decoration : none;
        display: block;
        text-indent: -167px;
        padding: 0px;
        margin: 0px;        
}  


#RollOverHelp a {
        z-index: 6;
        position: absolute;
        left: 450px;
        top: 129px;    
        text-decoration : none;
        display: block;
        width: 71px;
        height: 25px;
        overflow: hidden;      
        padding: 0px;
        margin: 0px;
} 
#RollOverHelp a:hover {
        text-decoration : none;
        display: block;
        text-indent: -71px;
        padding: 0px;
        margin: 0px;        
}  


#RollOverLinks a {
        z-index: 6;
        position: absolute;
        left: 526px;
        top: 129px;    
        text-decoration : none;
        display: block;
        width: 79px;
        height: 25px;
        overflow: hidden;      
        padding: 0px;
        margin: 0px;
} 
#RollOverLinks a:hover {
        text-decoration : none;
        display: block;
        text-indent: -79px;
        padding: 0px;
        margin: 0px;        
}  


#RollOverCredits a {
        z-index: 6;
        position: absolute;
        left: 609px;
        top: 129px;    
        text-decoration : none;
        display: block;
        width: 107px;
        height: 25px;
       overflow: hidden;      
        padding: 0px;
        margin: 0px;
} 
#RollOverCredits a:hover {
        text-decoration : none;
        display: block;
        text-indent: -107px;
        padding: 0px;
        margin: 0px;        
}  


#RollOverLegal a {
        z-index: 6;
        position: absolute;
        left: 719px;
        top: 129px;    
        text-decoration : none;
        display: block;
        width: 87px;
        height: 25px;
        overflow: hidden;      
        padding: 0px;
        margin: 0px;
} 
#RollOverLegal a:hover {
        text-decoration : none;
        display: block;
        text-indent: -87px;
        padding: 0px;
        margin: 0px;        
}  


#RollOverContactUs a {
        z-index: 6;
        position: absolute;
        left: 811px;
        top: 129px;    
        text-decoration : none;
        display: block;
        width: 141px;        
        height: 25px;
        overflow: hidden;      
        padding: 0px;
        margin: 0px;
} 
#RollOverContactUs a:hover {
        text-decoration : none;
        display: block;
        text-indent: -141px;
        padding: 0px;
        margin: 0px;        
}  


a {     
        color:  #DFC3A3;   /*  #DFC3A3;  lighter tan color of text in links */   }
a:hover {     
        color:  #FFFFFF;   /* white;   if  #EEC058, links turn orange color on hovering  rgb(255, 192, 88)  */   
        border-color: #FFFFFF; }  
        
a.darkertan {     
          color:  #CBB193;    /* regular tan color of text in links */   }
          
          
a.ParagraphMenu {     
        color:  #000000;  
        text-decoration: none;
         }
a.ParagraphMenu:hover {     
        color:  #FFFFFF;   /* white  */   
        text-decoration: underline; 
        }            

          
a.BlueAnch {     
        color:  #00B2DD; 
        text-decoration: underline; 
         }
a.BlueAnch:hover {     
        color:   #FFFFFF; 
        text-decoration: underline; 
        }     


          
a.frmi {     
        color:  #00B2DD; 
        text-decoration: none;
         }
a.frmi:hover {     
        color:   #00B2DD; 
        text-decoration: none;
        }     



        
.BelowMenuBar {
        z-index: 7;
        position: absolute;
        top: 195px;
        left: 256px;
        width: 700px;
        height: 1000px;
        color: #9D8969;      /*  Light-Brown text    #9D8969*/   
        font-family: arial, sans-serif;
        font: arial;
        font-size: 14px;
        text-align: left;     
        line-height: 1.4;   
        padding: 20px;  }        

.BelowMenuBarShallowBanr {
        z-index: 7;
        color: #9D8969;      /*  Light-Brown text    #9D8969*/   
        position: absolute;
        top: 190px;
        left: 275px;
        width: 604px;
        font: arial;
        font-size: 42px;
        font-weight: bold;
        text-align: left;  
        padding-top: 5px;
        padding-left: 15px; 
        padding-right: 15px;    
        margin: 0px;  }
         /*  This is for the titles of pages with 3 columns of text:  News, Intro etc. */       
         
.BelowMenuBarDropShadowBanr {
        z-index: 6;
        position: absolute;
        top: 191px;
        left: 276px;
        width: 602px;
        font: arial;
        font-size: 42px;
        color: white;
        font-weight: bold;
        text-align: left;  
        padding-top: 5px;
        padding-left: 15px; 
        padding-right: 15px;       
        margin: 0px;  }
         /*  This is for the titles of pages with 3 columns of text:  News, Intro etc. */                
         

        
.BelowMenuBarShallow {
        z-index: 7;
        color: #9D8969;      /*  Light-Brown text    #9D8969*/   
        position: absolute;
        top: 206px;
        left: 268px;
        width: 604px;
        font: arial;
        font-size: 42px;
        font-weight: bold;
        text-align: left;  
        padding-top: 5px;
        padding-left: 15px; 
        padding-right: 15px;    
        margin: 0px;  }
         /*  This is for the titles of pages with 3 columns of text:  News, Intro etc. */       
         
.BelowMenuBarDropShadow {
        z-index: 6;
        position: absolute;
        top: 207px;
        left: 269px;
        width: 602px;
        font: arial;
        font-size: 42px;
        color: white;
        font-weight: bold;
        text-align: left;  
        padding-top: 5px;
        padding-left: 15px; 
        padding-right: 15px;       
        margin: 0px;  }
         /*  This is for the titles of pages with 3 columns of text:  News, Intro etc. */                
         

body {
        z-index: -1;
        background-image: url('images/StarsTop Background.gif');  
        background-color: black;   /*  seems to keep pages from blinking white sometimes when changing pages  */
        background-position: center;        
        color: #9D8969;
        /*  Light-Brown text */    
        font-family: arial, sans-serif;
        font: arial; 
         }
        
        
.InnerCenterBody {
      z-index: 1;
  /*       background-color: red;  
      background-image: url('images/Red.gif');    */    
      position: relative; 

      top: 0px;
      width: 1016px ;
      margin-left: auto ;
      margin-right: auto ;
      margin-top: -8px;
}
        
 
.CreditsAnimation {
        z-index: 6;
        position: absolute;
        left: 842px;
        top: 163px;        
        width: 84px;
        height: 85px;
        padding: 0px;
        margin: 0px;  }

.DescenderAnimation {
        z-index: 17;
        position: absolute;
        left: 854px;
        top: 177px;        
        width: 56px;
        height: 56px;
        padding: 0px;
        margin: 0px;  }

.FloatingExclamationLeft {
        float: left;
        width: 42px;
        padding: 15 px;
        margin-top: 5; }

.FreebiesGIF {
        z-index: 10;
        position: absolute;
        left: 841px;
        top: 172px;   
        padding: 0px;
        margin: 0px;  }

.HelpAnimation {
        z-index: 7;
        position: absolute;
        left: 845px;
        top: 169px;        
        width: 75px;
        height: 71px;
        padding: 0px;
        margin: 0px;
} 
      
/* .Hubble {
                z-index: 7;
                position: relative;  
                float: right;
                right: 0px;
                padding: 0px;
                margin-top: 449px   }   */

.IdaAnimation {
        z-index: 7;
        position: absolute;
        left: 839px;
        top: 182px;        
        width: 100px;
        height: 46px;
        padding: 0px;
        margin: 0px;   }

img.blackborder {    
      border-style: solid;    
      border-color: #000000;  }
img.blackborder:hover {          
        border-color: #9D8969; } 



img.tanborder {    
      border-style: solid;    
      border-color: #9D8969;  }
img.tanborder:hover {          
        border-color: #DFC3A3; } 
        
 img.TanBorderNoAnchor {    
      border-style: solid;    
      border-color: #9D8969;  }
        
.IntroPoleStars {
        z-index: 8;
        position: absolute;
        left: 827px;
        top: 163px;        
        width: 114px;
        height: 85px;
        padding: 0px;
        margin: 0px;  }

.KeyDescenderPics {
        z-index: 4;
        position: absolute;
        left: 814px;
        top: 159px;        
        width: 144px;
        height: 98px;
        padding: 0px;
        margin: 0px;   }

.KeyEnd {
        z-index: 3;
        position: absolute;
        left: 972px;
        top: 91px;        
        width: 13px;
        height: 72px;
        padding: 0px;
        margin: 0px;  }

.KeyMaskClass {
        z-index: 6;
        position: absolute;
        left: 827px;
        top: 163px;        
        width: 114px;
        height: 85px;
        padding: 0px;
        margin: 0px;  }

.KeyMaskClassForward {
        z-index: 7;
        position: absolute;
        left: 827px;
        top: 163px;        
        width: 114px;
        height: 85px;
        padding: 0px;
        margin: 0px;  }
        
.LeftPanel2 {
        z-index: 7;
        position: absolute;
        top: 248px;
        left: 8px;
        width: 256px;
        padding: 0px;  }    /*  on home page; raises "WELCOME . . .  */
               

.LeftPanel2Background {
        z-index: 1;
        position: absolute;
        top: 248px;
        left: 15px;
        width: 226px;
        color: #DFC3A3;
        opacity: .10;
        /*  height: 600px; */   
        padding: 0px;  }        

.LowerLeftPanel {
        position: absolute;
        top: 256px;
        left: 0px;
        width:256px;
        height: 800px;  }   /*  on home page  */
        





.MenuWholeTop {
        /*  This is the top row of menu buttons */    
        z-index: 3;
        position: absolute;
        left: 256px;
        top: 91px;        
        width: 716px;
        height: 35px;
        padding: 0px;
        margin: 0px;
}

.MenuWholeBottom {
        /*  This is the bottom row of menu buttons */    
        z-index: 3;
        position: absolute;
        left: 256px;
        top: 128px;        
        width: 716px;
        height: 35px;
        padding: 0px;
        margin: 0px;
}

.Galaxy {
        /*  This is the top row of menu buttons */    
        z-index: 6;
        position: absolute;
        left: 668px;
        top: 170px;        
        width: 94px;
        height: 76px;
        padding: 0px;
        margin: 0px;
}
        
                
.MenuHighlight {
        z-index: 5;
        position: absolute;
        top: 91px;   
        left: 256px;
        width: 716px;
        height: 4px;
        padding: 0px;
        margin: 0px;        
  }

.MenuLowlight {
        z-index: 5;
        position: absolute;
        top: 159px;    
        left: 256px;
        width: 716px;
        height: 4px;
        padding: 0px;
        margin: 0px;        
 }        

.MenuMain {
        z-index: 1;
        position: absolute;
        top: 95px;
        left: 256px;
        width: 724px;
        height: 64px;   }
/*         background-image: url('images/Menu Bar Main 002.jpg');  
OLD  Since it was applied last, it put a black box around main menu buttons as page loaded.  Instead, now loaded in html pages */        
        
/* .Moon {
                z-index: 6;
                position: relative;  
                float: right;
                right: 0px;
                padding: 0px;
                margin: 0px;  }   */
                
.MoonPhaseAnimation {
        z-index: 7;
        position: absolute;
        left: 855px;
        top: 178px;        
        width: 54px;
        height: 53px;
        padding: 0px;
        margin: 0px;  }                

.OurShopAnimation {
        z-index: 8;
        position: absolute;
        left: 845px;
        top: 167px;        
        width: 78px;
        height: 78px;
        padding: 0px;
        margin: 0px;  }
        
.LearningCtrAnimation {
        z-index: 7;
        position: absolute;
        left: 845px;
        top: 169px;        
        width: 75px;
        height: 71px;
        padding: 0px;
        margin: 0px;  }        

.StarsBottom {
        z-index: 2;
        position: absolute;
        top: 281px;
        left: 0px;
        width: 994px;
        height: 559px; }
        
.StarsBottomSmallLogoPage {
        z-index: 1;
        position: absolute;
        top: 170px;
        left: 0px;
        width: 994px;
        height: 510px; }        


.SmallMenu {
        z-index: 12;
        position: absolute;
        left: 291px;
        top: 9px;
        width:703px;
        height: 49px; }

.StarsTop {
        z-index: 2;
        position: absolute;
        top: 65px;
        left: 279px;
        width:723px;
        height: 302px; }
        
.StarsTopSmallLogo {
        z-index: 3;
        position: absolute;
        top: 65px;
        left: 279px;
        width:723px;
        height: 100px; }        
        
.StarsTopSmallLogo4Posters {
        z-index: 3;
        position: absolute;
        top: 65px;
        left: 279px;
        width:723px;
        height: 82px; }             
        
.StarsLeftSmallLogo{
        z-index: 2;
        position: absolute;
        top: 170px;
        left: 0px;
        width: 121px;
        height: 559px; }       
        
.StarsRightSmallLogo{
        z-index: 2;
        position: absolute;
        top: 170px;
        left: 880px;
        width: 121px;
        height: 559px; } 
        
        
.HoverTouchTap{
        z-index: 5;
        position: absolute;
        top: 250px;
        left: 684px;
        width: 256px;
        height: 108px; }         

.HoverTouchTap2{
        z-index: 5;
        position: absolute;
        top: 162px;
        left: 174px;
        width: 800px;
        height: 800px; }   


.PosterFieldLarge01{
        z-index: 7;
        position: absolute;
        left: 149px;
        top: 150px;
        width: 716px;
/*        height: 480px; */} 


.PosterFieldBehind{
        z-index: 0;
        position: absolute;
        left: 152px;
        top: 152px;
        width: 712px;
        height: 476px; } 

.GalleryPicFieldLarge01{
        z-index: 7;
        position: absolute;
        left: 132px;
        top: 150px;
        width: 750px;
/*        height: 480px; */} 


.GalleryVidFieldLarge01{
        z-index: 7;
        position: absolute;
        left: 132px;
        top: 104px;
        width: 750px;} 

.GalleryVidFieldVeryWide{
        z-index: 7;
        position: absolute;
        left: 55px;
        top: 152px;
        width: 930px;} 
        
.GalleryVidFieldVeryWide02{
        z-index: 7;
        position: absolute;
        left: 27px;
        top: 152px;
        width: 961px;}    
                    
.GalleryVidField981Wide{
        z-index: 11;
        position: absolute;
        left: 7px;
        top: 154px;
        width: 981px;}         
        


.PosterRightLarge{
        z-index: 7;
        position: absolute;
        left: 275px;
        top: 119px;
        width: 716px;
        height: 480px; } 
/*    
        OLD  This was to be used when poster pics were flush right
*/        
       
.VertBanner {
        z-index: 2;
        position: absolute;
        top: 0px;
        left: 16px;
        width: 240px;
        background-image: url('images/SkyMarvels Banner 002.png');    
        background-repeat: repeat-y;  
  }


       
.SubSolarMask2 {
        z-index: 14;
        position: absolute;
        top: 277px;
        left:29px;
        width: 214px;
/*          background-image: url('images/SubSolMask2.png');    */ 
  }


.TopLeftLogo {
        z-index: 3;
        position: absolute;
        top: 0px;
        left: 0px;
        width:256px;
        height: 256px;  }
        
.TopLeftLogoSmall {
        z-index: 3;
        position: absolute;
        top: 0px;
        left: 0px;
        width:166px;
        height: 166px;  }        
        
.TopLeftLogoSmall4Posters {
        z-index: 3;
        position: absolute;
        top: 0px;
        left: 0px;
        width:166px;
        height: 148px;  }            
        
.TopLeftSmallLogoFillBetween {
        z-index: 3;
        position: absolute;
        top: 0px;
        left: 166px;
        width:90px;
        height: 20px;  }                

.TopRtEarth {
        position: absolute;
        top: 0px;
        left: 256px;
        width:730px;
        height: 40px;  }

.HomeStreakTop {
        z-index: 4;
        position: absolute;
        left: 512px;
        top: 27px;        
        width:208px;
        height: 64px; }

.HomeStreakBottom {
        z-index: 4;
        position: absolute;
        left: 304px;
        top: 163px;        
        width:404px;
        height: 128px; }
        
        
.InfoStreakTop {
        z-index: 4;
        position: absolute;
        left: 469px;
        top: 25px;        
        width:256px;
        height: 66px; }

.InfoStreakBottom {
        z-index: 4;
        position: absolute;
        left: 304px;
        top: 163px;        
        width:306px;
        height: 125px; }

.InfoStreakBottomBanr {
        z-index: 4;
        position: absolute;
        left: 304px;
        top: 163px;        
        width:404px;
        height: 125px; }
        

.LearningCtrFlare {
        z-index: 20;
        position: absolute;
        left: 28px;
        top: 227px;        
        width: 217px;
        height: 61px;  }


h1.PageTitleText {
        font-family: arial, sans-serif;
        font: arial;
        font-size:42px;
        font-weight: bold;
        font-style: italic;
        text-align: left;
        padding: 0px;
        margin-top: 0px;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 0px;
}





.HomeMenuButtonLeft {
        z-index: 4;
        position: absolute;
        left: 276px;
        top: 100px;        
        width: 5px;
        height: 24px;
        padding: 0px;
        margin: 0px;
}

.HomeMenuButtonRight {
        z-index: 4;
        position: absolute;
        left: 355px;
        top: 100px;        
        width: 5px;
        height: 24px;
        padding: 0px;
        margin: 0px;
}


.IntroMenuButtonLeft {
        z-index: 4;
        position: absolute;
        left: 357px;
        top: 100px;        
        width: 5px;
        height: 24px;
        padding: 0px;
        margin: 0px;
}

.IntroMenuButtonRight {
        z-index: 4;
        position: absolute;
        left: 438px;
        top: 100px;        
        width: 5px;
        height: 24px;
        padding: 0px;
        margin: 0px;
}


.NewsMenuButtonLeft {
        z-index: 4;
        position: absolute;
        left: 440px;
        top: 100px;        
        width: 5px;
        height: 24px;
        padding: 0px;
        margin: 0px;
}

.NewsMenuButtonRight {
        z-index: 4;
        position: absolute;
        left: 518px;
        top: 100px;        
        width: 5px;
        height: 24px;
        padding: 0px;
        margin: 0px;
}

.GalleryMenuButtonLeft {
        z-index: 4;
        position: absolute;
        left: 520px;
        top: 100px;        
        width: 5px;
        height: 24px;
        padding: 0px;
        margin: 0px;
}

.GalleryMenuButtonRight {
        z-index: 4;
        position: absolute;
        left: 631px;
        top: 100px;        
        width: 5px;
        height: 24px;
        padding: 0px;
        margin: 0px;
}


.OurShopMenuButtonLeft {
        z-index: 4;
        position: absolute;
        left: 633px;
        top: 100px;        
        width: 5px;
        height: 24px;
        padding: 0px;
        margin: 0px;
}

.OurShopMenuButtonRight {
        z-index: 4;
        position: absolute;
        left: 762px;
        top: 100px;        
        width: 5px;
        height: 24px;
        padding: 0px;
        margin: 0px;
}


.FreebiesMenuButtonLeft {
        z-index: 4;
        position: absolute;
        left: 764px;
        top: 100px;        
        width: 5px;
        height: 24px;
        padding: 0px;
        margin: 0px;
}

.FreebiesMenuButtonRight {
        z-index: 4;
        position: absolute;
        left: 881px;
        top: 100px;        
        width: 5px;
        height: 24px;
        padding: 0px;
        margin: 0px;
}

.TipsMenuButtonLeft {
        z-index: 4;
        position: absolute;
        left: 883px;
        top: 100px;        
        width: 5px;
        height: 24px;
        padding: 0px;
        margin: 0px;
}

.TipsMenuButtonRight {
        z-index: 4;
        position: absolute;
        left: 949px;
        top: 100px;        
        width: 5px;
        height: 24px;
        padding: 0px;
        margin: 0px;
}


.LearningCtrMenuButtonLeft {
        z-index: 4;
        position: absolute;
        left: 275px;
        top: 129px;        
        width: 5px;
        height: 24px;
        padding: 0px;
        margin: 0px;
}

.LearningCtrMenuButtonRight {
        z-index: 4;
        position: absolute;
        left: 444px;
        top: 129px;        
        width: 5px;
        height: 24px;
        padding: 0px;
        margin: 0px;
}


.HelpMenuButtonLeft {
        z-index: 4;
        position: absolute;
        left: 446px;
        top: 129px;        
        width: 5px;
        height: 24px;
        padding: 0px;
        margin: 0px;
}

.HelpMenuButtonRight {
        z-index: 4;
        position: absolute;
        left: 520px;
        top: 129px;        
        width: 5px;
        height: 24px;
        padding: 0px;
        margin: 0px;
}


.LinksMenuButtonLeft {
        z-index: 4;
        position: absolute;
        left: 522px;
        top: 129px;        
        width: 5px;
        height: 24px;
        padding: 0px;
        margin: 0px;
}

.LinksMenuButtonRight {
        z-index: 4;
        position: absolute;
        left: 603px;
        top: 129px;        
        width: 5px;
        height: 24px;
        padding: 0px;
        margin: 0px;   }


.CreditsMenuButtonLeft {
        z-index: 4;
        position: absolute;
        left: 605px;
        top: 129px;        
        width: 5px;
        height: 24px;
        padding: 0px;
        margin: 0px;
}

.CreditsMenuButtonRight {
        z-index: 4;
        position: absolute;
        left: 714px;
        top: 129px;        
        width: 5px;
        height: 24px;
        padding: 0px;
        margin: 0px;
}


.LegalMenuButtonLeft {
        z-index: 4;
        position: absolute;
        left: 716px;
        top: 129px;        
        width: 5px;
        height: 24px;
        padding: 0px;
        margin: 0px;
}

.LegalMenuButtonRight {
        z-index: 4;
        position: absolute;
        left: 805px;
        top: 129px;        
        width: 5px;
        height: 24px;
        padding: 0px;
        margin: 0px;
}


.ContactUsMenuButtonLeft {
        z-index: 4;
        position: absolute;
        left: 807px;
        top: 129px;        
        width: 5px;
        height: 24px;
        padding: 0px;
        margin: 0px;
}


.ContactUsMenuButtonRight {
        z-index: 4;
        position: absolute;
        left: 949px;
        top: 129px;        
        width: 5px;
        height: 24px;
        padding: 0px;
        margin: 0px;
}
      

.SearchField {
        z-index: 6;
        position: absolute;
        left: 710px;
        top: 44px;        
        width: 304px;
        height: 36px;
        padding: 0px;
        margin: 0px;
}


ul {     
        color:  #00B2DD;   /*  #DFC3A3;  lighter tan color of text in links */   }

ol {     
        color:  #00B2DD;   /*  #DFC3A3;  lighter tan color of text in links */   }     
      

ol.GenerelOrderedList {
        color: #00B2DD;
        font-family: arial, sans-serif;
        font: arial;
        font-size: 16px;
        line-height: 1.45;
        font-weight: bold;        
        text-align: left;   
        margin-top: 0px; 
        padding-top: 15px; 
        padding-right: 15px;     }     


ol.FAQ {
        color: #CBB193;
        font-family: arial, sans-serif;
        font: arial;
        font-size: 16px;
        line-height: 1.45;
        font-weight: bold;        
        text-align: left;   
        margin-top: 0px; 
        padding-top: 15px; 
        padding-right: 15px;     }          
        
        
ul.FAQ2 {
        color: #CBB193;
        font-family: arial, sans-serif;
        font: arial;
        font-size: 16px;
        line-height: 1.45;
        font-weight: bold;        
        text-align: left;   
        margin-top: 0px; 
        padding-top: 15px; 
        padding-right: 15px;     }               

        

p.ThreePanelParagraph {
        z-index: 5;
        color: #00B2DD;      /*  Light-Brown text    #9D8969*/   
        font-family: arial, sans-serif;
        font: arial;
        font-size: 16px;
        font-weight: bold;        
        text-align: left;   
        line-height: 1.4;
        padding-top: 0px;
        padding-left: 15px; 
        padding-right: 15px; 
        padding-bottom: 12px;         
        margin: 0px;    }    

p.ThreePanelHeadline {
         z-index: 5;
        color: #00B2DD;    /*  Light-Brown text    #9D8969*/    
        font-family: arial, sans-serif;
        font: arial;
        font-size: 16px;
        font-weight: bold;
        text-align: center; 
        line-height: 1.4;        
        padding-top: 12px;
        padding-left: 15px; 
        padding-right: 15px; 
        padding-bottom: 12px;         
        margin: 0px;    }

p.arialnormalleft16 {
        color: #9D8969;      /*  Light-Brown text    #9D8969*/   
        font-family: arial, sans-serif;
        font: arial;
        font-size: 16px;
        font-weight: bold;
        font-style: normal;
        text-align: left;
        line-height: 1.4;           
        padding: 0px;
        margin-top: 0px;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 0px;
}


p.arialitalicscentered16 {
        color:  #00B2DD;      /*  Light-Brown text    #9D8969*/   
        font-family: arial, sans-serif;
        font: arial;
        font-size: 16px;
        font-weight: bold;
        font-style: italic;
        text-align: center;
        line-height: 1.4;           
        padding: 0px;
        margin-top: 0px;
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 0px;
}

p.enlargedtopline20 { 
        font-size: 20px; 
        font-weight:bold; 
        font-style: italic; 
        text-align: center; 
        line-height: 1.4;   
        padding: 0px; 
        margin-top: 10px; 
        margin-bottom: 0px;
        line-height: 12px
}

p.arialitalicscentered19 {
        color: #9D8969;
        /*  Light-Brown text */    
        font-family: arial, sans-serif;
        font: arial;
        font-size: 19px;
        font-weight: bold;
        font-style: italic;
        text-align: center;
        line-height: 1.4;                   
        padding-top: 0px;
        padding-left: 0px;
        padding-left: 0px;
        padding-bottom: 16px;
        margin-top: 0px;
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 0px;
}

p.enlargedtopline22 { 
         font-size: 22px; 
         font-weight: bold; 
         font-style: italic; 
         text-align: center; 
         line-height: 1.4;   
         padding: 0px; 
         margin-top: 12px; 
         margin-bottom: 0px;
         line-height: 14px
}





        
p.PMenu {
        background-image: url('images/226-wide Gradient.jpg');
        color: #9D8969;    /*Light-Brown text    #9D8969*/    
        font-family: arial, sans-serif;
        font: arial;
        font-size: 16px;
        font-weight: bold;
        text-align: center; 
        line-height: 1.4;        
        padding-top: 12px;
        padding-left: 10px; 
        padding-right: 10px; 
        padding-bottom: 12px;         
        margin-left: 40px;
        margin-right: 40px;
        margin-top:8px;
        margin-bottom: 14px;     }        
        


.TabTopLeft {
        z-index: 15;
        position: absolute;
        width: 241px;    /*  113 plus 15  */
        height: 12px;
        float: left;
        margin-left: 0;
        background-image: url('images/BoxTabTopLeft.gif');
        background-repeat: no-repeat;  }    

.TabTopLeftBanr {
        z-index: 15;
        position: absolute;
        width: 241px;    /*  113 plus 15  */
        height: 12px;
        float: left;
        margin-left: 0;
        background-image: url('images/BoxTabTopLeftBanr.png');
        background-repeat: no-repeat;  }    


.TabTopMiddleWide {
        z-index: 15;
        position: absolute;
        width: 449px;            /*  217 plus 15  */
        height: 12px;
        float: left;
        margin-left: 0;
        background-image: url('images/BoxTabTopMiddleWide.gif');
        background-repeat: no-repeat;  }    

.TabTopMiddleNarrow {
        z-index: 15;
        position: absolute;
        width: 345px;            /*  165 plus 15  */
        height: 12px;
        float: left;
        margin-left: 0;
        background-image: url('images/BoxTabTopMiddleNarrow.gif');
        background-repeat: no-repeat;  }    

.TabTopRightNarrow {
        z-index: 15;
        position: absolute;
        width: 241px;    /*  113 plus 15  */
        height: 12px;
        float: left;
        margin-left: 0;
        background-image: url('images/BoxTabTopRightNarrow.gif');
        background-repeat: no-repeat;  }    

.TabTopRightWide {
        z-index: 15;
        position: absolute;
        width: 345px;            /*  165 plus 15  */
        height: 12px;
        float: left;
        margin-left: 0;
        background-image: url('images/BoxTabTopRightWide.gif');
        background-repeat: no-repeat;  }    


/*            
p.ThreePanelHeadlineBox {  
        border-style: outset; 
        border-color: rgb(173,161,145);  
        border-width: 1px;  
        font-family: arial, sans-serif;
        font: arial;
        font-size: 16px;
        font-weight: bold;
        text-align: center; 
        line-height: 1.4;        
        padding-top: 12px;
        padding-left: 15px; 
        padding-right: 15px; 
        padding-bottom: 12px;         
        margin-top: 0px;    }    
*/ 
        
p.ThreePanelVideo {
        background-color: black;  
        font: arial;
        text-align: center; 
        border-style: solid;
        border-color: #77644D;
        border-width: 1px; 
        padding-top: 0px;
        padding-left: 0px; 
        padding-right: 0px; 
        padding-bottom: 0px;         
        margin-top: 12px; 
        margin-left: 15px;  
        margin-right: 15px;  
        margin-bottom: 15px;  }      

/*      p.ThreePanelVideo:hover {
        border-color: #DFC3A3;
}      */          
/*      This creates a problem, as it highlights the 
        paragraph border when mouse is anywhere in the 
        YouTubeBox.  We really need it to highlight, only
        when Mouse is in video image portion.    
*/     




.ThreePanelLeft {
        z-index: 3;
        position: absolute;
        top: 280px;
        left: 8px;
        width:256px;
        margin: 0px;   }

.ThreePanelMiddle {
        z-index: 5;
        position: absolute;
        top: 280px;
        left: 275px;
        width:464px;
        margin: 0px; }

.ThreePanelMiddleBanr {
        z-index: 5;
        position: absolute;
        top: 280px;
        left: 279px;
        width:464px;
        margin: 0px; }


.ThreePanelRight {
        z-index: 3;
        position: absolute;
        top: 280px;
        left: 750px;
        width:256px;
        margin: 0px;     }
        
.NarrowAndWide {  
        z-index: 5;
        position: absolute;
        top: 280px;
        left: 275px;
        width:701px;
        margin: 0px; }   
        
        
        
        
  
.InfoThreePanelMiddle {
        z-index: 3;
        position: absolute;
        top: 110px;
        left: 275px;
        width:464px;
        margin: 0px; }        
        
.InfoSolarSystemMiddleMask {
      background-color: transparent; 
        z-index: 10;
        position: absolute;
        top: 110px;
        left: 280px;
        width:432px;
        height: 864;
        margin: 0px; 
        padding: 0px; }                

.SolSysWithZodiacFULLMask {
      background-color: transparent;   
        z-index: 12;
        position: absolute;
        top: 142px;
        left: 14px;
        width:980px;
        height: 980;
        margin: 0px; 
        padding: 0px; }     

.MidnightSkyFULLMask {
      background-color: transparent;   
        z-index: 12;
        position: absolute;
        top: 162px;
        left: 102px;
        width:900px;
        height: 904;
        margin: 0px; 
        padding: 0px; }     

.LargeSubsolarMask {
      background-color: transparent;   
        z-index: 12;
        position: absolute;
        top: 154px;
        left: 103px;
        width:800px;
        height: 800;
        margin: 0px; 
        padding: 0px; }       



.SunInfoSpotMask {
      background-color: transparent;   
        z-index: 14;
        position: absolute;
        left: 308px;
        top: 236px;
        width:416px;
        height: 248;
        margin: 0px; 
        padding: 0px; }  



.SunInfoMask2 {
      background-color: transparent;   
        z-index: 15;
        position: absolute;
        top: 277px;
        left: 29px;
        width:273px;
        height: 214;
        margin: 0px; 
        padding: 0px; }       



.InfoEarthSunAboveMask {
      background-color: transparent;   
        z-index: 12;
        position: absolute;
        top: 277px;
        left: 29px;
        width:214px;
        height: 214;
        margin: 0px; 
        padding: 0px; }       

        
.InfoEarthMoonAboveMask {
      background-color: transparent;   
        z-index: 12;
        position: absolute;
        top: 277px;
        left: 771px;
        width:214px;
        height: 214;
        margin: 0px; 
        padding: 0px; }       


.SkyViewingMask {
      background-color: transparent;   
        z-index: 16;
        position: absolute;
        left: 291px;
        top: 77px;
        width:432px;
        height: 132;
        margin: 0px; 
        padding: 0px; }  
        

.InfoLogoMask {
        z-index: 5;
        position: absolute;
        left: 231px;
        top: 86px;
        width:25px;
        height:77px;  }  


.InfoLogoMaskBanrStore {
        z-index: 5;
        position: absolute;
        left: 231px;
        top: 86px;
        width:25px;
        height:85px;  }  


.InfoLogoMaskSmall {
        z-index: 5;
        position: absolute;
        left: 150px;
        top: 56px;
        width:16px;
        height:50px;  }  


.InfoThreePanelRight {
        z-index: 3;
        position: absolute;
        top: 110px;
        left: 750px;
        width:256px;
        margin: 0px;     }
 


.OneAndTwoPanelMiddle {
        z-index: 3;
        position: absolute;
        top: 280px;
        left: 275px;
        width:360px;
        margin: 0px;  }

.OneAndTwoPanelMiddleBanr {
        z-index: 3;
        position: absolute;
        top: 280px;
        left: 279px;
        width:360px;
        margin: 0px;  }
        
.OneAndTwoPanelRight {
        z-index: 3;
        position: absolute;
        top: 280px;
        left: 646px;
        width:360px;
        margin: 0px;   }

/*          
.JoinOneAndTwoPanelMiddle {
        z-index: 3;
        position: absolute;
        top: 718px;
        left: 275px;
        width:360px;
        margin: 0px;  }

.JoinOneAndTwoPanelRight {
        z-index: 3;
        position: absolute;
        top: 718px;
        left: 646px;
        width:360px;
        margin: 0px;   }
*/   

hr.LeftRight {
        width: 226px;
        height: 2;
        color:  rgb(150,0,0);   }     /*  DarkerBrown   #77644D*/  

hr.Middle {       
        width: 434px;
        height: 2; 
        color:  rgb(150,0,0);   }     /*  DarkerBrown    #77644D*/  

hr.OneAndTwoPanelMiddleAndRight {
        width: 330px;
        height: 2;
        color:  rgb(150,0,0);   }     /*  DarkerBrown   #77644D*/  
        
hr.WideRight {       
        width: 701px;      /*  731 of .OneNarrowOneWidePanelRight  MINUS  30  for padding    */  
        height: 2; 
        color:  rgb(150,0,0);   }     /*  DarkerBrown    #77644D*/          
        

li {
        padding-bottom: 16px;   }   
        
.BottomOfPage{
        z-index: 3;
        left: 8px;
        width:1000px;
        margin: 0px;   }     
        
.BottomOfHome{
        z-index: 3;
        position:relative;
        left: -150px;
        width:1000px;
        margin: 0px;   }                  
        
p.BottomString{
        z-index: 3;
        color: #9D8969;    /*  Light-Brown text    #9D8969*/    
        font-family: arial, sans-serif;
        font: arial;
        font-size: 16px;
        font-weight: bold;
        text-align: center; 
        line-height: 1.4;        
        padding-top: 12px;
        padding-left: 15px; 
        padding-right: 15px; 
        padding-bottom: 12px;         
        margin: 0px;    }
                
.BottomOfLeftNarrowPanel{
        z-index: 3;
        position:relative;
        left: 92px;
        width:814px;
        margin: 0px;   }   

.BottomOfOneAndTwoPanel{
        z-index: 3;
        position:relative;
        left: -226px;
        width:814px;
        margin: 0px;   }   
        
.BottomOfOneAndTwoPanelRIGHTColumn{
        z-index: 3;
        position:relative;
        left: -598px;
        width: 814px;
        margin: 0px;   }         
        
        

.BottomOfNarrowLeftWideMiddlePanel{
        z-index: 3;
        position:relative;
        left: 0px;
        width:814px;
        margin: 0px;   }       

   
.BottomOfWideMiddlePanel{
        z-index: 3;
        position:relative;
        left: -174px;
        width:814px;
        margin: 0px;   } 
        
        
.BottomOfNarrowRightPanel{
        z-index: 3;
        position:relative;
        left: 0px;
        width:814px;
        margin: 0px;   }         
        
        

        
.LeftPicPanel   {
        position: relative;
        top: 20px;
        left: 20px; 
        width: 10%;  }      
        
.RightPicPanel   {
        position: relative;
        top: 20px;
        right: 20px; 
        width: 10%;  }             
        
.CenterPicPanel   {
        margin-left: 12%;
        margin-right: 12%;        }

        
.LeftCenterFeaturePanel  {
        position: relative;
        float: left;
        top: 20px;
        width:  50%;  }      

.RightCenterFeaturePanel  {
        position: relative;
        float: right;    
        top: 20px;
        width:  50%; }      
        
.LeftCenterPosterText  {
        float: left;
        margin-left: 0px;
        padding-left: 0px;
        top: 20px;
        width:  357px;  }           
 
.RightCenterPosterText  {
       float: right;    
        top: 20px;
        width:  357px; }      
        
  
ul.BulletOne {

        font-family: arial, sans-serif;
        font: arial;
        vertical-align: top;
        font-size: 16px;
        font-weight: bold;
        line-height: 1.4;        
        padding-top: 0px;    
        margin-top: 0px;
        padding-right: 15px; 
        padding-left: 15px;  
        margin-left: 19px;
        margin-bottom: 4px;
  }  

ul.BulletFeatures {

        font-family: arial, sans-serif;
        font: arial;
        vertical-align: bottom;
        font-size: 16px;
        font-weight: bold;
        line-height: 1.4;        
        padding-top: 0px;    
        margin-top: 0px;
        padding-right: 10px; 
        padding-left: 10px;  
        margin-left: 19px;
        margin-bottom: -14px;
  }  

ul.NoBulletlist {
        list-style-type: none;
        font-family: arial, sans-serif;
        font: arial;
        font-size: 16px;
        font-weight: bold;        
        text-align: left;   
        line-height: 1.4;
        padding-top: 0px;
        padding-left: 0px;  
        padding-bottom: 0px;   
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 15px;
  }  



<style type="text/css">

.RollOverGallery{
      position: relative;
}

.thumbs img{
      padding: 10px;
      border: 1px solid black;   /* Keeps Thumbnails from moving on hover  */
      margin: 0px;
}

.thumbs:hover{
      background-color: transparent;
}

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

.thumbs span{               /*Big Image*/
      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;
}

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

}

.thumbs:hover span{            /*Big Image*/
      position: absolute;
      margin-top: 0px;
      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: #9D8969;    /*  Light-Brown text    #9D8969*/  
}
</style>