body {
  padding:0;
  font-family:arial;
  font-size:14px;
  height:100%;
  overflow:visible;
}

#home {background:url(home/background.jpg) center 100px no-repeat;}
#home2 {background:url(home/background.jpg) center 100px no-repeat;}
#about {background:url(about/background.jpg) center 100px no-repeat;}
#church {background:url(church/background.jpg) center 100px no-repeat;}
#people {background:url(people/background.jpg) center 100px no-repeat;}
#youth {background:url(youth/background.jpg) center 100px no-repeat #000000;}
#breath {background:url(breath/background.jpg) center 100px no-repeat;}
#cap {background:url(cap/background.jpg) center 100px no-repeat;}
#gallery {background:url(gallery/background.jpg) center 100px no-repeat;}
#contact {background:url(contact/background.jpg) center 100px no-repeat;}

.left { float:left; }
.right { float:right; }

h1 { font-size:50pt; font-weight:normal;}
h2 { font-size:18pt; font-weight:normal;}
h3 { font-size:14pt; font-weight:normal;}


/*topper*/

#float {
  width:780px;
  height:800px;
  position:relative;
  left: 50%;
  margin-top:-40px;	
  margin-left:-390px;
}

#top {
  margin:0px;
}

#youth #top {
  background:#000000;
}

#head {
  margin:0px;
}

#gradient-top {
  background-image:url(top-gradient.jpg);
  background-repeat:repeat-x;
}

#youth #gradient-top {
  background-image:url(youth-top-gradient.png);
  background-repeat:repeat-x;
}

#logo{
  width:780px;
  height:150px;
  background-repeat:no-repeat;
  background-position:550px 90px
}

#home #logo{background-image:url(home/logo.png);}
#home2 #logo{background-image:url(home/logo.png);}
#about #logo{background-image:url(about/logo.png);}
#church #logo{background-image:url(church/logo.png);}
#people #logo{background-image:url(people/logo.png);}
#youth #logo{background-image:url(youth/logo.png);}
#breath #logo{background-image:url(breath/logo.png);}
#cap #logo{background-image:url(cap/logo.png);}
#gallery #logo{background-image:url(gallery/logo.png);}
#contact #logo{background-image:url(contact/logo.png);}

/*navigation*/

#navigation {
  margin:10px 0px 0px 0px;
  background-repeat:repeat-x;
  height:40px;
}

#home #navigation {background-image:url(home/nav-gradient.png);}
#home2 #navigation {background-image:url(home/nav-gradient.png);}
#about #navigation {background-image:url(about/nav-gradient.png);}
#church #navigation {background-image:url(church/nav-gradient.png);}
#people #navigation {background-image:url(people/nav-gradient.png);}
#youth #navigation {background-image:url(youth/nav-gradient.png);}
#breath #navigation {background-image:url(breath/nav-gradient.png);}
#cap #navigation {background-image:url(cap/nav-gradient.png);}
#gallery #navigation {background-image:url(gallery/nav-gradient.png);}
#contact #navigation {background-image:url(contact/nav-gradient.png);}

#navigation ul, #navigation li {
  margin:0px 0 0 0px;
  padding:0;
  list-style:none;
}

#navigation li {
  float:left;
  margin:13px 0px 10px 27px;
  z-index:1;
}

#navigation a {
  font-size:15px;
  text-transform:uppercase;
  text-decoration:none;
  color:#fff;
}

#youth #navigation a {
  color:#000000;
}

#navigation a:hover {
  color:#b1b3b6;
}

#youth #navigation a:hover {
  color:#636466;
}

/*banner*/

#banner {
  position:relative;
  width:780px;
  height:225px;
}

#title {
  position:absolute;
  top:100px;
  left:5px;
}

#title h1 {
  margin:0px;
  color:#636466;
}

#youth #title h1 {
  margin:0px;
  color:#fff;
}

#news {
  margin:35px 0px -5px 5px;
  width:780px;
  color:#636466;
}

#news a{
  text-decoration:none;
  color:#636466;
}


/*sub page*/

#sub-page {
  width:780px;
  float:none;
  margin-top:-10px;
  background-color:#fff;
  height:auto;
}

#youth #sub-page {
  background-color:#000000;
}

table {
  border-collapse:collapse;
  border:0;
  margin:0;
}

#news-line {
  float:left;
  height:3px;
  width:400px;
  background:#b1b3b6;
  margin:-40px 0 0 0;
}

#divide-line {
  height:2px;
  width:780px;
  background:#b1b3b6;
  margin:-2px 0 -5px 0;
}

#sub-left {
  width:170px;
  height:200px;
  float:left;
  margin-top:20px;
  padding-left:5px;
  background-color:#fff;
}

#youth #sub-left {
  background-color:#000000;
}

#sub-left h2 {
  margin:-52px 0 0 50px;
  color:#636466;
}

#youth #sub-left h2 {
  margin:-52px 0 0 50px;
  color:#fff;
}

#sub-title {
  height:40px;
  color:#636466;
  font-size:20pt;
  padding-left:50px;
  margin:0 0 10px 5px;
  text-transform:lowercase;
  float:left;
}

#youth #sub-title {
  color:#fff;
}

#home2 #sub-title {background:url(home/square.png) no-repeat;}
#about #sub-title {background:url(about/square.png) no-repeat;}
#church #sub-title {background:url(church/square.png) no-repeat;}
#people #sub-title {background:url(people/square.png) no-repeat;}
#youth #sub-title {background:url(youth/square.png) no-repeat;}
#breath #sub-title {background:url(breath/square.png) no-repeat;}
#cap #sub-title {background:url(cap/square.png) no-repeat;}
#gallery #sub-title {background:url(gallery/square.png) no-repeat;}
#contact #sub-title {background:url(contact/square.png) no-repeat;}


/*sub page navigation*/

#sub-navigation ul {
  width:150px;
  margin:20px 0 0 0;
  padding:0px;
  float:left;
}

#sub-navigation a {
  width:150px;
  color:#636466;
  font-size:15px;
  text-transform:uppercase;
  text-decoration:none;
}

#youth #sub-navigation a {
  color:#fff;
}

#sub-navigation ul, #sub-navigation li {
  list-style:none;
}

#sub-navigation li {
  margin:0px;
}

#sub-navigation a:hover {
  color:#b1b3b6;
}

#youth #sub-navigation a:hover {
  color:#636466;
}

/*body fill*/

#image-divide {
  border-right:none;
  float:left;
  z-index:-10;
  margin-top:10px;
}

#youth-image-divide {
  border-right:none;
  float:right;
  z-index:-10;
  margin-top:10px;
}


#copy {
}

.secondary #copy {
  width:400px;
  float:right;
  color:#636466;
  margin:0 10px 0 0;
}

#youth .secondary #copy {
  color:#fff;
}

#youth .secondary #youth-copy {
  float:right;
  width:230px;
  color:#fff;
}

.tertiary #copy {
  width:580px;
  float:left;
  color:#636466;
  margin:0px 10px 0 5px;
}

#youth .tertiary #copy {
  color:#fff;
}

#copy p a{
  color:#636466;
}

#copy img{
  margin:10px 20px 10px 0px;
  border:0;
}

/*footer*/

#footer {
  width:780px;
  height:100px;
  color:#fff;
  font-size:12pt;
}

#youth #footer {
  width:780px;
  height:100px;
  color:#000000;
  font-size:12pt;
}

#home #footer {background:url(home/footer-gradient.png);}
#home2 #footer {background:url(home/footer-gradient.png);}
#about #footer {background:url(about/footer-gradient.png);}
#church #footer {background:url(church/footer-gradient.png);}
#people #footer {background:url(people/footer-gradient.png);}
#youth #footer {background:url(youth/footer-gradient.png);}
#breath #footer {background:url(breath/footer-gradient.png);}
#cap #footer {background:url(cap/footer-gradient.png);}
#gallery #footer {background:url(gallery/footer-gradient.png);}
#contact #footer {background:url(contact/footer-gradient.png);}

#footer a {
  color:#fff;
}

#youth #footer a {
  color:#000000;
}

#footer #content {
  text-align:right;
}

#footer .right {
  margin:15px 10px 5px 200px;
  font-size:10pt;
}

#footer .left {
  margin:15px 0 0 10px;
  font-size:10pt;
}

/*home*/

#home #welcome {
  margin-left:5px;
  color:#636466;
  font-size:12pt;
}

#home #sub-page {
  height:210px;
  overflow:visible;
}

#boxcontainer {
  width:849px;
  height:200px;
  border-top:solid 2px #b1b3b6;
  overflow:visible;
}

.box {
  width:143px;
  height:180px;
  margin-top:15px;
  padding:0px 5px 5px 5px;
  float:left;
  border-right:solid 2px #b1b3b6;
  overflow:visible;
}

.box.last {
  border-right:none;
  overflow:visible;
}

#home .box a {
  text-decoration:none;
  color:#636466;
  overflow:visible;
}

#home .box a:hover {
  color:#b1b3b6;
  overflow:visible;
}

#home .box h2 {
  margin:-52px 0 0 45px;
  width:110px;
  overflow:visible;
}

#home .box p {
  color:#b1b3b6;
  font-size:11pt;
  margin:10px 0 0 0;
  overflow:visible;
}

#home #footer {
  margin-top:5px;
}