* { padding: 0; margin: 0; }

body 
{ font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: #807B59;
 background: #9EBF60 url(../images/BGdrop_shadow.jpg) center repeat-y;
 list-style:inside;
}

#wrapper {
 width: 922px;
 margin: 0px auto;
}
 
#header {
 color: #807B59;
 width: 912px;
 font-family: Arial, Verdana, sans-serif;
 padding-right: 10px;
 border: 0px;
 height: 116px;
 max-height: 116px;
 overflow: hidden;
 margin: 0px 0px 0px 0px;
 background-color: #E8EAFF;
 background-image: url(../images/headerchurch.jpg);
 background-repeat: no-repeat;
 text-align: right;
}
#headerblog {
 color: #807B59;
 width: 912px;
 font-family: Arial, Verdana, sans-serif;
 padding-right: 10px;
 border: 0px;
 height: 116px;
 max-height: 116px;
 overflow: hidden;
 margin: 0px 0px 0px 0px;
 background-color: #E8EAFF;
 background-image: url(../images/headerchurch.jpg);
 background-repeat: no-repeat;
 text-align: right;
}


#logo 
{
    position: relative;
    top: 0px;
    left: -496px;
    z-index:1;
    }

#login 
{
}

#search  {
    position: relative;
    top: -105px;
    z-index:0;
   
}

/*Some pages have the search control in the footer div*/
#searchinfooter  {
  padding: 3px;
}

#address {
    position: relative;
    top:-80px;
    z-index:0;
    
}

/*style for menu bar area*/
#navigation {
 width: 902px;
 color: #807B59;
 padding: 10px;
 border: 0px;
 margin: 0px 0px 0px 0px;
 text-align:right;
 background: #8C96FF;
}
#navigationblog {
 width: 902px;
 color: #807B59;
 padding: 10px;
 border: 0px;
 margin: 0px 0px 0px 0px;
 text-align:right;
 background: #8C96FF;
}
/*Top image on default.aspx*/
#main {
 color: #807B59;
 border: 0px;
 background-image: url(../images/church4.jpg);
 background-repeat: no-repeat;
 background-color: #CCC58F;
 margin: 0px 0px 20px 0px;
 height: 280px;
 width: 495px;
float:left;
}

/*Upcoming Events box on default.aspx*/
#calendar { 
 color: #555555;
 border: 0px;
 margin: 0px 0px 20px 0px;
 height: 280px;
 width: 427px; 
 float:left;
 display:inline;
 clear:right;
}

/*Upcoming Events box on default.aspx*/
#upcomingEvents
{
    height:264px;
    width: 400px;
    border-top: 2px solid #6971B3;
    border-left: 14px solid #6971B3;
    border-right: 14px solid #6971B3;
    border-bottom: 14px solid #6971B3;
    background: url(../images/upcomingevents.jpg) no-repeat;
      
}

#upcomingEvents h3
{  
    padding: 8px 10px 0px 10px;
    text-align: center;
    font-weight: bold;
    color: #E6E3CF;
    font-size:large;}
    
#upcomingEventsInside{
    padding: 5px 10px 0px 10px;}


/* The column div's (leftcolumn, middlecolumn, rightcolumn) refer to blocks on default.aspx, aboutus.aspx, and community.aspx*/  
/* for the column photos, the background image default is set here. (use if you get rid of the collection control on the master page and just want a static image)*/
#leftcolumnphoto { 
 color: #555555;
 background: #F2F2E6 url(../images/columntops/water.jpg) no-repeat;
 padding: 0px;
 height: 40px;
 width: 250px;
}

#leftcolumn { 
 color: #555555;
 border: 5px solid #6971B3;
 background: #F2F2E6;
 margin: 0px 35px 0px 20px;
 padding: 0px;
 min-height: 250px;
 width: 250px;
 float:left;
}

#middlecolumnphoto { 
 color: #555555;
 background: #F2F2E6 url(../images/columntops/water.jpg) no-repeat;
 padding: 0px;
 min-height: 40px;
 width: 250px;
}

#middlecolumn { 
 color: #555555;
 border: 5px solid #6971B3;
 background: #F2F2E6;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 min-height: 250px;
 width: 250px;
float:left;
display:inline;
}

#rightcolumnphoto { 
 color: #555555;
 background: #F2F2E6 url(../images/columntops/water.jpg) no-repeat;
 padding: 0px;
 height: 40px;
 width: 250px;
}

#rightcolumn { 
 color: #555555;
 border: 5px solid #6971B3;
 background: #F2F2E6;
 margin: 0px 25px 20px 35px;
 padding: 0px;
 height: 250px;
 width: 250px;
float:left;
display: inline;
}

/*bartext refers to the text inside the purple bars*/
.bartext {
    position:relative;
    top: -39px;
    padding: 0px 10px 0px 10px;
    text-align: center;
    font-weight: bold;
    color: #E6E3CF;
   
    font-size:large; 
}
.bartext2 {
    position:relative;
    top: 0px;
    padding: 10px 10px 25px 15px;
    font-weight: bold;
    color: #E6E3CF;
    font-size:large;
    max-width: 350px; 
}

.bartextcalendar {
    position:relative;
    top: 0px;
    padding: 10px 10px 25px 15px;
    font-weight: bold;
    color: #E6E3CF;
    font-size:large;
    max-width: 350px; 
    clear:right;
}

.columntext {   
    color: #555555;
    position:relative;
    top: -20px;
    text-align:left;
    padding: 0px 10px 10px 10px;
    font: Arial, Verdana, sans-serif;
}
.columntext a:link {color: #555555;}
.columntext a:visited {color: #888888;}
.columntext a:hover {color: #6971B3}
.columntext a:focus {color: #555555;}
.columntext a:active {color: #555555;}

a:link {color: #555555;}
a:visited {color: #888888;}
a:hover {color: #6971B3}
a:focus {color: #555555;}
a:active {color: #555555;}

#contentarea {
float:left;
 width: 845px;
 border: 2px solid #6971B3;
 height:auto;
 overflow:visible;
 background: #F2F2E6;
 color: #555555;
 padding: 10px;
 margin: 30px 30px 30px 30px;
}

#contentareablog {

}

#contentarea2 
{
    float:left;
 width: 845px;
 border: 2px solid #6971B3;
 background: #F2F2E6;
 color: #555555;
 padding: 10px;
 margin: 30px 30px 30px 30px;
 clear:both;
}

/* contentarea3 is the map area on directions.aspx */
#contentarea3 {
 clear:both;
 width: 825px;
 background: #F2F2E6;
 color: #555555;
 clear:both;
}
#pagetop
{float: left;
 width: 844px;
 height: auto;
 border: 0px;
 background: #F2F2E6 url(../images/pagetop.jpg) no-repeat;
 color: #555555;
 padding: 0px;
 margin: 0px;
}

#pagetop2
{float: left;
 width: 844px;
 border: 0px;
 background: #F2F2E6 url(../images/pagetop.jpg) no-repeat;
 color: #555555;
 padding-top: 0px;
 margin: 0px;
 clear:right;
}
 #mapdirections
 { padding-top:60px;
    padding-bottom: 20px;}
    #prayerrequests
    {
        margin-top:-50px;
        padding-left:0px;
    }
.pagephoto 
{   position: relative;
    top:0px;
    width: 200px;
    height:277px;
    }

.pagetitle {
    position: relative;
    left: 220px;
    top: -265px;
    width: 570px;
    font-family: Arial, Verdana, sans-serif;
    font-weight:bold;
    font-size:large;
    color: #E6E3CF;
}

.pagetitle a:link, .pagetitle a:visited, .pagetitle a:hover, .pagetitle a:focus, .pagetitle a:active,
{
    color: #E6E3CF;
}
.pagecontent {
    position: relative;
    left: 220px;
    top: -237px;
    height:0px;
    width:570px;
    color: #555555;
    display: block;
    z-index:1;
    }
#youthcal
{
    width:610px;
    height:240px;
    
 overflow-y:scroll;
}

 
.pagecontent2 
{
    position: relative;
    left: 220px;
    top: -237px;
    height:auto;
    width:570px;
    color: #555555;
    }
#pagecontentblog {
      float: left;
 width: 845px;
 border: 2px solid #6971B3;
 min-height:320px;
 background: #F2F2E6;
 color: #555555;
 padding: 10px;
 margin: 30px 30px 30px 30px;
    }

.pagetext
{
    display:block;}
    
.indent
{ padding-left:10px;}

#communityleft {
    position: relative;
    top: 8px;
    width:60%;
    float:left;
}

#communityright
{
    padding:10px;
    position: relative;
    top: 8px;
    width: 35%;
    float:right;
    border:0px;
 
}

/*communitymenu refers to the menu bar in the social network areas*/   
#communitymenu
{   text-align:right;
    padding-right:20px;
       }
    
#communitymenu li
{   display: inline;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	list-style-type: none;
    color: #E6E3CF;
    }

#communitymenu li a
{   padding:5px 20px 5px 20px;
    background-color: #6971b3;
    color: #E6E3CF;
    text-decoration: none;
    }

#communitymenu li a:hover
{   padding:5px 20px 5px 20px;
    background-color: #9EBF60;
    color: #E6E3CF;
    text-decoration: none;
    }

ul#pagecontent{
    list-style-type: circle;
    }
  
#cmslogin {
    margin: 0px 0px 0px 30px;
}
    


#footer { 
 width: 902px;
 color: #333;
 border: 0px;
 background: #BD9C8C;
 margin: 25px 0px 25px 0px;
 padding: 10px;
 text-align: center;
 line-height: 20px;
 clear: both;
}
#footerIntro { 
 width: 902px;
 color: #333;
 border: 0px;
 background: #BD9C8C;
 margin: 25px 0px 25px 0px;
 padding: 10px;
 text-align: center;
 line-height: 20px;
 clear: both;
}
#footerblog { 
 width: 902px;
 color: #333;
 border: 0px;
 background: #BD9C8C;
 margin: 25px 0px 25px 0px;
 padding: 10px;
 text-align: center;
 line-height: 20px;
 clear: both;
}

.socialbar
{
    text-align:right;
    padding-bottom:10px;
}
.hide {
	display:none;}
	
#forum
{padding: 10px;
}

/*---Message Board styles---*/.ContributionForm {background-color:#F7F7F7; border: 0px solid #D8DFEA; width: 100%; padding: .5em 0em;}
.ContributionForm a {text-decoration:none;}
.ContributionForm a:hover {text-decoration:underline;}

/* In accordance with Creative Commons Licsense v2.5 (http://creativecommons.org/licenses/by/2.5/), */
/* the following images are attributed to Mark James, developer of Silk Icons v1.3 (http://www.famfamfam.com/lab/icons/community/) */
/* comments.gif, comment_add.gif, comment_approve.gif, comment_delete.gif, hourglass.gif,   */

.ContributionForm h4 {font-size:1em; color: #486AC5; text-transform:uppercase; margin: .5em 1em .25em 1em; padding: 0em 0em 0em 21px ; background-image: url('../images/application/community/comments.gif'); background-repeat: no-repeat; background-position:0px 0px;}
.ContributionForm h4 a {font-weight:normal;text-transform:capitalize;}

.ContributionForm ul {list-style-type: none; margin: 0em; padding: 0em 1em;}
.ContributionForm ul li.ekMessagePost  {clear: both; display: block; margin: 0em 0em .75em 0em; border: solid 1px #ccc; background: #eee; padding: .25em; min-height: 48px; height:auto !important; height: 48px;} /* extra height declarations for IE */
.ContributionForm ul li.ekPending, .ContributionForm ul li.ekApprove {border: dotted 2px #393;}

.ContributionForm ul li.ekMessagePost div.avatar {width: 48px; text-align: center; float: left;}
.ContributionForm ul li.ekMessagePost div.avatar img.avatar {width: 48px; height: 48px; border:none;}

.ContributionForm ul li div.message {margin: 0em .25em 0em 52px;}
.ContributionForm ul li div.message div.metaData {margin: 0em; border-bottom: solid 1px #ccc; text-align: right;}
.ContributionForm ul li div.message div.metaData span.username {display: block; float: left; white-space: nowrap; font-size: .85em; font-weight: bold; color: #666696;}
.ContributionForm ul li div.message div.metaData span.time {white-space: nowrap; font-size: .75em; color: #666696;}

.ContributionForm ul li div.message p.body {margin: .25em 0em; overflow: auto; word-break: break-all; -moz-binding: url('./xml/moz_wordwrap.xml#wordwrap');}

.ContributionForm ul li.ekMessagePost div.message ul.commands {margin: 0em; padding: 0em; list-style-type: none; text-align: right; height: 16px;}
.ContributionForm ul li.ekMessagePost div.message ul.commands li {display: inline; margin-right: .5em;}
.ContributionForm ul li.ekMessagePost div.message ul.commands li a, .ContributionForm ul li div.message ul.commands li span {display: block; float: right; overflow: hidden; width: 16px; height: 16px; background-repeat: no-repeat; text-decoration: none; text-indent: 1000px;} 
.ContributionForm ul li.ekMessagePost div.message ul.commands li.ekApproveMessage a {background-image: url('../images/application/community/comment_approve.gif');}
.ContributionForm ul li.ekMessagePost div.message ul.commands li.ekDeleteMessage a {background-image: url('../images/application/community/comment_delete.gif');}
.ContributionForm ul li.ekMessagePost div.message ul.commands li span {background-image: url('../images/application/community/hourglass.gif'); border: 0px;}

.ContributionForm div.AddComment {margin: 0em; padding: 0em;}
.ContributionForm div.AddComment h4 {background-image:url('../images/application/community/comment_add.gif'); margin: 2em 1em .25em 1em; background-repeat: no-repeat; background-position:0px 0px; min-height: 16px; height:auto !important; height: 16px;} /* extra height declarations for IE */
.ContributionForm div.AddComment p {margin: 0em; padding: 0em 1em; text-align:center;}
.ContributionForm div.AddComment p textarea.ContributionText {width: 100%; height:5em; overflow:auto; font-size: 1em; border: solid 1px #ccc; background: #fff; margin: auto;}
.ContributionForm div.AddComment h6 {margin: 0em 1.5em; font-size: .87em; color: #486AC5; font-weight: normal;} 
.ContributionForm div.AddComment input {display:block;margin-left: auto;margin-right: auto; margin-bottom: .5em;}
    
div.ekCommentError {color: red; font-size: 1em;}

/* Paging */
div.ekMessagePaging {margin: 0em; width:100%; position: relative; overflow: hidden; height: 20px;}
div.ekMessagePaging h4 {margin: 0em 0em 0em .25em; font-size: 1em; margin-top: .25em; text-align: left;}
div.ekMessagePaging div.ekPageControl {position: absolute; top: -.25em; right: 0em; text-align: right; width: 80px;}
div.ekMessagePaging div.ekPageControl span {display: block; width: 20px; height: 20px; overflow: hidden; background-repeat: no-repeat; float: left;}
div.ekMessagePaging div.ekPageControl span a {background-image: none;}

div.ekMessagePaging div.ekPageControl span.but_first_disable {text-indent: 100px; background-image:url('../images/application/but_first_d.gif'); background-position: -9px 0px;}
div.ekMessagePaging div.ekPageControl span.but_first{background-image:url('../images/application/but_first.gif'); background-position: -9px 0px;}
div.ekMessagePaging div.ekPageControl span.but_first a{display: block; text-indent: 100px; height: 20px;}

div.ekMessagePaging div.ekPageControl span.but_previous_disable{text-indent: 100px; background-image:url('../images/application/but_prev_d.gif'); background-position: -6px 0px; }
div.ekMessagePaging div.ekPageControl span.but_previous{background-image:url('../images/application/but_prev.gif'); background-position: -6px 0px;}
div.ekMessagePaging div.ekPageControl span.but_previous a{display: block; text-indent: 100px; height: 20px;}

div.ekMessagePaging div.ekPageControl span.but_next_disable {text-indent: 100px; background-image:url('../images/application/but_next_d.gif'); background-position: 0px 0px;}
div.ekMessagePaging div.ekPageControl span.but_next{background-image:url('../images/application/but_next.gif'); background-position: 0px 0px;}
div.ekMessagePaging div.ekPageControl span.but_next a{display: block; text-indent: 100px; height: 20px;}

div.ekMessagePaging div.ekPageControl span.but_last_disable {text-indent: 100px; background-image:url('../images/application/but_last_d.gif'); background-position: 0px 0px;}
div.ekMessagePaging div.ekPageControl span.but_last{background-image:url('../images/application/but_last.gif'); background-position: 0px 0px;}
div.ekMessagePaging div.ekPageControl span.but_last a{display: block; text-indent: 100px; height: 20px;}

/* more link CSS */
span.ekMore span.ekMoreLink, span.ekMore span.ekLessLink {color: blue; cursor: pointer; display: inline-block; margin: 0em .25em;}
span.ekMore span.ekHid {word-break: break-all; -moz-binding: url('./xml/moz_wordwrap.xml#wordwrap');}
span.ekMore span.ekHid, span.ekMoreLinkOff {display: none;}
span.ekMore span.ekNotHid {display: inline;}
span.ekMore span.ekMoreArrow {display: inline-block; margin-left: .25em;}
span.ekMore span.ekLessArrow {display: inline-block; margin-right: .25em;}

.newsteaser
{
    padding-left:20px;
}

.rss a, .rss
{ 
    text-decoration: none;
    font-size:14px;
    font-weight: normal;
    color: #E6E3CF;
}
.rss
{
    padding-left: 10px;
}

#divCreateGroup
{
    display: none;
}
#CommunityGroupBrowser
{
    display: none;
    margin-left: -9999px;
}