/* GA2007.css */

/* Block all default margins and padding */
* {
  margin:0;
  padding:0;
/* Temporary borders */
/* border:dashed 1px #f00; */
}

body{
  /* Required to center wrapper in old browsers */
  text-align:center; 
  /* Style to taste */
  background-color:#000;
  font-family: Verdana, Geneva, Sans-Serif;
}

/* Wrapper contains the layout */
#wrapper{
	/* Sets the width of fixed or elastic layout */
	width:60em;
	/* Centers the layout (newer browsers) */
	margin: auto;
	/* Style to taste */
    background-color:#fff;  
}

p.bodytext {
font-family: Verdana, Geneva, Sans-Serif;
text-align:left;
text-indent: 30px;
}

/* ---------------------- Start layout division styles ---------------------- */

/* icon menu for website navigation */

#iconmenu {position: relative; margin: 5px auto; padding: 5px;
width: 26.25em; height: 6.875em; background: url(pattern.gif);
}
#iconmenu li {width: 6.06em; height: 6.5em; position: absolute; top: 2px;
background: url(acornbuttons.gif) 0 0 no-repeat; display: block; list-style: none;
}
#iconmenu a {width: 6.06em; height: 6.5em;
display: block;
/* border: solid 1px #fff; */
}
#iconmenu a:hover;
/* {border: solid 1px #000;} */
/* indicators below adjust position of foreground image */
#iconmenu #panel1b {left: -.4375em;}
#iconmenu #panel2b {left: 6.31em; background-position: -6em 0;}
#iconmenu #panel3b {left: 12.5em; background-position: -12.0625em 0;}
#iconmenu #panel4b {left: 18.6875em; background-position: -17.9375em 0;}
/* indicators below adjust position of background image */
#iconmenu #panel1b a:hover {background: url(acornbuttons.gif) -.4375em -6.875em no-repeat;}
#iconmenu #panel2b a:hover {background: url(acornbuttons.gif) -6.375em -6.875em no-repeat;}
#iconmenu #panel3b a:hover {background: url(acornbuttons.gif) -12.375em -6.875em no-repeat;}
#iconmenu #panel4b a:hover {background: url(acornbuttons.gif) -17.9375em -6.875em no-repeat;}

/* END ICON MENU */

/* Branding division */
#branding{
    /* Style to taste */
    height:7em;
    background-color:#244cea;
    
}

#branding h1 {
color:#fff;
}


/* Left column */
#leftcolumn{
float:left; /*Floats to left of navbar and content */
padding-top:2em;
margin-left:-1em;
border-style: solid;
border-width: 5px;
}

/* Right column */  
#rightcolumn{
float:right; /*Floats to right of navbar and content */
padding-top:2em;
margin-right:-1em;
border-style: solid;
border-width: 5px;
}

/* Navbar division */
#navbar{
  padding-top:2em;
  /* Left margin = leftcolumn width */
  margin-left:15.25em;
  /* Right margin = rightcolumn width */
  margin-right:15em;
  /* Style to taste */
  height:7em;
  
}

/* Content division */
#content{
  /* Leave room for sidebar columns */
  margin-left:15.5em;
  width:15em;
  height:45em;
  /* Style to taste */ 
padding-bottom:0.5em;
  
}

/* GREETINGS */
#greetings{
  /* Style to taste */
  width:19.1875em;
  height:39.6875em;
  background-image: url(rangerillion.png);
  width:160%;
  opacity:0.15;
  filter:alpha(opacity=15);
  color:#000;
  
  background-repeat: no-repeat;
}

#greetingstext{
width:18.75em;
margin-left:2em;
text-align:left;
position:relative;
top:-37.6875em;
color:black;
line-height:16pt;
color=000;

}
 
/* Center List */
#list1{
  /* Style to taste */
  margin-top:2em;
  text-align:center;
  background-color:#fff;
  color:#000;
  font-family: Verdana, Geneva, Sans-Serif;
  line-height:16pt;
  border-style:solid;
  border-width:.25em;
}
  
/* Footer division */
#footer{
  /* Clear the floats */
  clear:both;
  /* Style to taste */
  background-color:#fff;
  color:#000;
  border-top:solid 1px #B0C4D0;
  padding-top:2em;
  padding-bottom:2em;
} 

/* ----------------------- BUTTON ONE MENU --------------------- */

#iconmenu1 {position: relative; margin: 5px auto; padding: 5px 0px 5px 100px;
height: 4.4em; width: 9.3em; background: url(pattern.gif) no-repeat;
}
#iconmenu1 li {height: 4.4em; width: 9.3em; position: absolute; top: 1em; left:-22em;
background: url(backbutton1.png) 0 0 no-repeat; display: block; list-style: none;
}
#iconmenu1 a {height: 4.4em; width: 9.3em; 
display: block;
/* border: solid 1px #fff; */
}
#iconmenu1 a:hover;
/* {border: solid 1px #000;} */

/* indicators below adjust position of foreground image */

#iconmenu1 #panel1c {top: 0;}

/* indicators below adjust position of background image */

#iconmenu1 #panel1c a:hover {background: url(backbutton1.png) -9.6em 0px;}

/* ---------------------- GALLERY MENU --------------------------- */

       /* Applies to entire gallery div */
        #gallery{
            position:absolute;  
            top:47em;
            left:1em;
            width:3em;      
        }
        
        /* Small thumbnail images */
        #gallery a img {
            width: 3em;
            margin:0.25em 0;
            border:solid 1px #000;
         }
        
        /* Large image size */
        #gallery a span img {
            width: 40em;
        }
        
        /* Span that surrounds large image */
        #gallery a span {    
            width: 40em;        
            position: fixed;
            /* Hidden at first */
            visibility: hidden;   
            border: solid 1px #000;            
            background-color: #ddd;
            padding:1em;
            color: black;   
        }
         
        /* IE6 needs this style rule */
        #gallery a:hover {
            background-color: transparent;
            z-index:5;
            text-decoration:none;            
        }  
                        
        /* Make large image visible on hover */
        #gallery a:hover span {
            visibility: visible;
            top: -1em;
            left: 15em; 
            
        }

/* -------------- Second Gallery -------------- */



       /* Applies to entire gallery div */
        #gallerya{
            position:absolute;  
            top:47em;
            left:5em;
            width:3em;      
        }
        
        /* Small thumbnail images */
        #gallerya a img {
            width: 3em;
            margin:0.25em 0;
            border:solid 1px #000;
         }
        
        /* Large image size */
        #gallerya a span img {
            width: 40em;
        }
        
        /* Span that surrounds large image */
        #gallerya a span {    
            width: 40em;        
            position: fixed;
            /* Hidden at first */
            visibility: hidden;   
            border: solid 1px #000;            
            background-color: #ddd;
            padding:1em;
            color: black;   
        }
         
        /* IE6 needs this style rule */
        #gallerya a:hover {
            background-color: transparent;
            z-index:5;
            text-decoration:none;            
        }  
                        
        /* Make large image visible on hover */
        #gallerya a:hover span {
            visibility: visible;
            top: -1em;
            left: 15em; 
            
        }
  /* -------------- Third Gallery -------------- */



       /* Applies to entire gallery div */
        #galleryb{
            position:absolute;  
            top:47em;
            left:9em;
            width:3em;      
        }
        
        /* Small thumbnail images */
        #galleryb a img {
            width: 3em;
            margin:0.25em 0;
            border:solid 1px #000;
         }
        
        /* Large image size */
        #galleryb a span img {
            width: 40em;
        }
        
        /* Span that surrounds large image */
        #galleryb a span {    
            width: 40em;        
            position: fixed;
            /* Hidden at first */
            visibility: hidden;   
            border: solid 1px #000;            
            background-color: #ddd;
            padding:1em;
            color: black;   
        }
         
        /* IE6 needs this style rule */
        #galleryb a:hover {
            background-color: transparent;
            z-index:5;
            text-decoration:none;            
        }  
                        
        /* Make large image visible on hover */
        #galleryb a:hover span {
            visibility: visible;
            top: -1em;
            left: 15em; 
            
        }
/* -------------- Fourth Gallery -------------- */



       /* Applies to entire gallery div */
        #galleryc{
            position:absolute;  
            top:47em;
            left:13em;
            width:3em;      
        }
        
        /* Small thumbnail images */
        #galleryc a img {
            width: 3em;
            margin:0.25em 0;
            border:solid 1px #000;
         }
        
        /* Large image size */
        #galleryc a span img {
            width: 40em;
            height:35em;
        }
        
        /* Span that surrounds large image */
        #galleryc a span {    
            width: 40em;        
            position: fixed;
            /* Hidden at first */
            visibility: hidden;   
            border: solid 1px #000;            
            background-color: #ddd;
            padding:1em;
            color: black;   
        }
         
        /* IE6 needs this style rule */
        #galleryc a:hover {
            background-color: transparent;
            z-index:5;
            text-decoration:none;            
        }  
                        
        /* Make large image visible on hover */
        #galleryc a:hover span {
            visibility: visible;
            top: -1em;
            left: 15em; 
            
        }