@import url("base.css");

div.page div.contents {
  margin: 0px auto;
  overflow: auto;
  padding: 0px 15px 15px 15px;
  position: relative;
  width: 841px;
  z-index: 2;
}

div.background {
  background-color: #000000;
  filter: alpha(opacity="50");
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0.50;
  width: 100%;
}

div.header div.contents {
  margin: 0px auto;
  width: 881px;
  position: relative;
}

div.header {
  background: transparent url("../images/backgrounds/header.png") repeat-x scroll 0% 0%;
  height: 159px;
}

div.header div.logo {
  background: transparent url("../images/logo.tlbc.png") no-repeat scroll 0% 0%;
  height: 133px;
  width: 460px;
}

div.page {
  background: transparent url("../images/backgrounds/page.png") repeat scroll 0% 0%;
  border: solid 1px #201404;
  margin: 0px auto 0px auto;
  padding-bottom: 15px;
  width: 881px;
}

ul.billboard {
  background-color: #000000;
  border: solid 5px #201404;
  border-bottom-width: 0px;
  height: 315px;
  list-style-type: none;
  width: 871px;
  position: relative;
}

ul.billboard li {
  display: none;
  height: 315px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 871px;
}

ul.quick {
  background: transparent url("../images/backgrounds/quicklinks.png") no-repeat scroll 0% 0%;
  height: 113px;
  list-style-type: none;
  width: 881px;
}

* html body ul.quick {
  background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="resources/images/backgrounds/quicklinks.png");
}

ul.quick li {
  display: inline;
  height: 90px;
  float: left; 
  margin: 6px 0px 0px 5px;
  width: 214px;
  position: relative;
}

ul.quick li a img {
  filter: alpha(opacity="75");
  opacity: 0.75;
}

ul.quick li a:hover img {
  filter: alpha(opacity="100");
  opacity: 1.00;
}

div.border {
  background: transparent url("../images/billboard.border.png") no-repeat scroll 0% 0%;
  height: 320px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 881px;
  z-index: 2;
}

ul.topnav {
  list-style-type: none;
  position: absolute;
  right: 15px;
  top: 60px;
  z-index: 2;
}

ul.topnav li {
  display: inline;
  float: left;
}

ul.topnav li.separator {
  border-left: solid 1px #819a9f;
  margin: 0px 4px 0px 6px;
  width: 1px;
}

ul.topnav li a {
  filter: alpha(opacity="75");
  font-weight: bold;
  opacity: 0.75;
  text-transform: uppercase;
}

ul.topnav li a:hover {
  filter: alpha(opacity="100");
  opacity: 1.00;
}

div.subnav {
  background: transparent url("../images/backgrounds/subnav.jpg") repeat-x scroll 0% 0%;
  border-bottom: solid 1px #251805;
  height: 34px;
  margin-bottom: 15px;
}

div.subnav ul {
  width: 881px;
  list-style-type: none;
  margin: 0px auto;
  text-align: center;
}

div.subnav ul li {
  color: #000000;
  display: inline;
  float: left;
  height: 34px;
  line-height: 34px;
}

div.subnav ul li.separator {
  border-left: solid 1px #000000;
  margin: 5px 8px 5px 10px;
  width: 1px;
  height: 24px;
}

* html body div.subnav ul li.separator {
  margin-top: 0px;
}

div.subnav ul li a {
  color: #000000;
  font-weight: bold;
  text-transform: uppercase;
  opacity: 1.00;
  filter: alpha(opacity="100");
  line-height: 34px;
}

div.subnav ul li a:hover {
  opacity: 0.60;
  filter: alpha(opacity="60");
}

p.subhead {
  font-family: georgia,times new roman,serif;
  color: #944805;
}

div.hr {
  background: transparent url("../images/hr.png") repeat-x scroll 0px 0px;
  height: 20px;
  margin-top: 15px;
}

span.blue {
  color: #2f545a;
  font-family: georgia,times new roman,serif;
  font-weight: bold;
}

form.directions {
  margin: 0px;
  padding: 10px 10px 17px 10px;
}

form.directions div {
  margin-top: 15px;
  padding-left: 140px;
}

input.button {
  font: normal normal normal 12pt arial,tahoma,sans-serif;
  padding: 4px;
  width: 160px;
}

input.textbox {
  border: solid 1px #d0d0d0;
  color: #555555;
  font: normal normal normal 12pt arial,tahoma,sans-serif;
  margin-right: 10px;
  padding: 4px;
}

label {
  display: inline-block;
  height: 20px;
  width: 55px;
}

form.request {
  margin: 0px;
  padding: 10px 10px 17px 10px;
}

form.request div {
  margin-top: 15px;
  text-align: center;
}

input.button {
  font: normal normal normal 12pt arial,tahoma,sans-serif;
  padding: 4px;
  width: 160px;
  position: relative;
}

input.textbox {
  border: solid 1px #d0d0d0;
  color: #555555;
  font: normal normal normal 12pt arial,tahoma,sans-serif;
  margin-right: 10px;
  padding: 4px;
  position: relative;
}

textarea {
  border: solid 1px #d0d0d0;
  color: #555555;
  font: normal normal normal 12pt arial,tahoma,sans-serif;
  position: relative;
}

form.request label {
  display: inline-block;
  height: 20px;
  width: 55px;
  vertical-align: middle;
}

div.footer {
  height: 26px;
  line-height: 26px;
  width: 881px;
  margin: 0px auto 0px auto;
  padding-bottom: 15px;
  text-align: center;
}

div.footer a {
  color: #819a9f;
  font-weight: bold;
}

a.outreach {
  background-image: url('../images/headings/outreach.png');
  width: 158px;
  height: 36px;
  display: block;
}

a.welcome {background-image: url('../images/headings/new.welcome.png'); width: 423px; height: 55px; display: block;}
a.expect {background-image: url('../images/headings/new.expect.png'); width: 260px; height: 46px; display: block;}
a.who {background-image: url('../images/headings/new.who.png'); width: 195px; height: 32px; display: block;}
a.beliefs {background-image: url('../images/headings/new.beliefs.png'); width: 271px; height: 34px; display: block;}
a.blog {background-image: url('../images/headings/regular.blog.png'); width: 219px; height: 48px; display: block;}
a.prayer {background-image: url('../images/headings/regular.prayer.png'); width: 286px; height: 50px; display: block;}
a.events {background-image: url('../images/headings/regular.events.png'); width: 295px; height: 44px; display: block;}
a.connect {background-image: url('../images/headings/connect.png'); width: 281px; height: 52px; display: block;}