/* --------------------------------------------------------- */
/* Style sheet for Amber Beckers' photolog.                  */
/*                                                           */
/* Hedderik van Rijn, hvr-ab@van-rijn.org 050402             */
/* --------------------------------------------------------- */


img
{
        border-style: solid;
        border-width: 1px;
        border-color: #666;
}

BODY { 
    color: #222;
    background-color: #999;
    background-image: url(images/banner1.gif); 
    background-repeat: no-repeat;
    background-position: 0px 0px;
    min-width: 800px;
    margin: 55px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    font : normal 9pt/140% "Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
}

table {
    font : normal 9pt/140% "Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
}

strong, b {
    font-weight: bold;
}

h1 {
    margin-top: 15px;
    font-weight: bold;
    font-size: large;
}

A:link  {
    color : #422;
    text-decoration : none;
    border: 1px; 
    border-style: none none none none;
    border-color: black;
}

A:visited  {
    color : #422;
    text-decoration : none;
    border: 1px; 
    border-style: none none none none;
    border-color: black;
}

A:active   {
    color : #e22;
    border: 1px; 
    border-style: none none dotted none;
    border-color: black;
}

A:hover  {
    color : #f11;
    border: 1px; 
    border-style: none none dotted none;
    border-color: black;
}



#group2a1 {
   padding: 0px 3px 0px 0px;
}

#group2a2 {
   padding: 0px 0px 0px 0px;
}

#mainpic {
    position: absolute;
    top: 70px;
    left: 175px;
    width: 600px;
    height: 405px;
    border: 0px solid #ccc;
    padding: 0px;
}

#group2a2 img {
   border-style: none;
}
#group2a1 img {
   border-style: none;
}


#mainpic1 {
  position: absolute;
  visibility: hidden;
  bottom: 0px;
}

#mainpic2 {
  visibility: hidden;
  position: absolute;
  bottom: 0px;
}

#mainpic3 {
  visibility: hidden;
  position: absolute;
  bottom: 0px;
}

#mainpic4 {
  position: absolute;
  bottom: 0px;
}




#ltgt {
    position: absolute;
    top: 480px;
    left: 110px;
    width: 60px;
    text-align: right;
}

#ltgt img {
   border-style: none;
}

#group1 {
    position: absolute;
    top: 70px;
    left: 50px;
    width: 120px;
    height: 405px;
    border: 0px solid #ccc;
    padding: 0px;
}

#group1 img {
    border-style: none;
}

#group1a1 {
  float: right;
  clear: both;
  padding: 5px 0px 0px 0px;
  align: right;
}

#group1a1 img {
    border-style: none;
}

#group1a2 {
  float: right;
  clear: both;
  margin: 5px 0px 0px 0px;
  align: right;
}

#group1a2 img {
    border-style: none;
}


#group2 {
    position: absolute;
    top: 480px;
    left: 175px;
    width: 400px;
    border: 0px solid #ccc;
    padding: 0px;
}

#group2 img {
    border-style: none;
}


#group1a {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

#group1a img {
    border-style: none;
}


#textbox1 {
    visibility: hidden;
    position: absolute;
    top: 400px;
    width: 200px;
    height: 75px;
    align: bottom;
    left: 630px; 
}

#textbox2 {
    visibility: hidden;
    position: absolute;
    top: 400px;
    width: 200px;
    height: 75px;
    align: bottom;
    left: 410px;
}

#textbox3 {
    visibility: hidden;
    position: absolute;
    top: 400px;
    width: 200px;
    height: 75px;
    align: bottom;
    left: 680px;
}

#textbox4 {
    position: absolute;
    top: 400px;
    width: 200px;
    height: 75px;
    align: bottom;
    left: 680px;
}

#textbox {
    position: absolute;
    bottom: 0px;
    border: 1px;
    border-style: none none none solid;
    border-color: #ddd;
    padding: 0px 0px 0px 5px;
}

.clear {
   clear: both;
}

.announcements {
   position: absolute;
   right: 20px;
   width: 200px;
   margin: 20px;
}

.announcements .content {
   clear: both;
   width: 200px;
   border: 1px;
   border-style: dashed;
   border-color: #bbb;
   background-color: #99a; 
   padding: 5px 5px 0px 5px;
   margin: 10px;
}

.invisible {
  visibility: hidden;
}

#contact {
   position: absolute;
     bottom: 5px;
     right:  25px;
     text-align: right;
     border: 1px;
     border-style: dashed;
     border-color: #bbb;
     background-color: #aaa;
     padding: 5px 5px 5px 5px;
     text-align: center;
     width: 22em;
}

#contactpage {
   margin: 20px;
}

div#footer{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:40px;
}
@media screen{
  body>div#footer{
   position: fixed;
  }
 }
* html body{
  overflow:hidden;
} 
* html div#main{
 height:100%;
 overflow-x:hidden;
 overflow-y:auto;
 margin: 20px 0px 20px 20px;
 padding: 0px 20px 0px 0px;
}

.archivebar {
   width: 100%;
   height: 60px;
}

.archivebar img {
   border-style: none;
}