body {
  padding:16px;
}

.hello-popup { padding:0px; }

#outer {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  border:solid 1px #000000;
    }
#header {
  background-image:url('../images/banner.gif');
  width:800px;
  height:267px;
}
#header-left {
  width:370px;
  height:260px;
  padding:16px;
  font-size:small;
}
#header-separator {
  background-image:url('../images/brush-separator.gif');
  width:800px;
  height:62px;
}
#content {
  width:800px;
  min-height:500px;
  background-color:#000000;
  color:#ffffff;
  font-size:small;
}

#content-left {
  padding:16px;
  width:360px;
  float:left;
}
#content-right {
  padding:16px;
  width:360px;
  float:right;
}

#footer-separator {
  background-image:url('../images/footer-separator.gif');
  width:800px;
  height:34px;
}
#footer {
  background-color:#A8A8A8;
  min-height:100px;
  padding:16px;
  text-align:center;
}



div.next-event { padding:4px; border:solid 1px #cccccc; }

a:link, a:active, a:visited {
  color:red;
  font-weight:bold;
  text-decoration:none;
}
a:hover {
  color:orange;
}






/* hello popup styles **************/

body.hello-popup {
  background-repeat:no-repeat;
  color:#000000;
  padding:0px;
  margin:0px;
}
#page-popup { width:100%;   padding:0px; margin:0px;}

div.hello-title {
  color:#FFFFFF;
  padding:12px;
  font-weight:bold;
  font-size:14px;
  margin-bottom:24px;
  background-color:#000000;
  }

/*
label {
  float:left;
  font-size:12px;
  font-family:arial;
  margin-bottom:12px; 
  margin-right:12px;
  margin-left:12px;
  }
input, textarea { float:right; color:#666666; margin-bottom:12px; }
*/
.button { width:100px; border:solid 1px #000000; font-weight:bold; color:#000000; }

div.hello-logo { text-align:center; }