/* GA2008.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:63em;
	height:75em;
	/* 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{
	position:relative; /*Floats to left of navbar and content */
	top:-44em;
	left:1em;
	padding:1em;
	margin-left:3em;
	width:9.25em;
	height: 45em;
}

/* Right column */  
#rightcolumn{
float:right; /*Floats to right of navbar and content */
padding:1em;
margin-right:-1em;
width:15em;
}

#rightcolumn p{
text-align:left;
line-height:16pt;
color=000;
}

/* 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:9em;
  
}

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

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

#greetingstext{
width:19.75em;
margin-left:2em;
text-align:left;
position:relative;
top:-43.6875em;
color:black;
line-height:16pt;
color=000;
text-indent: 30px;
}
 
/* 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;
} 

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

       /* Applies to entire gallery div */
        #gallery{
            position:relative;  
            top:-1em;
            left:.5em;
            width:auto;      
        }
        
        /* Small thumbnail images */
        #gallery a img {
            width: 7em;
            margin:0.5em 0;
            border:solid 1px #000;
         }
        
        /* Large image size */
        #gallery a span img {
            width: 30em;
        }
        
        /* Span that surrounds large image */
        #gallery a span {    
            width: 30em;        
            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: 10em;
            left: 55em; 
            
        }
		
		/* Applies to entire gallerya div */
        #gallerya{
           position:relative;  
            top:-47em;
            left:-12em;
            width:auto;      
        }
        
        /* Small thumbnail images */
        #gallerya a img {
            width: 7em;
            margin:0.5em 0;
            border:solid 1px #000;
         }
        
        /* Large image size */
        #gallerya a span img {
            width: 30em;
        }
        
        /* Span that surrounds large image */
        #gallerya a span {    
            width: 30em;        
            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: 10em;
            left: 55em; 
            
        }