@charset "utf-8";



/* Page setup */

html, body {
  margin: 0;
  padding: 0;
}

html {
  height: 100%;
  background: #a8752e url(../image/bg.gif) repeat-y center 0;
}

body {
  min-height: 100%;
  margin-top: -1px;
  padding-top: 1px;
  background: transparent url(../image/bgTop.jpg) no-repeat center 0;
}





/* General layout */

#container {
  position: relative;
  width: 760px;
  margin: 4px auto 0 auto;
  /*background: transparent url(../image/buildingWatermark.gif) no-repeat right bottom;*/
}

#masthead {
  position: relative;
  height: 210px;
}

#primaryNav {
  position: absolute;
  top: 126px;
  left: 327px;
  width: 380px;
  margin: 0;
  padding: 0;
}

#content {
  width: 670px;
  margin: 16px 45px 0 45px;
}

#footer {
  margin: 50px 0 0 0;
}





/* Primary navigation */

#primaryNav {
  list-style: none;
  list-style-position: outside;
}

#primaryNav li {
  display: inline;
  float: left;
  margin: 0 5px 5px 0;
  padding: 0;

}

#primaryNav li a {
  display: block;
  height: 30px;
  background-repeat: no-repeat;
  background-image: url(../image/primaryNavMatrix.gif);
  text-indent: -5000px;
  overflow: hidden;
}







/* Primary nav image matrix */

#primaryNav li.home a {
  width: 87px;
  background-position: 0 0;
}

#primaryNav li.home a:hover {
  background-position: 0 -30px;
}


#primaryNav li.ministries a {
  width: 156px;
  background-position: -87px 0;
}

#primaryNav li.ministries a:hover {
  background-position: -87px -30px;
}


#primaryNav li.about a {
  width: 116px;
  background-position: -243px 0;
}

#primaryNav li.about a:hover {
  background-position: -243px -30px;
}


#primaryNav li.preschool {
  margin-left: 50px;
}

#primaryNav li.preschool a {
  width: 125px;
  background-position: -359px 0;
}

#primaryNav li.preschool a:hover {
  background-position: -359px -30px;
}


#primaryNav li.directions a {
  width: 125px;
  background-position: -484px 0;
}

#primaryNav li.directions a:hover {
  background-position: -484px -30px;
}





/* Page masthead */

#masthead .logo {
  position: absolute;
  top: 7px;
  left: 0;
  width: 212px;
  height: 203px;
  background: transparent url(../image/plbcLogo.jpg) no-repeat 0 0;
}

#masthead .title {
  position: absolute;
  top: 17px;
  left: 164px;
  width: 427px;
  height: 77px;
  background: transparent url(../image/plbcTitle.gif) no-repeat 0 0;
  text-indent: -5000px;
  overflow: hidden;
}

#masthead .contactInfo {
  position: absolute;
  top: 12px;
  right: 11px;
  width: 149px;
  height: 42px;
  margin: 0;
  padding: 0;
  background: transparent url(../image/contactInfo.gif) no-repeat 0 0;
  text-indent: -5000px;
  overflow: hidden;
}

#masthead .contactInfo br {
  display: none;
}





/* Content layout */





/* Content elements */

#content .pageHeader {
  position: relative;
  margin: 0 0 20px -37px;
  height: 31px;
  background-repeat: no-repeat;
  background-position: 0 0;
  text-indent: -5000px;
  overflow: hidden;
}

#content hr {
  margin-top: 35px;
  margin-bottom: 35px;
  /*padding-top: 35px;
  padding-bottom: 35px;*/
}

#content img {
  display: inline;
  float: left;
  margin: 0 14px 10px 0;
}

#content img.map {
  float: right;
  margin: 0 0 10px 14px;
}

#content a:hover {
  text-decoration: underline;
}



#content div.serviceTimes {
  display: inline;
  float: right;
  width: 200px;
  margin: 0 0 30px 30px;
}

#content div.serviceTimes div.panel {
  width: 100%;
  margin: 0 0 10px 0;
}

#content div.serviceTimes h3 {
  margin: 0 0 10px 0;
  padding: 0 0 2px 0;
  border-bottom: solid 1px #b8c8d0;
  font-size: 1.2em;
  font-weight: normal;
  text-align: center;
}

#content div.serviceTimes div.panel h4 {
  font-size: 1.1em;
  font-weight: bold;
  color: #505050;
  font-style: italic;
}

#content div.serviceTimes p {
  margin: 0;
  font-size: 0.9em;

}

#content div.serviceTimes dl {
  margin: 4px 0 0 0;
  font-size: 1em;
  line-height: 1em;
}

#content div.serviceTimes dl dt,
#content div.serviceTimes dl dd {
  display: inline;
  float: left;
  margin: 2px 0 2px 0;
}

#content div.serviceTimes dl dt {
  clear: left;
  width: 80px;
}





/* Footer elements */

#footer .acronym {
  width: 424px;
  height: 55px;
  margin: 0 0 0 2px;
  padding: 0;
  background: transparent url(../image/footerAcronym.gif) no-repeat 0 0;
  text-indent: -5000px;
  overflow: hidden;
}





/* List elements */

ul.plain {
  list-style: none;
  margin: 30px 0 40px 0;
  padding: 0;
}

ul.plain li {
  margin: 0.5em 0 0.5em 0;
}





/* Supporting elements */

.left {
  display: inline;
  float: left;
}

.right {
  display: inline;
  float: right;
}

.clear {
  clear: both;
}

div.clear {
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}





/* Common elements */





/* General formatting */

body {
	font: 62.5%/1em Verdana, Arial, sans-serif;
	text-align: left;
  color: #505050;
}

h1, h2, h3, h4, h5, h6, a {
  font-family: Verdana, Arial, sans-serif;
  line-height: 1.2em;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  color: #000;
}

a {
  font-family: Verdana, Arial, sans-serif;
  font-weight: normal;
  font-style: italic;
  text-decoration: none;
  color: #2a7183;
}

h2, .h2 {
  font-size: 3.0em;
  line-height: 1em;
}

h3, .h3 {
  margin: 30px 0 10px 0;
  font-size: 2em;
  font-weight: normal;
}

h4, .h4 {
  font-size: 1.4em;
  color: #505050;
}

h5, .h5 {
  font-size: 1.3em;
}


p {
  margin: 0 0 1.2em 0;
  padding: 0;
  font-size: 1.6em;
  line-height: 1.6em;
  font-weight: normal;

}

p.note {
  font-size: 1em;
}

ul, ol {
  font-size: 1.2em;
  line-height: 1.833em;
}

li a {
  font-size: 1em;
}


hr {
  display: block;
  height: 1px;
  padding: 0;
  color: #13496b;
  background-color: #13496b;
  line-height: 0;
  font-size: 0;
  border: none;
}




