@charset "utf-8";
/* Base Styles

Define null, light, medium, and dark colors (background and foreground)
	Defaults:
		Null = #FFFFFF (White)
		Light = 
		Medium = 
		Dark = #000000 (Black)
		
Define menu width
	Default: 165px
	
 */

body {
	margin: 0px;
	padding: 0px;
	}

a:link{
	}
a:visited{
	}
a:hover{
	}
a:active {
	}
.selected {
	font-weight:bolder;
	}

.content, .contentwide, .contentfull {
	margin-left: 165px;
	padding: 10px;
	}
.contentfull {
	margin-left: 0px;
	}
.menu {
	text-align: left;
	width: 165px;

	padding: 0px;
	float: left;
	}
.header {
	height:100px;
	margin:0px;
	position:relative;
	}
.header form {
	float: right;
	margin:2px;
}
<!--[if lt IE 7]>
img {
   behavior: url("/images/pngbehavior.htc");
}
<![endif]-->

.inFrame {
	}
	
h1 {
	}
h5, h4, h3 {
	margin-bottom: 0px;
}
.content h2, .contentwide h2, .contentfull h2 {
	padding-bottom: 10px;
	padding-left: 2px;
	margin: 0px;
	}
.content h3, .contentwide h3, .contentfull h3 {
	margin: 0px;
}


.menu h2 {
	font-size: 1em;
	margin: 0px;
	text-align: center;
	}
	
.menu ul, .sidelist {
	margin: 0px;
	padding: 0px;
	list-style: url(none) none;
	}
.menu li, .sidelist li {
	margin: 0px;
	padding: 0px;
	}	
.menu li a:link, .menu li a:visited, .menu li a:hover, .menu li a:active, .menu li .link, .menu li .linkhover, .sidelist li a, .menu form{
	display: block;
	font-size: smaller;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	text-align: left;
	}
.edit {
	display:none;
	position:absolute;
	right:0px;
	bottom:0px;
}
.menu li a:hover, .menuCurrent, .menu li .linkhover {
	}
.menu form {
	}
.menu input {
	}	
.menu li{
	padding: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	}


.sidelist {
	border: none;
	}
.sidelist li a {
	padding-top: 5px;
	padding-bottom:2px;
	}
.menu li a p {
	margin: 2px;
	}
.contentHead {
	padding-left: 35px;
	padding-right: 15px;
	}	
.contentHead h1 {
	height: 50px;

}
.newsitem {
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 10px;
	}
.newsitem h4 a {
	text-decoration: none;
	}
.newsitem .bodylink {
	text-decoration:none;
	color: #000000;
	display:block;
	overflow:auto;
	}
.newsitem .grouptitle {
	display:block;
	padding: 0px 25px;
	text-align: right;
	}
.newsitem .group {
	background:url(images/group.png) no-repeat right top;
}
.newsitem .ministry {
	background:url(images/ministry.png) no-repeat right top;
}

.newsitem h4, .newsitem h3 {
	margin-bottom: 0px;
	}
.newsText img {
	border:none;
	width:100px;
	height:auto;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	margin:0px;
	float:right;
}
.newsitem img.photo {
	border:none;
	width:100px;
	height:auto;
	padding-left:5px;
	float:right;
}
.newsText, .newsTextFull, .morePrayer, .newsitem, .fullDetails {
	margin:0px;
	overflow:auto;
	list-style:none;
	padding:20px;
	}
.newsTextFull {
	display:none;
	padding:0px;
}
.morePrayer {
	display:none;
}
ul.newsText li, ul.newsTextFull li, ul.morePrayer li {
	margin-bottom:20px;
	}
.newsTextFull {
	margin:0px;
}
.calendarlink {
	font-weight: bold;
	text-decoration: none;
	}
.eventlink {
	text-decoration: none;
	margin-bottom:5px;
	}
.dayHead, .sidemenu h3 {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	}
	
.photo {
	border: 1px solid #000000
	}
.photoresult {
	  margin: 0px 0px; 
	  padding: 5px 5px; 
	  float: left; 
	  border: 1px solid; 
	  width: 200px; 
	  text-align: center; 
	  height: 275px; 
	  vertical-align: middle; 
	  border-color: #999999 #FFFFFF #FFFFFF
	  }
.photoresultSelected { 
	margin: 0px 0px; 
	padding: 5px 5px; 
	float: left; 
	border: 1px #000000 solid; 
	width: 200px; 
	text-align: center; 
	height: 275px; 
	vertical-align: baseline; 
	background: #CCCCCC; 
	cursor: pointer
	}
.ptitle {  
	font-size: smaller; 
	font-weight: bold
	}
.pauthor { 
	font-size: smaller
	}
.pdate { 
	font-size: smaller 
	}

.directorycard {
	vertical-align: top;
	display: inline;
	width: 300px;
	padding: 5px;
	height:24em;
	overflow-y:auto;
	overflow-x:hidden;
	}
.content > .directorycard, .contentwide > .directorycard, .contentfull > .directorycard {
	display: block;
	float: left;
	}
.directorycard .dayHead, .directorycard h3, .directorycard h4 {
	margin:-5px;
	margin-bottom:0px;
	}
.directorycard ul {
	font-size: smaller;
	margin: 0px;
	margin-top:5px;
	margin-bottom: 10px;
	padding: 0px;
	list-style: url(none) none;
	}
.directorycard li {
	text-indent: 0px;
	margin-bottom:5px;
	}
.directorycard li a {
	text-decoration:none;
	}
.directorycard .list li {
	text-align: right;
	border-bottom: dotted 1px #EEEEFF;
	}
.directorycard .primaryContact {
	background-color:#FFFFCC;
	}

.list .editlink, .list .itemLabel {
	float:left;
	margin-right: 5px;
	}
.tabs{
	margin-left:0px;
	margin-bottom:10px;
	}
.tabs li {
	display: inline
	}

.addform {
	display: none;
}
.moreInfo {
	display:none;
}
.schedDraggable {
	filter: alpha(Opacity-50);
	-moz-opacity: 0.5;
	padding: 1px 5px 1px 5px;
}
.schedDropZone {
}
.addInfo {
	padding:3px;
	padding-top:0px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align:left;
}
.addInfo h6 {
	text-align: center;
	font-size:1em;
	margin-top:0px;
	margin-right:-3px;
	margin-left:-3px;
	margin-bottom:5px;
	padding:0px;
}
.addInfo .entry  {
	border-top: none;
	border-left: none;
	border-right: none;
	background: none;
	margin-bottom:3px;
	width: 180px;
}
.addInfo span {
	width: 3.5em;
	float:left;
	display:block;
	margin-left:10px;
	margin-right:0.5em;
}
.editlink {
	text-decoration: none;	
	border-bottom:  dotted 1px;
}
.addlink {
	text-decoration: none;
	margin: 2px;
	padding: 2px;
	border: 1px solid;
}
.bodyLink:active, .bodyLink:visited, .bodyLink:hover, .bodyLink:link {
	}
.primaryContact .editlink {
	border-bottom: dashed 2px;
	}
	
.directorycard .groupHead, .directorycard .list li.groupHead  {
	font-style:oblique;
	margin-top:15px;
	text-align:left;
	}
.heading:active, .heading:visited, .heading:hover, .heading:link {
	height:100%;
	width:100%;
	display:block;
	text-decoration:none;
	}
.header .tabs {
	bottom: 0px;
	right: 0px;
	position: absolute;
	margin-bottom: 2px;
	}
.header .tabs a, #tabset a {
	padding: 2px;
	text-decoration: none;
	position:relative;
	}
.header .tabs a:hover, .header .tabs .active, #tabset a:hover, #tabset .active {
	}
a.boxspace {
	display:block;
	height: 60px;
	width: 75%;
	margin: 5px auto 10px auto;
	padding-top: 30px;
	text-align: center;
	text-decoration: none;
	}
.sidemenu {
	float: right;
	width: 200px;
	}

.carousel-component { 
    padding:0px 0px 0px 0px;
	margin: auto;
    margin-bottom:10px;
    margin-top:0px;
    -moz-border-radius:0px;
	}
.carousel-component .carousel-clip-region { 
    padding:0px;
    margin:0px;
	}
.carousel-component ul.carousel-list{
    text-align:left;
	}
.carousel-component ul.carousel-list li { 
    text-align:left;
    margin:0px;
    width:450px;
	font-size:smaller;
	}
   
#tabset {
    margin-left:5px;
    margin-bottom:2px;
	display:none;
	}    
.carousel-component ul.carousel-list li.carousel-list-item{
	height:150px;
	}
.carousel-component ul.carousel-list li.carousel-list-item li{
	border-style:none;
	border:none;
	} 
.carousel-list-item img {
	height: 100px;
	}
.carousel-list-item h4 {
	margin:0px;
	text-align:center;
	}    
.footer {
	background-color: #F4F4EA;
	color:#000000;
	display:block;
	font-size:smaller;
	text-decoration:none;
}
.next {
	float:right;
}               
.prev {
	float:left;
}

#eventDate {
	background-color: #666666;
	text-align: center;
	margin: 5px;
	padding: 5px 20px;
	float: left;
	border: 2px solid #000000;
	color: #FFFFFF;
	font-family: Tahoma;
}
#eventDate .date {
	font-size: 5em;
}
#eventDate p {
	margin: 0px;
	padding: 0px;
}


/***********************  Attendance Grid ***********************/
.d {
/*Month days*/
	width:20px;
}	
.d1 {
/*First day listed in month*/
	border-left: thin solid #000000;
	width:20px;
}
.d2 {
	border-left: thin solid #000000;
}
.a {
/*Empty attendance box*/
}
.a1 {
/*First attended box in month*/
	border-left: thin solid #000000;
}
.b {
/*Attended box */
	background-color:#000000;
	border-left: thin solid #FFFFFF;
	border-top:thin solid #FFFFFF;
}
.b1 {
/*First attended box in month*/
	background-color:#000000;
	border-left: thin solid #FFFFFF;
	border-top:thin solid #FFFFFF;
}
.h {
/*Group header */
	background-color:#000000;
	color:#FFFFFF;
	border-top:thin solid #FFFFFF;
	border-left:thin solid #000000;
}
#loginStatus a:link
 {
	background-color:#FFFF66;
	color:#000000;
	}
.Title{
	font-weight: bold;
	}
.members, .staff{
	background:url(images/people_check.png) left top no-repeat;
	padding-left: 24px;
	}
/*Tells IE7 to smoothly render images displayed at non-native dimensions*/
img { -ms-interpolation-mode:bicubic; }

.menu form.addform {
	background: #FFFFFF;
	display: none;
	border: medium solid #660000;
	position:absolute;
	width:350px;
}
.details {
	display:none;
}
.sidemenu li, .menu li {
	position:relative;
	}
.sidemenu li a:hover .details {
	display:block;
	position:absolute;
	right:195px;
	top:0px;
	width:206px;
	z-index:2;
	background:#FFFFFF;
	color:#000000;
	padding: 2px;
	}
.menu li a:hover .details {
	display:block;
	position:absolute;
	left:160px;
	top:0px;
	width:166px;
	z-index:2;
	background:#FFFFFF;
	color:#000000;
	padding: 2px;
	}
.header li a:hover .details {
	display:block;
	position:absolute;
	right:0px;
	top:20px;
	width:150px;
	z-index:2;
	background:#FFFFFF;
	color:#000000;
	padding: 2px;
	}
.left {
	width:49%;
}
.right {
	float:right;
	width:49%;
}
.right .newsitem{
	margin-top: 0px;
	margin-left: 0px;
}
.toolbar {
	background-color: #DFDFDF;
	text-align:center;
}
.addInfo .toolbar {
	margin-top: -5px;
	margin-left: -3px;
	margin-right: -3px;
	margin-bottom: 5px;
}
.toolbar input {
	
}