/********************************************** Layout */
.embed {
  /* here to get picked in the RTE */
}


body {
  background: transparent url(/images/bg_body.png) repeat;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  line-height: 1m;
}

#wrapper {
  margin: auto;
  margin-bottom: 20px;
  border: 10px solid #828a8f;
  background-color: #cacac8;
  padding: 10px;
  width: 810px;
  position: relative;  
}

#header {
  width: 810px;
  height: 182px;
  background: transparent url(/images/bg_header.png) no-repeat;
  padding-top: 15px;
}

  #header h1 {
    margin: 0px 0px 0px 120px;
    padding: 0px;
    width: 277px;
    height: 70px;    
    background: transparent url(/images/lcn_logo.png) no-repeat;    
    text-indent: -9999px;
  }
  
  #header h1 a {
    display: block;
    width: 277px;
    height: 70px;      
  }

  #header p {
    margin: 45px 0px 0px 485px;
    padding: 0px;
    width: 284px;
    height: 41px;    
    background: transparent url(/images/saying_yes_to_god.png) no-repeat;    
    text-indent: -9999px;
  }
    
#eVite {
  position: absolute;
  top:-20px;
  right: -50px;
  background-color: gray
  width: 165px;
  height: 84px;    
  background: transparent url(/images/invite_a_friend.png) no-repeat;      
}  
  #eVite a {
    text-indent: -9999px;
    width: 165px;
    height: 84px;        
    display: block;
  }


#footer {
  margin-top: 10px;
  background: #ffffff url(/images/bg_footer.png) no-repeat;      
  padding: 0px 0px 0px 0px;    
  width: 100%;
  height: 75px;
}
  #footer * {
    padding: 0px;
    margin: 0px;
  }
  
  #footer div {
    padding-left: 70px;
    padding-top: 20px;
  }
  
.error {
  padding: 10px;
  margin:5px 0px 5px 0px;
  border: 2px solid red;
}

.succes {
  padding: 10px;
  margin:5px 0px 5px 0px;
  border: 2px solid green;
}

.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.left {
  width: 49%;
  float: left;
}

.right {
  width: 49%;
  float: left;
}

/********************************************** Menu */    
  
  
  /* dropdown */
  #mainMenu li ul {  

    margin:0;
    padding:0;
    list-style:none;
    overflow:hidden;  
  }
  
  #mainMenu li:hover ul {
    display:block;
    z-index: 10000;
  }   
  
  #mainMenu li ul li {
    text-transform: none;  
    float:none;
    padding: 0px;      
  }
  
  #mainMenu li ul li a {
    color:#ffffff;
    display:block;
    text-align: left;    
  }  

  #mainMenu li ul li a:hover {
    color: #000000;
  }  
  



.subMenu { 
    list-style: none;
    margin: 0px;
    padding: 0px;
  } 
  
.subMenu li { 
    margin-bottom: 11px;
    text-align: center;
    background-color: #ffffff;
  } 

.subMenu li a {     
    display: block;
    text-decoration: none;
    padding-top: 8px;
    padding-bottom: 3px;
    display: block;
    color: #000000;        
  } 
  
.subMenu li span { 
    display: block;
    color: #ffffff;
    font-weight: bold;
    font-size: 1.1em;
    padding: 2px;
    margin-bottom: 3px;
    text-transform: uppercase;            
  } 

/* Default */
.default .subMenu li { 
  border:1px solid #3e4545;
}

.default .subMenu li a span {  
  background:#3e4545 url(/images/bg_sub_menu_default.png) repeat-x;    
}

.default .subMenu li a:hover { 
  background:#677072 url(/images/bg_sub_menu_default_hover.png) repeat-x;    
}
  
/* Blue */
.blue .subMenu li { 
  border:1px solid #006784;
}

.blue .subMenu li a span, .subMenu li.blue a span { 
  background:#006784 url(/images/bg_sub_menu_blue.png) repeat-x;  
}

.blue .subMenu li a:hover, .subMenu li.blue a:hover { 
  background:#0597c5 url(/images/bg_sub_menu_blue_hover.png) repeat-x;
}

/* Green */
.green .subMenu li { 
  border:1px solid #719500;
}

.green .subMenu li a span, .subMenu li.green a span { 
  background:#719500 url(/images/bg_sub_menu_green.png) repeat-x;  
}

.green .subMenu li a:hover, .subMenu li.green a:hover { 
  background:#90d401 url(/images/bg_sub_menu_green_hover.png) repeat-x;
}


/* Yellow */
.yellow .subMenu li { 
  border:1px solid #c2af00;
}

.yellow .subMenu li a span, .subMenu li.yellow a span { 
  background:#c2af00 url(/images/bg_sub_menu_yellow.png) repeat-x;  
}

.yellow .subMenu li a:hover, .subMenu li.yellow a:hover { 
  background:#d7c835 url(/images/bg_sub_menu_yellow_hover.png) repeat-x;
}

/* Orange */
.orange .subMenu li { 
  border:1px solid #ff7d00;
}

.orange .subMenu li a span, .subMenu li.orange a span { 
  background:#ff7d00 url(/images/bg_sub_menu_orange.png) repeat-x;  
}

.orange .subMenu li a:hover, .subMenu li.orange a:hover { 
  background:#ff7a01 url(/images/bg_sub_menu_orange_hover.png) repeat-x;
}

/* Red */
.red .subMenu li { 
  border:1px solid #7a2531;
}

.red .subMenu li a span, .subMenu li.red a span { 
  background:#7a2531 url(/images/bg_sub_menu_red.png) repeat-x;  
}

.red .subMenu li a:hover, .subMenu li.red a:hover { 
  background:#be0f34 url(/images/bg_sub_menu_red_hover.png) repeat-x;
}
  
  
/********************************************** Generic */    

.dropShadow {
  box-shadow: 3px 3px 5px #525253;
  -moz-box-shadow: 3px 3px 5px #525253;
  -webkit-box-shadow: 3px 3px 5px #525253;
}  
  
.warning {
  margin: 10px 0px;
  padding: 10px;
  border: 2px solid #fffc00;
  background-color: #fffe9e;  
}

#ie6Warning h4 {
  margin: 0px;
  padding: 0px;
}

#ie6Warning p {
  margin: 0.5em 0px 0px 0px;
  padding: 0px;    
}


a:link, a:visited {
  color:#3e4545;
}

a:hover {
  text-decoration: none;
}

input[type='submit'] {
  background:#3e4545 url(/images/bg_sub_menu_default.png) repeat-x;    
  color: #ffffff;
  padding: 3px 10px;
  border: 1px solid #000000;
  margin-left: 130px;
}

input[type='submit']:hover {
  text-decoration: underline;
  cursor: pointer;
}


/* REMOVE MARGIN FOR PALPAY BUTTONS */
input.formbutton {
  margin-left: 0px!important;
}

button:hover, .button:hover {
  text-decoration: underline;
  cursor: pointer;
}

button, .button {
  background:#3e4545 url(/images/bg_sub_menu_default.png) repeat-x;    
  color: #ffffff!important;
  padding: 3px 10px;
  border: 1px solid #000000;
}


/********************************************** Home page */  


#leftColumn {
  width:533px;
  height:325px;
  float: left;
}

#rightColumn { 
  width:250px;
  margin-left: 24px;
  float: left;
}


/* rotator in-page placement */
div.homeRotator {
	position:relative;
  width: 533px;
  height: 325px;	
}

div.homeRotator ul {
  margin: 0px;
  padding: 0px;
}

/* rotator css */
div.homeRotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}

div.homeRotator ul li.show {
	z-index:500;
}
  
  
/********************************************** Page */  

.pageContent {
  background: #ffffff;
  padding: 20px 30px;  
  clear: left;
}

.pageContent .leftColumn {
  width: 480px;
  float: left;
  margin-left: 0px;
}

.pageContent .rightColumn {
  width: 250px;  
  float: left;
  margin-left: 20px;
}

  .pageContent .rightColumn ul.subMenu { 
    list-style: none;
    margin: 0px;
    padding: 0px;
  } 
  
  .pageContent .rightColumn.subMenu li { 
    margin-bottom: 1em;
    text-align: center;
  } 

  .pageContent .rightColumn.subMenu li a {     
    display: block;
    text-decoration: none;
    padding-top: 8px;
    display: block;
    color: #000000;        
  } 
  
  .pageContent .rightColumn.subMenu li span { 
    display: block;
    color: #ffffff;
    font-weight: bold;
    font-size: 1.1em;
    padding: 2px;        
  } 
  
  .pageContent h2 {
    font-family: Arial Narrow, Helvetica, sans-serif;
    font-size: 2.1em;
    letter-spacing: 2px;
    color: #3e4545;    
    margin: 0em 0em 0.4em 0em;
  }
  
  .pageContent h2 span {
    font-size: 0.6em;
    margin-top: -15px;
    font-weight: normal;
    letter-spacing: 1px;    
  }
  
  .pageContent.blue  h2 {
    color: #006784;
  }
  
  .pageContent.green h2 {
    color: #719500;
  }
  
  .pageContent.yellow  h2 {
    color: #c2af00;
  }
  
  .pageContent.orange h2 {
    color: #ff7d00;
  }
  
  .pageContent.red h2 {
    color: #7a2531;
  }        
  
/********************************************** Calendar */

.full_calendar {
  border-collapse: collapse;  
  width: 100%;
}

.full_calendar td, .full_calendar th {
  border: 1px solid #7a2531;  
}

.full_calendar td {
  vertical-align: top;
}

.full_calendar td div.cell {
  height: 80px;
  width: 80px;
  padding: 4px;  
}

.full_calendar td div.highlight {
  background-color: gray;
}

/********************************************** Gallery */

#gallery {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

#gallery li {
  float: left;
  margin: 0px 20px 0px 0px;
}

/********************************************** BLOGS */    

.blog_item h3 {
  margin-bottom: 0px;  
}

.blog_item p {
  margin-top: 0px;  
}

/********************************************** Social Media */    

#twitterFeed {
  
}

#twitterFeed .top {
  width:265px;
  height: 137px;
  background: url(/images/bg_tweets_top.png) no-repeat;
}

#twitterFeed .middle {
  width:265px;
  background: url(/images/bg_tweets_middle.png) repeat-y;
}

#twitterFeed .bottom {
  width:265px;
  height: 18px;
  background: url(/images/bg_tweets_bottom.png) no-repeat;
}

.tweet, .query {
  font-size: 0.9em;
}


.tweet .tweet_list, .query .tweet_list {
  list-style-type: none;
  margin: 0px;
  padding: 0;
/*   background-color: #8ADEE2;  */
}

.tweet .tweet_list {
  width: 235px;
  padding: 5px;
  margin-left: 10px;  
}


.tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
  text-transform: uppercase; 
}

.tweet .tweet_list li, .query .tweet_list li {
  text-align: left!important; 
  padding: 1.5em .5em .5em .5em; 
  background: url(/images/bg_tweets_divider.png) no-repeat top center;    
}

.tweet .tweet_list li a, .query .tweet_list li a {
  display: inline;
  color: #0C717A; 
}

.tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even {
  /*       background-color: #91E5E7;  */      
}

.tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {
  padding-right: .5em;
  float: left; 
}

.tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {
  vertical-align: middle; 
}


/* Current Series */

#currentSeries {
  border: 1px solid #c7c8ca;
  width: 213px;
  margin: auto;
}

/********************************************** FORMS - GENERIC*/

fieldset {
  border: none;
  padding: 0px;
  margin: 0px;
}
  
label {
  float: left;
  width: 120px;
  margin-right: 10px;
  padding-top: 3px;
}  

label[class=required] {
  border-right: 1px solid red;
}

label[class=error] {
  color: red;
  margin-left: 5px;  
}

input[type=text], 
input[type=email], 
input[type=password]{
  width: 250px;
} 

textarea {
  width: 250px;
  height: 100px;
}

textarea.autoGrow {
  font-size: 1em;
  line-height: 1.2em;
  min-height: 100px;
  width: 250px;
  height: 100px;
}

input[type=text], 
input[type=email], 
input[type=password], 
textarea {
  border: 1px solid gray;
  padding: 2px;
}
  

input[type=text]:focus, 
input[type=email]:focus, 
input[type=password]:focus, 
textarea:focus {
  border: 1px solid blue;
}

input[type=checkbox] {
  margin-left: 130px;
  margin-right: 5px;
}

input[type=checkbox]+label {
  float: none;
}



/********************************************** TYPOGRAPHY */

a {
  outline: none;
}

a img {
  border: none;
}

/********************************************** PRAYERWALL */


#togglePrayerRequestForm {
  float: right;
  margin: 0px;
}


/********************************************** EVENTS */

#eventDates {
  margin-top: 20px;
}

#eventDates h4 {
  margin-bottom: 4px;
}

#eventDates p {
  margin-top: 0px;
  margin-bottom: 4px;
  font-size: 12px;
  font-style: italic;
}



label.error {
  float: right;
  width: 280px;
  margin: 0px;
  padding: 4px;  
}

/********************************************** STAFF */

.staff {
  list-style-type: none;
  position: relative;
  padding: 0px;
  margin: 0px;  
  height: 400px;
  width: 100%;
}

.staff .name {
  display: block;
  visibility: hidden;
}

.staff .info {
  visibility: hidden;
}

.staff li {
  width: 180px;
  height: 380px;
  position: absolute;
  padding: 0px;
  margin: 0px;
}

.active .name, .active .info {
  display: none;
}

/* PASTORS */

#pastors.active .laurel {
  background: transparent url(/images/staff/pastors/laurel.png) top left;
  left: -60px;
}

#pastors.active .laurel:hover {
  background: transparent url(/images/staff/pastors/laurel.png) bottom left;
}


#pastors.active .mike {
  background: transparent url(/images/staff/pastors/mike.png) top left;
  left: 60px;
}

#pastors.active .mike:hover {
  background: transparent url(/images/staff/pastors/mike.png) bottom left;
}


#pastors.active .nick {
  background: transparent url(/images/staff/pastors/nick.png) top left;
  left: 203px;
}

#pastors.active .nick:hover {
  background: transparent url(/images/staff/pastors/nick.png) bottom left;
}


#pastors.active .scott {
  background: transparent url(/images/staff/pastors/scott.png) top left;
  right: 212px;  
}

#pastors.active .scott:hover {
  background: transparent url(/images/staff/pastors/scott.png) bottom left;
}


#pastors.active .rob {
  background: transparent url(/images/staff/pastors/rob.png) top left;
  right: 70px;
}

#pastors.active .rob:hover {
  background: transparent url(/images/staff/pastors/rob.png) bottom left;
}


#pastors.active .bobby {
  background: transparent url(/images/staff/pastors/bobby.png) top left;
  right: -63px;
}

#pastors.active .bobby:hover {
  background: transparent url(/images/staff/pastors/bobby.png) bottom left;
}


/* Ministries */

#ministries {
  height: 500px;
}

#ministries.active .glendie {
  background: transparent url(/images/staff/ministries/glendie.png) 0px -30px;
  left: -20px;
  height: 350px;
  width: 200px;
}

#ministries.active .glendie:hover {
  background: transparent url(/images/staff/ministries/glendie.png) bottom left;
}


#ministries.active .ariana {
  background: transparent url(/images/staff/ministries/ariana.png) -30px -60px;
  left: 120px;
  width: 110px;
  height: 320px;
  top: 60px;
}

#ministries.active .ariana:hover {
  background: transparent url(/images/staff/ministries/ariana.png) -30px 320px;
}


#ministries.active .shannon {
  background: transparent url(/images/staff/ministries/shannon.png) -40px -50px;
  left: 240px;
  width: 110px;
  height: 330px;
  top: 50px;
}

#ministries.active .shannon:hover {
  background: transparent url(/images/staff/ministries/shannon.png) -40px -430px;
}


#ministries.active .mikeyost {
  background: transparent url(/images/staff/ministries/mikeyost.png) 0px -50px;
  right: 200px;
  top: 50px;
  height: 330px;    
}

#ministries.active .mikeyost:hover {
  background: transparent url(/images/staff/ministries/mikeyost.png) bottom left;
}


#ministries.active .vinny {
  background: transparent url(/images/staff/ministries/vinny.png) -10px -60px;
  right: 70px;   
  top: 60px;
  height: 320px;   
  width: 160px;
}

#ministries.active .vinny:hover {
  background: transparent url(/images/staff/ministries/vinny.png) -10px -440px;
}


#ministries.active .cathy {
  background: transparent url(/images/staff/ministries/cathy.png) 0px -60px;
  right: -80px;
  top: 60px;
  height: 320px; 
}

#ministries.active .cathy:hover {
  background: transparent url(/images/staff/ministries/cathy.png) bottom left;
}



#ministries.active .shelly {
  background: transparent url(/images/staff/ministries/shelly.png) 0px -40px;
  top:100px;
  left: -75px;  
  height: 340px
}

#ministries.active .shelly:hover {
  background: transparent url(/images/staff/ministries/shelly.png) bottom left;
}


#ministries.active .sue {
  background: transparent url(/images/staff/ministries/sue.png) -35px -30px;
  top:140px;
  left: 85px;  
  height: 345px;
  width: 120px;
}

#ministries.active .sue:hover {
  background: transparent url(/images/staff/ministries/sue.png) -35px -410px;
}


#ministries.active .jacob {
  background: transparent url(/images/staff/ministries/jacob.png) 0px -130px;
  top:240px;
  left: 200px;
  height: 225px;  
}

#ministries.active .jacob:hover {
  background: transparent url(/images/staff/ministries/jacob.png) 0px -510px;
}


#ministries.active .kelly {
  background: transparent url(/images/staff/ministries/kelly.png) 0px -20px;
  top:160px;
  right: 240px;
  height: 340px;
}

#ministries.active .kelly:hover {
  background: transparent url(/images/staff/ministries/kelly.png) 0px -400px;
}


#ministries.active .nate {
  background: transparent url(/images/staff/ministries/nate.png) 0px -90px;
  top:210px;
  right: 90px;  
  height: 265px;  
}

#ministries.active .nate:hover {
  background: transparent url(/images/staff/ministries/nate.png) 0px -470px;
}


#ministries.active .zach {
  background: transparent url(/images/staff/ministries/zach.png) 0px -100px;
  top:210px;
  right: -55px;
  height: 255px;
}

#ministries.active .zach:hover {
  background: transparent url(/images/staff/ministries/zach.png) 0px -480px;
}








.qtip span.name {
  font-size: 1.5em;
  font-weight: bold;
}

.qtip span.info {
  display: block;
  line-height: 1.5em;
}

.qtip-content {
  background-color: #828a8f!important;
  color: #ffffff!important;
}









.nivo-caption {
  display: none;
}
