/* ==================================================== */
/* Standard Tags */ 
/* ==================================================== */

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 80%;
	margin: 0px;
	background-attachment: fixed;
	text-align: left;
	background-color: #FFF
	}

td {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 80%;
	margin: 0px;
	background-attachment: fixed;
	text-align: left
	}

h1 {
	font-size: 140%;
	margin: 0 0 6px 0;
	color: #4e1878;
	margin-bottom: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
	padding-right: 0;
	font-style: italic;
	background-image: url("../images/styling/h1bar.bmp")
	}

h2 {
	font-size: 120%;
	margin: 0 0 6px 0;
	color: yellow;
	background-color: #004080;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
	padding-right: 0;
	font-style: italic
	}

h3 {
	font-size: 100%;
	margin: 0 0 10px 0;
	color: purple;
	width: 99%;
	background-color: #62b0ff;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
	padding-right: 0;
	font-weight: bold;
	font-style: italic
	}
	
h4 {
	font-size: 100%;
	margin: 0 0 10px 0;
	color: purple;
	width: 99%;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
	padding-right: 0;
	font-weight: bold;
	font-style: italic
	}
	
	
/* ==================================================== */
/* Main - Common                                        */ 
/* ==================================================== */

.page
	{
    width: 896px;
	padding: 0;
	background-color: #FFF;
	z-index: 2;
	border-width: thin;
	border-style: solid;
	border-color: #acacac
	}
	
.imageleft
	{
	margin: 10px;
	float: left
	}
	
.imageright
	{
	margin: 10px;
	float: right
	}
	
.footer
	{
	color: gray;
	text-align: center;
	font-size: 8pt
}


/* ==================================================== */
/* Home Page                                            */ 
/* ==================================================== */

.homepagetitle
	{
	font-family: "Monotype Corsiva", "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 36pt;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 2px;
	padding-right: 2px;
	color: #4D1979;
	position: absolute;
	left: 330px;
	top: 30px
	}

.hometopmenu
	{
	z-index: 9;
    width: 785px;
	position: absolute;
	top: 105px;
	left: 163px
	}
	
.homeborder
	{
	z-index: 7;
	background: #ffffff url('../images/styling/ymborder.bmp') repeat-y;
	position: relative;
	left: 0px;
	top: 0px
	}
		
.homebody
	{
	z-index: 5;
	width: 850px;
	position: relative;
	left: 40px;
	top: -80px
	}

/* ==================================================== */
/* Church Page                                            */ 
/* ==================================================== */
		
.churchheader
	{
	font-family: "Monotype Corsiva", "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 24pt;
	font-weight: bold;
	color: #007d7d;
	width: 890px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 2px;
	padding-right: 2px;
	position: absolute;
	top: 0px
	}
	
.churchpagetitle
	{
	font-family: "Monotype Corsiva", "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 30pt;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 2px;
	padding-right: 2px;
	color: #4D1979;
	position: absolute;
	left: 110px;
	top: 33px
	}
	
.churchtopmenu
	{
	z-index: 9;
    width: 785px;
	position: absolute;
	top: 96px;
	left: 160px
	}
	
.churchlinks
	{
	position: absolute;
    width: 350px;
    top: 144px;
	left: 549px
	}
	
.churchmenu
	{
	z-index: 8;
	width: 700px;
	position: absolute;
	top: 140px;
	left: 100px
	}
	
.churchbody
	{
	width: 860px;
	z-index: 5;
	position: relative;
	left: 20px;
	top: -10px
	}
	
.churchbody .column
	{
	width: 410px;
	margin-right: 20px; 
	float: left;
	clear: right
	}
		
.churchbody .column td
	{
	font-size: 10pt
	}
	
.churchactivity
	{
	padding-bottom: 3px;
	padding-right: 3px;
	border-width: medium;
	border-color: #7c35ac;
	border-right-style: ridge;
	border-left-style: none;
	border-top-style: none;
	border-bottom-style: ridge
	}

/* ==================================================== */
/* Other Page                                            */ 
/* ==================================================== */
		
.otherpagetitle
	{
	font-family: "Monotype Corsiva", "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 36pt;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 2px;
	padding-right: 2px;
	color: #4D1979;
	position: absolute;
	left: 330px;
	top: 20px
	}

.othertopmenu
	{
	z-index: 9;
    width: 785px;
	position: absolute;
	top: 96px;
	left: 163px
	}

.otherbody
	{
	width: 860px;
	z-index: 5;
	position: relative;
	left: 30px;
	top: 10px
	}

/* ---------------------------------------------------- */
.bluebutton {
	color: blue;
	font-size: 90%
	}
	
.greenbutton {
	color: green;
	font-size: 90%
	}
	
.blackbutton {
	color: black;
	font-size: 90%
	}
	
.redbutton {
	color: red;
	font-size: 90%
	}
	
/* ---------------------------------------------------- */
.selectioncontainer {
	padding-top: 10px;
	width: 100%	
	}
.selectionright {
	margin-left: 15pt;
	margin-bottom: 7pt;
	float: right;
	padding-left: 3pt;
	padding-right: 3pt
	
	}
.selectionleft {
	margin-right: 1pt;
	margin-bottom: 7pt;
	float: left;
	padding-left: 3pt;
	padding-right: 3pt
	}
	

.msgcontrol {
	color: blue;
	position: relative; 
	font-weight: bold 
	}
.pagecontrol {
	position: relative; 

	}
	
/*
.msgcontrol {
	color: blue;
	position: absolute; 
	top: 172px;
	left: 20px;
	font-weight: bold 
	}

.pagecontrol {
	position: absolute; 
	top: 145px; 
	left: -5px 
	}
*/
/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
/* Column Control */

.columnmgmt
	{
	width: 40%;
	padding: 5;
	float: left;
	clear: right; 
	margin-right: 5px;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 15px
	}

.column
	{
	width: 394px;
	margin-right: 36px; 
	display: inline;
	float: left;
	clear: right
	}

.columnIndex1
	{
    width: 467px;
	padding: 5;
	float: left;
	clear: right;
	margin-right: 5px;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 15px
	}
.columnIndex2
	{
	width: 320px;
	padding: 5;
	float: left;
	clear: right;
	margin-right: 5px;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 15px
	}
.columnIndex3
	{
	width: 200px;
	padding: 5;
	float: left; 
	display: in-line;
/*	clear: right; */ 
	margin-right: 5px;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 15px
	}


.columnAdmin1
	{
	width: 25%;
	padding: 5;
	float: left;
	clear: right;
	margin-right: 5px;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 15px
	}
.columnAdmin2
	{
	width: 65%;
	padding: 5;
	float: left;
	clear: right;
	margin-right: 5px;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 15px
	}

.columnYouth1
	{
	width: 55%;
	padding: 5;
	float: left;
	clear: right;
	margin-right: 5px;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 15px
	}

.columnYouth2
	{
	width: 37%;
	padding: 5;
	float: left;
	clear: right;
	margin-right: 5px;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 15px
	}

.facescolumn
	{
	width: 152px;
	margin-right: 20px; 
	display: inline;
	float: left;
	clear: right;
	text-align: center
	}
	
.columnwide
	{
	width: 856px;
	padding: 5;
	float: left;
	clear: right
	margin-right: 5px;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 1px
	}

.columnwide table
	{
	margin-right: 5px;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 5px;
	padding: 3px
	}

.columnwide tr td
	{
	padding: 3px
	} 

.columnwide p
	{
	margin-right: 12px;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 12px
	}


/* ---------------------------------------------------- */
/* Help Display */ 

.helprowhdr td
	{
	font-size: 100%;
	background-color: #3b3b3b; 
	border-width: thin;
	border-color: white;
	border-style: solid;
	padding: 5px;
	font-weight: bold;
	color: yellow
	}

.helprow1 td
	{
	font-size: 100%;
	background-color: #c8c8c8;
	border-width: thin;
	border-color: white;
	border-style: solid;
	padding: 5px;
	vertical-align: top
	}
	
.helprow2 td
	{
	font-size: 100%;
	background-color: #d8d8d8;
	border-width: thin;
	border-color: white;
	border-style: solid;
	padding: 5px;
	vertical-align: top
	}

/* ---------------------------------------------------- */
/* Table Data Display */ 

.datarowtable {
	width: 100%
	}
	
.datarowhdr td
	{
	font-size: 80%;
	background-color: #3b3b3b; 
	border-width: thin;
	border-color: white;
	border-style: solid;
	padding: 5px;
	font-weight: bold;
	color: yellow
	}

.datarow1 td
	{
	font-size: 80%;
	background-color: #c8c8c8;
	border-width: thin;
	border-color: white;
	border-style: solid;
	padding: 5px
	}
	
.datarow2 td
	{
	font-size: 80%;
	background-color: #d8d8d8;
	border-width: thin;
	border-color: white;
	border-style: solid;
	padding: 5px
	}

.datarowexp td
	{
	font-size: 80%;
	background-color: #fbcb84;
	border-width: thin;
	border-color: white;
	border-style: solid;
	padding: 5px
	}

.manageselect {
	color: #094d9f;
	font-size: 90%;
	background-color: #d8d8d8;
	}

.manageselecttext {
	color: #094d9f;
	font-size: 90%;
	}

.userselect {
	color: #094d9f;
	font-size: 90%;
	background-color: #d8d8d8;
	}

.userselecttext {
	color: #094d9f;
	font-size: 90%;
	}
	
	
/* ---------------------------------------------------- */
/* Form Input Display */ 

.dataformtable {
	width: 100%
	}

.dataform1 td
	{
	font-size: 80%;
	background-color: #c8c8c8;
	border-left-width: thin;
	border-right-width: thin;
	border-bottom-width: medium;
	border-top-width: medium;
	border-color: white;
	border-style: solid;
	padding: 5px
	}
	
.dataform1 form
	{
	font-size: 100%
	}

.dataform1 input
	{
	font-size: 100%
	}

.dataform1 td textarea
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%
	}
	
.dataform2 td
	{
	font-size: 80%;
	background-color: #d8d8d8;
	border-left-width: thin;
	border-right-width: thin;
	border-bottom-width: medium;
	border-top-width: medium;
	border-color: white;
	border-style: solid;
	padding: 5px
	}

.dataform2 form
	{
	font-size: 100%
	}

.dataform2 input
	{
	font-size: 100%
	}

.dataform2 textarea
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%
	}

.dataformoutput td
	{
	font-size: 80%;
	background-color: #ff8080;
	border-left-width: thin;
	border-right-width: thin;
	border-bottom-width: medium;
	border-top-width: medium;
	border-color: white;
	border-style: solid;
	padding: 5px;
	}
	
.dataformoutput form
	{
	font-size: 100%
	}

.dataformoutput input
	{
	font-size: 100%
	}

.dataformoutput td textarea
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: blue
	}
	

/* ---------------------------------------------------- */
/* SQL Results */

.sqlresult {
	color: #094d9f;
	font-size: 100%
	}

.sqlresult select {
	color: #094d9f;
	font-size: 100%;
	background-color: #eafff4;
	}
	
.sqlresult a {
	color: #094d9f;
	text-decoration: none
	}
	
.sqlresult a:hover {
	color: #094d9f;
	background-color: #ffd7ae;
	text-decoration: none
	}

/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
	
//