/* adding a color border to an image */ 
/* img { border: 10px solid #6699CC; }   */

* {
   margin: 0;
}

html, body {
   padding: 5;
   height: 100%;
   background-position: center center;
   background-repeat: no-repeat;
   background-image: url(/imgs/gotbeer.jpg);
   background-color:#FFFFFF;
   color:#DDDDDD;
}
 
.wrapper {
   min-height: 100%;
   height: auto !important;
   height: 100%;
   margin: 0 auto -4em;
}

.footer, .push {
  text-align: center;
  height: 2em;
}

ul.flat li {
   height: 26px;
   background-color:#336600;
   display: inline;
}

ul.flat a:link { color:#FFFFFF; }
ul.flat a:visited { color:#AAAAAA; }
ul.flat a:active { color:#33FF66; }
ul.flat a:hover { color:#66CCFF; }

.centered {
   text-align: center;
/*   position: fixed;
   top: 50%;
   left: 50%;
   margin-top: -50px;
   margin-left: -100px;   */
}

.transformuc {
   text-transform: uppercase;
}


.nav {
   width=100%;
   font-family: Arial, Helvetica, sans-serif;
   color:#FFFFFF;
   height: 26px;
   background-color:#336600;
   text-align: center;
}

.nav a:link { color:#FFFFFF; }
.nav a:visited { color:#AAAAAA; }
.nav a:active { color:#33FF66; }
.nav a:hover { color:#66CCFF; }

.sponsor {
   width=100%;
   font-family: Arial, Helvetica, sans-serif;
   color:#FFFFFF;
   height: 26px;
   background-color:#336600;
   text-align: center;
   display: inline;
}

sponsor a:link { color:#FFFFFF; }
.sponsor a:visited { color:#AAAAAA; }
.sponsor a:active { color:#33FF66; }
.sponsor a:hover { color:#66CCFF; }


#logo {
}

.div.float {
  float: left;
  }
  
.div.float p {
   text-align: center;
   }