/* Blue Color: #00a3b3; */

body, html, #mainHolder {
   background-color: #ffffff;
   text-align: center;
   padding: 0;
   margin: 0;
   height: 100%;
}

#main {
   padding-bottom: 28px; /* For the footer */
}

body > #mainHolder {
   height: auto;
   min-height: 100%;
}

#footerHolder {
   display: block;
   width: 100%;
   background-color: #00a3b3;
   color: white;
   position: relative;
   height: 28px;
   margin-top: -28px;
   
}

#footer {
   width: 1000px;
   margin-right: auto;
   margin-left: auto;
   text-align: center;
   vertical-align: middle;
   display: inline;
}

#footer p {
   margin: 0px;
   font-family: Lucida Grande, Lucida Sans, Lucida Sans Unicode, sans-serif;
   font-size: 12px;
   vertical-align: middle;
   display: inline;
}

.wrap {
   margin-left: auto;
   margin-right: auto;
   text-align: left;
   width: 1000px;
   background-color: #fff;
   padding: 0 10px;
   margin-top: 0;
   position: relative;
}

#navbarHolder {
   width: 100%;
   background-color: #00a3b3;
}

#navbar {
   background-color: #00a3b3;
   z-index: 5;
}

#navbar a {
   color: #FFF;
   text-decoration: none;
   font-size: 12px;
   width: 200px;
   margin: 0px;
   padding-left: 0px;
   padding-right: 0px;
   display: inline-block;
   text-align: center;
   padding-top: 5px;
   padding-bottom: 5px;
   font-weight: normal;
}

#navbar a:hover {
   color: #fff;
   background-color: #078;
}

noscript {
   color: #f00;
   padding: 5px 50px;
   display: inline-block;
   font-size: 18px;
   font-family: Lucida Grande, Lucida Sans, Lucida Sans Unicode, sans-serif;
}

body {
	font-family: Times, Times New Roman;
}

img {
   border: none;
   outline: none;
}

p a, li a {
   color: #00a3b3;
   text-decoration: none;
   font-weight: bold;
   font-family: Times, Times New Roman;
}

p {
   font-size: 14px;
}

a:hover {
   color: #078;
}

/* Header */

#header {
   position: relative;
}

#CELogo {
   margin-top: 2px;
   margin-bottom: -2px;
   border: none;
}

h1, h2, h3, h4, h5, h6, a {
   font-family: Lucida Grande, Lucida Sans, Lucida Sans Unicode, sans-serif;
}

#headerText {
   color: #00a3b3;
   position: absolute;
   bottom: -18px;
   font-size: 85px;
   margin: 0px;
   letter-spacing: 2px;
   left: 97px;
}

h2 {
   font-size: 18px;
   margin-top: 0px;
   text-align: left;
}

h3 {
   font-size: 14px;
   margin-right: 10px;
   margin-bottom: 0px;
}

#subHeadText {
   position: absolute;
   bottom: 35px;
   right: 75px;
   font-size: 18px;
   letter-spacing: 2px;
}

.leftCol, .rightCol {
   position: relative;
   width: 490px;
   margin-top: 10px;
}

.leftCol {
   float: left;
}

.rightCol {
   float: right;
}

.rightCol p, .leftCol p {
   margin: 0px 0px 1em 0px;
}

.leftCol > div, .rightCol > div {
   margin-bottom: 40px;
}

.mainTop {
   margin-bottom: 30px;
}

.clearer {
   clear: both;
}

.mailtoLink {
   font-family: Times, Times New Roman;
}

#newsletterTable table {
   display: inline-block;
   margin-left: auto;
   margin-right: auto;

}

#newsletterTable tr td {
   font-family: Lucida Grande, Lucida Sans, Lucida Sans Unicode, sans-serif;
   font-size: 12px;
}

#newsletterTable tr td:first-child {
   text-align: right;
   padding-right: 10px;
}

#newsletterTable tr td:first-child + td  input{
   width: 350px;
}

#newsletterTable form {
   text-align: center;
   display: inline-block;
}

.calendar th {
   text-align: center;
   font-family: Lucida Grande, Lucida Sans, Lucida Sans Unicode, sans-serif;
}

.calendar table {
   background-color: #00a3b3;
}

.calendar td {
   border: 1px inset #00a3b3;
   width: 28px;
   height: 28px;
   vertical-align: middle;
   text-align: center;
}

.calendar td a {
   text-decoration: none;
   font-family: Times, Times New Roman;
   width: 100%;
   height: 100%;
   display: inline;
   vertical-align: middle;
}

.calendar td.thisMonth.hasEvent.today {
   background-color: #007080;
}

.calendar td.thisMonth.hasEvent a {
   color: #ffffff;
}

.calendar td.thisMonth.hasEvent a:hover {
   color: #aaaaaa;
}

.calendar td.thisMonth.hasEvent.notToday {
   background-color: #0090a0;
}

.calendar td.thisMonth.noEvent.today {
   background-color: #aaaaaa;
   color: #000000;
}

.calendar td.thisMonth.noEvent.notToday {
   background-color: #ffffff;
   color: #000000;
}

.calendar td.notThisMonth.hasEvent {
   background-color: #cccccc;
}

.calendar td.notThisMonth.hasEvent a {
   color: #666666;
}

.calendar td.notThisMonth.hasEvent a:hover {
   color: #000000;
}

.calendar td.notThisMonth.noEvent {
   background-color: #ffffff;
   color: #999999;
}

.eventListContainer {
   float: left;
   width: 300px;
   margin-right: 30px;
}

#schedule p.indented {
   margin-top: 5px;
   margin-left: 20px;
}

#schedule .calFloatRight {
   float: right;
   margin-bottom: 10px;
}

#schedule h2 {
   margin-top: 30px;
}

.hidden {
   display: none !important;
}

#modalHolder {
   z-index: 50;
   position: fixed;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   background-image: url("/images/modalBackground.png");
}

#modal {
   margin-left: auto;
   margin-right: auto;
   display: inline-block;
   background-color: white;
   position: relative;
   border: 1px solid black;
   padding: 5px;
   text-align: left;
   overflow: auto;
   max-height: 80%;
}

#modal h2 {
   text-align: center;
}

.modalCloseButton {
   text-align: center;
   width: 100%;
   display: block;
   margin: 0px;
   padding: 0px;
   letter-spacing: 0px;
   font-size: 12px;
   font-weight: bold;
}

.modalCloseButton:hover {
   color: #078;
}

#prayerRequestForm table {
   margin-left: auto;
   margin-right: auto;
   font-family: Lucida Grande, Lucida Sans, Lucida Sans Unicode, sans-serif;
   font-size: 12px;
   font-weight: bold;
}

#prayerRequestForm td {
   padding-right: 5px;
   padding-bottom: 10px;
}

#prayerRequestForm td + td {
   text-align: left;
}

#about img {
   width: 490px;
}

#about img + p {
   height: 60px;
   margin-top: 5px;
}


#store table {
   margin: 0px auto;
}

#store table td {
   width: 330px;
   height: 250px;
   text-align: center;
}

.storeItemDetail {
   text-align: center;
}

.PayPalButtons {
   white-space: nowrap;
}

.PayPalButtonHolder {
   display: inline-block;
   margin: 10px;
   text-align: center;
}

.storeImageAndButtons {
   display: inline-block;
   vertical-align: middle;
}

.storeItemDetail embed {
   vertical-align: middle;
}

.album {
   float: right;
}

.PayPalButtonHolder form {
   display: block;
}

.emailSignUpLink {
   font-size: 1.2em;
}