/* CSS Document */
*, html {margin: 0; font-size: 14px; font-family: Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address, img {margin: 0; padding: 0;}

body {
	background-color: #394ae8;
	background-image: url(/images/common/bg-wrapper2.gif);
	background-repeat: repeat-x;
	background-position: top center;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	}
h2 {
	color: #999999;
	font-size: 15px;
	text-transform: uppercase;
	margin-bottom: 5px;
	}
h3 {
	font-weight: bold;
	color: #CCCCCC;
	font-size: 14px;
	margin-bottom: 3px;
	text-decoration: underline;
	}
p {
	color: #FFFFFF;
	font-size: 14px;
	line-height: 140%;
	margin: 0 0 12px 0;
	}
ul {
	margin: 0 0 15px 13px;
	padding: 0;
	color: #FFFFFF;
	}
a {color: #81F3FF; text-decoration: none; font-size: 14px;}
a:hover {background-color: #666666; color: #ffffff;}
img {border: none;}
table {color:#FFFFFF}

/* ******************
 FONTS
**********************/ 
.arial9pxwhite {
	font-size: 12px;
	font-family: arial;
	color:#FFFFFF;
}
.arial9px {
	font-size: 12px;
	font-family: arial;
	color:#ea1c1c;
}

#wrapper {
	width: 940px;
	padding-bottom:0px;
	background-color: #2a2a2a;
	border: solid #FFF;
	border-width: 0 1px 0 1px;
	margin-left: auto;
	margin-right:auto;
	}
	
#HiddenText{display:none;}

/* -----------------  HEADER STARTS ------------------- */

#headertop {
	width: 100%;
	Height: 109px;
	background-image:url(/images/common/bannerbg-litcyan.jpg);
	background-repeat:no-repeat;
	background-color: #ffffff;
	}
#headertop img {
	float:left;
	padding-left:10px
	}
#headertop a {
	font-size:14px;
	color:#333333;
	padding-left:2px;
	padding-right:2px;
	}
#headertop a:hover {
	font-size:14px;
	color:#FFFFFF;
	padding-left:2px;
	padding-right:2px;
	}
	
#headertop input.text {
	height: 10px;
	width: 150px;
	}
.heardersearchsubmit {
	background:url(/images/common/icons/search.jpg) no-repeat;
	cursor:pointer;
	width: 20px;
	height:20px;
	border: none;
	vertical-align:top;
	}
.headermenu {
	vertical-align:middle;
	float:right;
	font-size:14px;
	color:#333333;
	padding-top:10px;
	padding-right:10px;
	}


/* -------------------------  HEADER STOPS ------------------ */


#container {
	width: 900px;
	margin: 0 auto;
	
	}
.clearMe {clear: both;}

#header {
	width: 900px;
	height: 250px;
	text-align:center;
	padding-top:30px;
	}
		
/* h1 Headers
---------------------*/
.LCBox h1 {
	height: 25px;
	width: 400px;
	}
.RCBox h1 {
	height: 25px;
	width: 300px;
	}

/* CONTENT starts here
-----------------------------*/
#specialAnnct {
	width: 896px;
	height: 196px;
	border: 2px solid #ffffff;
	margin-bottom: 20px;
	background-image: url(../images/specialAnnct.jpg);
	background-color: #2A2A2A;
	}

#content {
	width: 900px;
	margin-top: 20px;
	}
.leftColumn2 {
	width: 490px;
	margin-right: 20px;
	float: left;
	}
.rightColumn2 {
	width: 390px;
	float: left;
	}
.LCBox, .RCBox {
	padding: 10px;
	background-color: #222222;
	border-top: 1px solid #999999;
	margin-bottom: 20px;
	}
.LCBox {width: 470px;}
.RCBox {width: 370px;}

.LCBoxFull {
	padding: 10px;
	background-color: #222222;
	border-top: 1px solid #999999;
	margin-bottom: 20px;
	width: 800px;
	}
.LCBoxE2E {
	background-color: #222222;
	border-top: 1px solid #999999;
	margin-bottom: 20px;
	width: 920px;
	}
.welcomeImage {
	width: 464px;
	height: 121px;
	border: solid 3px #ffffff;
	background: url(../images/welcomeImage.jpg) no-repeat;
	margin-bottom: 10px;
	}

.welcomeLinks a {
	display: block;
	float: left;
	padding: 2px;
	border: 1px solid #ffffff;
	width: 105px;
	height: 20px;
	margin: 0 7px 6px 0;
	}
.welcomeLinks a:hover {background-color: #FFFFFF;}
.deacons { background-image: url(../images/icondeaconscorner2.jpg);}
.kids { background-image: url(../images/iconKids2.jpg);}
.youth { background-image: url(../images/iconyouthlounge2.jpg);  margin-right: 0!important;}
.choir {background-image: url(../images/iconchoirndrama2.jpg);}
.school {background-image: url(../images/iconsundayschool2.jpg);}
.social {background-image: url(../images/iconsocialprograms2.jpg); margin-right: 0!important;}
.deacons, .kids, .youth, .choir, .school, .social {background-repeat: no-repeat; background-position: center;}

.mainEvent {
	width: 370px;
	height: 75px;
	margin-bottom: 10px;
	}
.mainEvent-large {
	width: 370px;
	height: 131px;
	margin-bottom: 10px;
	}
a.one, a.two, a.three, a.four, a.five {
	width: 364px;
	height: 69px;
	background-repeat: no-repeat;
	background-position: center;
	}
.mainEvent a, .mainEvent-large a {
	display: block;
	padding: 2px;
	border: 1px solid #ffffff;
	}
.mainEvent a:hover, .mainEvent-large a:hover {
	background-color: #FFFFFF;
	}
.otherEvent {
	border-top: 1px solid #666666;
	padding-top: 2px;
	}
.otherEvent p {
	font-size: 14px;
	padding: 0 0 5px;
	border-bottom: 1px solid #666666;
	margin: 0 0 5px;
	}
p.fullCal {border: none;}
.otherEvent a {
	font-size: 11px;
	color: #81F3FF;
	}
.otherEvent a:hover {
	color: #CCCCCC;
	}
	
.sermon a {font-size: 10px;}

.address {
	float: right;
	margin-right: 10px;
	border-left: 1px solid #ffffff;
	padding-left: 25px;
	}
/* -------------  New and Updated Articles ---------- */
.newarticl {
	padding-left:6px;
	color:#6dbd56;
	font-size:9px;
	}
.updatedarticle {
	padding-left:6px;
	color:#ffc24b;
	font-size:9px;
	}
	
/* -------------  News & Updates ------------ */
.newsblock {
	Padding-bottom: 0px!important;
	display:block;
	}
.newsblock p{
	float:left;
	padding-bottom: 0px!important;
	padding-left: 5px;
	}
.newsblock img{	
	BORDER: #ffffff 3px solid;
	MARGIN: 3px 7px 0px 0px;
	FLOAT: left;
	width:75px;
	height:75px;
	}
.newsreadmore {
	float:left;
	width:450px;
	padding-bottom:20px; 
	
	}
.newsheader{
	color: #999999;
	border-left: 1px solid #81F3FF;
	padding-left: 4px;
	text-transform:uppercase;
	}

.newsdate{
	padding-left:6px;
	color: #ffffff;
	}

/* -------------  Paritioner Postings ------------ */
.paritionerblock {
	Padding-bottom: 40px;
	display:block;
	}
.paritionerblock p{
	float:left;
	padding-bottom: 0px!important;
	padding-left: 5px;
	}
.paritionerblock img{	
	BORDER: #ffffff 3px solid;
	MARGIN: 3px 7px 0px 0px;
	FLOAT: left;
	width:75px;
	height:75px;
	}
.newposting {
	padding-left:6px;
	color:#6dbd56;
	font-size:9px;
	}
	
.paritionerheader{
	color: #999999;
	border-left: 1px solid #81F3FF;
	padding-left: 4px;
	text-transform:uppercase;
	}

.postingdate{
	padding-left:6px;
	color: #ffffff;
	}

/* -------------  Upcoming Events ------------ */
.eventsblock {
	Padding-bottom: 40px;
	display:block;
	}
.eventsblock p{
	float:left;
	padding-bottom: 0px!important;
	padding-left: 5px;
	}
.eventsblock tr{
	padding-bottom: 20px;
	}
.eventslinks {
	float:right
	}
.calendar {
 	float: left;
	margin-right: 6px;
	width: 42px;
	height: 42px;
	}
.calendar-day {
	float:left;
	font-weight: bold;
	font-size: 1.3em;
	color: #000;
	width: 42px;
	text-align:center;
	padding-top: 20px;
	}	
	
/* -------------  Login Form ------------ */
.formLayout
    {
        padding: 10px;
        width: 95%;
    }
    
.formLayout label, .formLayout input
    {
        display: block;
        float: left;
        margin-bottom: 10px;
    }
 
.formLayout label
    {
		width:70px;
        text-align: right;
        padding-right: 20px;
		color:#ffffff;
		vertical-align:baseline;
    }
.formLayout span
    {
        padding-right: 20px;
		padding-bottom: 20px;
		color:#ffffff;
    }
.formLayout img{	
	MARGIN: 3px 7px 0px 0px;
	FLOAT: left;
	width:189px;
	height:252px;
	}
/*==================
Landing Page
===================*/
.leftColumnLanfull {
	width: 880px;
	margin-right: 10px;
	float: left;
	Padding-bottom:20px;
	}
.leftColumnLan {
	width: 680px;
	margin-right: 10px;
	float: left;
	}
.LCBoxLan {
	padding: 10px;
	background-color: #222222;
	border-top: 1px solid #999999;
	margin-bottom:20px;
	}
.LCBoxLanfull {
	width: 880px;
	padding: 10px;
	background-color: #222222;
	border-top: 1px solid #999999;
	color:#FFFFFF;
	margin-bottom:20px;
	}


.LCBoxLan {width: 660px;}
.LCBoxLan h2, .LCBoxLan h3 {margin-top: 15px;}
.LCBoxLan h2 {color: #81F3FF;}


/*==================
Detail Article Page
===================*/
.leftColumnDetfull {
	width: 880px;
	margin-right: 10px;
	float: left;
	Padding-bottom:20px;
	}
.leftColumnDet {
	width: 680px;
	margin-right: 10px;
	float: left;
	}
.rightColumnDet {
	width: 200px;
	float: left;
	}
.LCBoxDet, .RCBoxDet {
	padding: 10px;
	background-color: #222222;
	border-top: 1px solid #999999;
	margin-bottom:20px;
	}
.LCBoxDetfull {
	width: 800px;
	padding: 10px;
	background-color: #222222;
	border-top: 1px solid #999999;
	color:#FFFFFF;
	margin-bottom:20px;
	}


.LCBoxDet {width: 660px;}
.RCBoxDet {width: 180px; margin-bottom: 20px;}
.LCBoxDet h2, .LCBoxDet h3 {margin-top: 15px;}
.LCBoxDet h2 {color: #81F3FF;}

/* ************************************************************************
.quickLinks a {
	display: block;
	border: 2px solid #ffffff;
	width: 136px;
	height: 36px;
	margin: 0 0 6px 0;
	}

.blockquote {
	width: 485px;
	font-size: 14px;
	color: #ffffff;
	padding: 10px 3px;
	line-height: 18px;
	text-transform: uppercase;
	border-top: 1px solid #ffff66;
	border-bottom: 1px solid #ffff66;
	text-align: center;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	}
	
.float_right, .float_left {border: 4px solid #999999;}
.float_right {float: right; margin: 0 0 5px 5px;}
.float_left {float: left; margin: 0 5px 5px 0;}
		
*******************************************************************************/

/*==================
List Page
===================*/
.ListleftColumnfull {
	width: 880px;
	margin-right: 10px;
	float: left;
	Padding-bottom:20px;
	}
.Listheader{
	color: #999999;
	border-left: 1px solid #81F3FF;
	padding-left: 4px;
	text-transform:uppercase;
	Width:100%;
	}
.ListItem {
	color: #FFFFFF;
	padding-bottom:15px;
	}
.ListleftColumn {
	width: 680px;
	margin-right: 10px;
	float: left;
	}
.ListrightColumn {
	width: 200px;
	float: left;
	}
.LCBoxList, .RCBoxList {
	padding: 10px;
	background-color: #222222;
	border-top: 1px solid #999999;
	}
.LCBoxListfull {
	width: 800px;
	padding: 10px;
	background-color: #222222;
	border-top: 1px solid #999999;
	}

.LCBoxList {width: 660px;}
.RCBoxList {width: 180px; margin-bottom: 20px;}
.LCBoxList h2, .LCBoxList h3 {margin-top: 15px;}
.LCBoxList h2 {color: #81F3FF;}

/*******************************************************************************/
	
/*==================
SubPage
===================*/
.leftColumnSub {
	width: 680px;
	margin-right: 10px;
	float: left;
	}
.rightColumnSub {
	width: 200px;
	float: left;
	}
.LCBoxSub, .RCBoxSub {
	padding: 10px;
	background-color: #222222;
	border-top: 1px solid #999999;
	}
.LCBoxSub {width: 660px;}
.RCBoxSub {width: 180px; margin-bottom: 20px;}
.LCBoxSub h2, .LCBoxSub h3 {margin-top: 15px;}
.LCBoxSub h2 {color: #81F3FF;}

.quickLinks a {
	display: block;
	border: 2px solid #ffffff;
	width: 136px;
	height: 36px;
	margin: 0 0 6px 0;
	}
a.studentsSub {background-image: url(../images/iconSubStudents.jpg);}
a.cgroupsSub {background-image: url(../images/iconSubCgroups.jpg);}

.id {border: 3px solid #ffffff;}



.blockquote {
	width: 485px;
	font-size: 14px;
	color: #ffffff;
	padding: 10px 3px;
	line-height: 18px;
	text-transform: uppercase;
	border-top: 1px solid #ffff66;
	border-bottom: 1px solid #ffff66;
	text-align: center;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	}
	
.float_right, .float_left {border: 4px solid #999999;}
.float_right {float: right; margin: 0 0 5px 5px;}
.float_left {float: left; margin: 0 5px 5px 0;}

/*==================
Sermon Player
===================*/

	
#sermon_player {
	margin: 0 0 10px 10px;
	float: right;
	}
	
.RCBox font {color: #FFFFFF;}

.connect_box {
	width: 203px;
	float: left;
	background-color: #333333;
	padding: 5px;
	border-left: 1px solid #666666;
	margin-bottom: 10px;
	}
.connect_box h3 {
	color: #CCCCCC;
	font-size:12px;
	text-transform: uppercase;
	text-decoration: underline;
	margin: 0 0 5px 0;
	padding: 0;
	}
.connect_box p {
	color: #FFFFFF;
	margin: 0 0 3px 0;
	}
	
/*==================
Admin Modules
===================*/

#adminmenu
	
.adminblock {
	Padding-bottom: 40px;
	display:block;
	}
.adminblock img{	
	BORDER: #ffffff 3px solid;
	MARGIN: 3px 7px 0px 0px;
	FLOAT: left;
	width:75px;
	height:75px;
	}
.adminheader{
	color: #999999;
	border-bottom: 1px solid #666666;
	padding-left: 4px;
	text-transform:uppercase;
	float:left;
	width:160px;
	}
.admindesc{
	float:right;
	width:285px;
	color: #999999;
	border-bottom: 1px solid #666666;
	text-transform:uppercase;

	}
.admindetail{
	float:right;
	width:285px;
	color: #FFFFFF;
	font-size: 12px;
	line-height:20px;
	}	
.adminlink{
	padding-left: 4px;
	text-transform:uppercase;
	float:left;
	width:160px;
	font-size: 12px;
	line-height:20px;
	}
.adminrheader{
	color: #999999;
	border-bottom: 1px solid #666666;
	padding-left: 4px;
	text-transform:uppercase;
	float:left;
	width:110px;
	}
.adminrdesc{
	float:right;
	width:240px;
	color: #999999;
	border-bottom: 1px solid #666666;
	text-transform:uppercase;
	}
.adminrdetail{
	float:right;
	width:240px;
	color: #FFFFFF;
	font-size: 12px;
	line-height:20px;
	}	
.adminrlink{
	padding-left: 4px;
	text-transform:uppercase;
	float:left;
	width:110px;
	font-size: 12px;
	line-height:20px;
	}	


/* ///  calendar Start Here  \\\\ */
/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}
/* ///  calendar Finishes Here  \\\\ */


/*==================
 Thumbnail preview image hover 
===================*/


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

/*==================
Footer
===================*/
	
#footer {
	height: 150px;
	width: 880px;
	padding-top: 10px;
	padding-left:20px;
	margin-bottom: 0px;
	color: #FFFFFF;
	background-color:#222222;
	font-size: 12px;
	line-height: 15px;
	}
#footer a {
	font-size: 12px;
	}
.disclaimer {
	float: right;
	margin-right: 10px;
	border-left: 1px solid #ffffff;
	padding-left: 20px;
	width:350px;
}