/* ************************ */
body {
	margin: 0px 0px 0px 0px;
	font-family: verdana, geneva, arial, sans-serif;
	/* background: #13354F; */
	/*	background: #FFFFFF; */
	color: #000000;
	font-size: 11px;
	text-align: center;
}
div, p, td, li, dd, dl, dt, ul   {
	/* redundant selectors for NS4 */
    font-family:  verdana, geneva, arial, sans-serif;
    font-size: 11px;
	/* color: #000000; */
}
th {
	/* redundant selectors for NS4 */
    font-family:  verdana, geneva, arial, sans-serif;
	/* color: #000000; */
    font-size: 11px;
}

A:link	{
	color:	#9B5634;
	text-decoration: Underline;
	}
A:visited	{
	color:	#807D6F;
	text-decoration: Underline;
	}
A:active	{
	color:	#9B5634;
	text-decoration: Underline;
	}
A:hover	{
	color:	#9B5634;
	text-decoration: Underline;
	}
	
/* ************************ */


#horizon        
	{
	color: white;
	/* background-color: #0ff; */
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block;
}

/* ************************ */
/* USED TO DISPLAY MESSAGES FROM AJAX COMMUNICATION */
#messageTextDiv {
	display: none;

	margin-left: -125px;	
/*	position: absolute; */
/* 	top: -35px; */
/*	left: 50%; */

	position: fixed;
	top: 50%;	
	left: 50%;
	
	width: 300px;
	height: 70px;

	padding: 10px 5px 10px 5px;
	text-align: center;
	background-color: #FFFFFF;
	
}
/* ************************ */

/* ************************ */
/* USED TO DISPLAY ERRORS SPECIFICALLY, AS IN LOGIN */
#errorMessage {
	width: 250px;
	/* background-color: #FFFF00; */
	color: #FF0000;
	font-weight: bold;
	text-align: left;
	padding: 3px 5px 3px 5px;
}
/* ************************ */



/* ************************ */
/* THIS IS FOR ALL THE HTML BUTTONS ON THE USER SIDE */
.button {
	color:            #990000;
	font-family:      verdana, geneva, arial, sans-serif;
	font-size:        10px;
	font-weight:      bold;
	text-align: center;
	/* background-color: #EAEAEA; */
	/* background-color: #FFFF99; */
	/* background-color: #362107; */
	background-image: URL(images/tan_spacer.gif);
	border-style:     groove;
	border-width:     2;
	border-color:     #CCCCCC;
}
/* ************************ */


/* ************************ */
/* FOR THE "HELLO ????" WHEN USER IS LOGGED IN */
.helloName {
	color: #990000;
	/* background-color: #FFFF00; */
	background-color: #C6BCA4;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
}
/* ************************ */


/* ************************ */
/* HEADER FOR EACH PAGE */
.pageHeader {
	color: #666633;
	font-size: 28px;
	font-weight: bold;
	border-bottom: 1px solid #666633;
	/* background-color: #FFFFFF; */
	padding: 5px 5px 5px 5px;
	text-align: left;
	width: 90%;
}
/* ************************ */




/* ************************ */
/* CLASSES FROM ANDY'S ORIGINAL ADMIN STYLESHEET */
.project-title {
	FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: #000000; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
.skinTDbottom {
	MARGIN: 0px 0px 0px 0px; PADDING: 0px 0px 0px 0px; TEXT-ALIGN: right; HEIGHT: 16px; FONT-WEIGHT: bold; FONT-SIZE: 8pt; FONT-FAMILY: Tahoma; TEXT-DECORATION: none; COLOR: white;
}
.opbtn {
	MARGIN-TOP: 5px; DISPLAY: block; FLOAT: right; TEXT-ALIGN: right
}
/* ************************ */




/* ************************ */
table.contentContainer {
	width: 100%;
	border: 0px;
	border-collapse: collapse ;
}
table.contentContainer td {
	padding: 2px 2px 5px 5px;
}
/* ************************ */


/* ************************ */
table.leftNavContainer {
	width: 100%;
	border: 0px solid #000000;
	border-collapse: collapse ;
}
table.leftNavContainer td {
	padding: 0px 0px 0px 0px;
	border: 0px solid #000000;
}
table.leftNavContainer td.item {
	padding: 2px 0px 2px 5px;
	border: 0px solid #000000;
}
table.leftNavContainer td.itemEnd {
	padding: 0px 0px 0px 0px;
	background-color: #c5cbd9;
}
/* ************************ */


/* ************************ */
/* THIS IS FOR ANY MESSAGE DISPLAYED */
.messageText {
	color: #FF0000;
	font-size: 12px;
	font-weight: bold;
}
/* ************************ */





/***********************************************/
/* THIS IS TO FORMAT INDICATION OF REQUIRED FIELDS */
.required {
	color: #FF0000;
	font-size: 14px;
	font-weight: bold;
}
/***********************************************/






/***********************************************/
/* THESE ARE USED WHEN DISPLAYING LISTS, TO ALTERNATE THE COLOR */
.listRow {
	background-color: #FFFFFF;
}
.listAltRow {
	background-color: #EAEAEA;
}
/***********************************************/



/***********************************************/
/* USERGROUP CLASSES */
table.userGroupList {
	width: 90%;
}
table.userGroupList td {
	padding: 5px 5px 5px 5px;
}
table.userGroupList td.ministry {
	/* background-color: #FFFF00; */
	/* background-color: #C6BCA4; */
	background-color: #9B5634;
	border-bottom: 1px solid #000000;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.userGroupTitle {
	font-weight: bold;
}
.userGroupVolOppTitle {
	/* font-weight: bold; */
}
.userGroupChurchEventTitle {
	/* font-weight: bold; */
}


table.userGroupView {
	width: 90%;
}
table.userGroupView td {
	padding: 5px 0px 0px 0px;
}
table.userGroupView td.updated {
	font-size: 9px;
}
.userGroupViewTitle {
	font-size: 20px;
	font-weight: bold;
	color: #9B5634;
}
.userGroupViewDescription {
	font-size: 10px;
	color: #000000;
}
.userGroupViewImagesHeader {
	font-size: 15px;
	font-weight: bold;
	color: #9B5634;
	border-bottom: 1px solid #9B5634;
}
.userGroupViewContactsHeader {
	font-size: 15px;
	font-weight: bold;
	color: #9B5634;
	border-bottom: 1px solid #9B5634;
}
.userGroupViewContact {
	font-size: 10px;
	color: #000000;
	text-align: right;
}
.userGroupViewChurchEventsHeader {
	font-size: 15px;
	font-weight: bold;
	color: #9B5634;
	border-bottom: 1px solid #9B5634;
}
.userGroupViewVolOppsHeader {
	font-size: 15px;
	font-weight: bold;
	color: #9B5634;
	border-bottom: 1px solid #9B5634;
}



/***********************************************/


/***********************************************/
/* COURSE CLASSES */
table.courseList {
	width: 90%;
}
table.courseList td {
	padding: 5px 5px 5px 5px;
}
.courseTitle {
	font-size: 12px;
	font-weight: bold;
}
/***********************************************/


/***********************************************/
/* VOLOPP CLASSES */
table.volOppList {
	width: 90%;
}
table.volOppList td {
	padding: 5px 5px 5px 5px;
}
table.volOppList td.usergroup_title {
	/* background-color: #FFFF00; */
	/* background-color: #C6BCA4; */
	background-color: #9B5634;
	border-bottom: 1px solid #000000;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.volOppTitle {
	font-weight: bold;
}
/***********************************************/

/***********************************************/
/* PRAYERREQUEST CLASSES */
table.prayerRequestList {
	width: 90%;
}
table.prayerRequestList td {
	padding: 5px 5px 5px 5px;
}
table.prayerRequestList td.ministry {
	background-color: #FFFF00;
	border-bottom: 1px solid #000000;
	font-size: 12px;
	font-weight: bold;
}
.prayerRequestTitle {
	font-weight: bold;
}
/***********************************************/




/***********************************************/
/* CALENDAR CLASSES */
table.calendarList {
	width: 90%;
}
table.calendarList td {
	padding: 1px 2px 2px 2px;
}
table.calendarList tr.item {
	background-color: #CFB794;
}

table.calendarList tr.item td {
	font-size: 12px;;
	font-weight: bold;
}
table.calendarList tr.item td.month_day {
	color: #CEB996;
	background-color: #6D4E2A;
	vertical-align: middle;
	text-align: right;
}
table.calendarList tr.item td.week_day {
	color: #FFFFFF;
	background-color: #6D4E2A;
}



/* ************************ */
/* USED TO DISPLAY MESSAGES FROM AJAX COMMUNICATION */
table.calendarList #messageTextDiv {
	display: none;
	/* position: absolute; */
	width: 170px;
	padding: 10px 5px 10px 5px;
	text-align: center;
	background-color: #FFFFFF;
}
/* ************************ */


table.calendarList #calDescription {
/*
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #99CCFF;
	border: 1px solid #AAAAAA;

	height: 200px;
	width: 200px;
*/
}



table.calendarLegend {
	width: 70%;
	border: 1px solid #9B5634;
	border-collapse: collapse ;
}
table.calendarLegend td {
	padding: 3px 2px 3px 2px;
	font-size: 9px;
}
table.calendarLegend td.header {
	background-color: #9B5634;
	font-size: 12px;
	color: #FFFFFF;
}


/***********************************************/



/***********************************************/
/* ADD TO CALENDAR LINK   */
.addToCalendar {
	/* font-weight: bold; */
}
/***********************************************/




/****************************************************************************************/
/****************************************************************************************/
/****************************************************************************************/
/****************************************************************************************/


/* ************************ */
/* THIS IS FOR ALL THE HTML BUTTONS ON THE ADMIN SIDE */
.adminButton {
	color:            #000000;
	font-family:      verdana, geneva, arial, sans-serif;
	font-size:        11px;
	font-weight:      bold;
	text-align: center;
	/* background-color: #EAEAEA; */
	/* background-color: #FFFF99; */
	/* background-color: #709EC3; */
	background-color: #c5cbd9;
	
	border-style:     groove;
	border-width:     2;
	border-color:     #CCCCCC;
}
/* ************************ */



/* ************************ */
/* USED FOR THE HEADER TEXT */
.adminHeader {
	/* color: #000000; */
	font-size: 24px;
	font-weight: bold;
	text-align: left;
	/* background-color: #FF6600; */
/* 	background-color: #3399CC; */

	background-color: #7397ad;

	padding: 5px 0px 0px 0px;
	border-bottom: 5px solid #000000;
}
/* ************************ */

/* ************************ */
/* USED FOR THE FOOTER TEXT */
.adminFooter {
	/* color: #000000; */
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	/* background-color: #FF6600; */
	/* background-color: #3399CC; */
	background-color: #7397ad;
	padding: 5px 0px 5px 0px;
	border-top: 5px solid #000000;
}
/* ************************ */

/* ************************ */
/* USED AT THE TOP OF EACH PAGE IF IT HAS HEADER TEXT */
.adminPageHeader {
	/* color: #FFFFFF; */
	font-size: 24px;
	font-weight: bold;
}
/* ************************ */


/***********************************************/
/* THIS IS USED TO FORMAT TABLES ON THE ADMIN PAGES */
table.adminTable {
	width: 100%;
	background-color: #FFFFFF;
	border-collapse: collapse ;
}
table.adminTable th {
	color: #000000;
	text-align: left;

	/* background-color: #DAEDFF; */
	background-color: #c5cbd9;

	padding: 5px 2px 5px 2px;
	border-bottom: 0px solid #000000;
}
/*
table.adminTable th.columnHeading {
	color: #000000;
	background-color: #DAEDFF;
	padding: 2px 2px 2px 2px;
	border-bottom: 1px solid #000000;
}
*/

table.adminTable td {
	padding: 5px 2px 5px 5px;
	color: #000000;
}
table.adminTable td.headerColumn {
	width: 20%;
	text-align: right;
}
table.adminTable td.dataColumn {
	width: 80%;
}
table.adminTable td.grouping {
	background-color: #FFFF00;
	border-bottom: 1px solid #000000;
	font-weight: bold;
}

.mediaSize {
	color: #FF0000;
}
/***********************************************/


/* ************************ */
/* LEFT NAVIGATION CLASSES */
.adminLeftNav {
	/* background-color: #FFCC00; */
	/* background-color: #FFFF99; */
	/* background-color: #F0E68C; */
	background-color: #DAEDFF;

	width: 15%;
	height: 200px;
	vertical-align: top;
	padding: 0px 0px 0px 0px;
	border-right: 1px solid #000000;
}
table.leftNavTable {
	width: 100%;
}
table.leftNavTable th.workflow_group {
	/* background-color: #FFCC00; */
	/* background-color: #FFFF99; */
	padding: 2px 2px 2px 2px;
}
table.leftNavTable th.username {
	/* background-color: #FFCC00; */
	/* background-color: #FFFF99; */
	padding: 2px 2px 2px 2px;
	border-bottom: 1px solid #000000;
}
table.leftNavTable td {
	padding: 2px 2px 2px 5px;
}
table.leftNavTable hr {
	text-align: left;
	width: 75%;
}
/* ************************ */


/* ************************ */
/* THIS IS THE PRIMARY CONTENT TD */
.adminContent {
	/* background-color: #FFFFFF; */
	width: 85%;
	vertical-align: top;
	padding: 5px 0px 0px 5px;
}
/* ************************ */






/****************************************************************************************/
/****************************************************************************************/
/****************************************************************************************/
/****************************************************************************************/







/* ******************************************* */
/* THESE ARE STYLES USED BY THE DATE PICKER */
/* 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: #ece9d8; */
	/* background-color: #FF6600; */
	/* background-color: #3399CC; */
	/* background-color: #99CCFF; */
	background-color: #c5cbd9;
	border: 1px solid #AAAAAA;
}


/* 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; */
	border: 1px solid #FFF4CC;

	}


/* 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; */
	background-color: #FFFFFF;
 	/* border: 1px solid #888888; */
	border: 1px solid #000000;
	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 {
	color: #FFFFFF;
	/* background-color: #CCCCCC; */
	background-color: #666666;
	/* border: 1px solid #AAAAAA; */
	border: 1px solid #FFFF99;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	/* color: gray; */
	/* color: #FFFFFF; */
	color: #000000;
	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; */
	color: #000000;
	/* background: #d8e8ff; */
	background: #FFFFFF;
	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; */
	color: #000000;
	/* background: #d8e8ff; */
	background: #FFFFFF;
	font-weight: bold;
	}
/* ******************************************* */