﻿
body, html
{
	font-family: Arial, Helvetica, Sans-Serif;
	
	background-color: #202020;
	font-size: small;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	height: 100%;
	width: 100%;
}
body
{
}


#header
{
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#outer-wrap
{
	width: 1050px;
	min-height:100%;
	height: auto !important;
	height:100%;
	background-image: Url("Assets/bg.jpg");
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom:-6em;
	
}
#outer
{
	width: 1050px;
	min-height: 100%;
	height:auto !important;
	height:100%;
	background-color: #CCDADD;
	background-image: Url("Assets/bg.jpg");
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: -4em;
	
	
}
#footer
{
	background-image: Url("Assets/bg.jpg");
	background-repeat:repeat-y;
	text-align: center;	
	margin-left: auto;
	margin-right: auto;
	width: 1050px;
		
	height:4em;
}
.push
{
	height: 4em;
}

a.imgSRR
{
	background-image:Url("Assets/imgSRR.jpg");
	background-repeat:no-repeat;
	height:290px;
	width:400px;
	display:block;
	float:left;
	
}
a.imgSRR:hover
{
	background-image:Url("Assets/imgSRR_over.jpg");
	background-repeat:no-repeat
}
#menu
{
	padding-top: 5px;
	padding-bottom: 5px;
	height: 40px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 670px;
}
.leftColumn
{
	min-width: 230px;
	vertical-align: top;
	height: 100%;
}
.rightColumn
{
	vertical-align: top;
	border-left: solid 2px #999999;
	min-width: 750px;
	width: 750px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
}
.baseNav
{
	float: left;
	padding: 0px 5px 0px 5px;
}
#logo
{
	position: absolute;
	top: 0px;
	right: -10px;
	width: 229px;
}
#content
{
	height: 100%;
	min-height: 500px;
	margin: 0px 0px 0px 0px;
	position: relative;
	padding:10px 25px 10px 25px;
}
#mainContent
{
	width: 770px;
	padding: 20px;
	vertical-align: top;
	border-left: solid 2px #999999;
}
.contentDiv
{
	min-height: 300px;
}

.the_menu
{
	display: none;
	margin-left: auto;
	margin-right: auto;
}
ul, li
{
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	display: inline-block;
}
.contact, .ministries
{
	display: none;
	margin-left: auto;
	margin-right: auto;
}
/* Accordion */
.accordionHeader
{
	background-image: url("Assets/accordionHeader_BG.png");
	background-color: #999999;
	background-position: center;
	background-repeat: no-repeat;
	color: White;
	font-size: small;
	padding: 5px;
	margin: 5px;
	font-style: normal;
	border: solid 1px #999999;
	-moz-user-select: none;
    -khtml-user-select: none;
   
}

.accordionHeader:hover
{
	background-image: url("assets/Accordion_HD_over.png");
	border: solid 1px #629799;
}
.accordionContent
{
	padding: 5px;
	text-align: left;
	font-family: Arial, Helvetica, Sans-Serif;
}
.accordionHeaderSelected
{
	background-image: url("assets/Accordion_HD_over.png");
	background-color: Navy;
	background-position: center;
	background-repeat: no-repeat;
	color: White;
	font-size: small;
	padding: 5px;
	margin: 5px;
	border: solid 1px #629799;
	-moz-user-select: none;
    -khtml-user-select: none;
   
}

/*Nav Rollovers*/

#signUpNav
{
	display: block;
	width: 200px;
	height: 40px;
	background: url("assets/btnSignup.png") no-repeat 0 0;
	float: left;
	margin: 0px 5px 0px 5px;
}
#signUpNav:hover
{
	background-position: 0 -40px;
}
#signUpNav span
{
	display: none;
}
#editNav
{
	display: block;
	width: 100px;
	height: 20px;
	background: url("assets/editNews.png") no-repeat 0 0;
	margin: auto;
}
#editNav:hover
{
	background-position: 0 -20px;
}
#editNav span
{
	display: none;
}

#homeNav
{
	display: block;
	width: 100px;
	height: 40px;
	background: url("assets/btnHome2.png") no-repeat 0 0;
	float: left;
	margin: 0px 5px 0px 5px;
}
#homeNav:hover
{
	background-position: 0 -40px;
}
#homeNav span
{
	display: none;
}
#aboutNav
{
	display: block;
	width: 100px;
	height: 40px;
	background: url("assets/btnAbout2.png") no-repeat 0 0;
	float: left;
	margin: 0px 5px 0px 5px;
}

#aboutNav:hover
{
	background-position: 0 -40px;
}
#contactNav
{
	display: block;
	width: 100px;
	height: 40px;
	background: url("assets/btnContact2.png") no-repeat 0 0;
	float: left;
	margin: 0px 5px 0px 5px;
}

#contactNav:hover
{
	background-position: 0 -40px;
}
#calendarNav
{
	display: block;
	width: 100px;
	height: 40px;
	background: url("assets/btnCalendar2.png") no-repeat 0 0;
	float: left;
	margin: 0px 5px 0px 5px;
}

#calendarNav:hover
{
	background-position: 0 -40px;
}
#ministriesNav
{
	display: block;
	width: 100px;
	height: 40px;
	background: url("assets/btnMinistries2.png") no-repeat 0 0;
	float: left;
	margin: 0px 5px 0px 5px;
}

#ministriesNav:hover
{
	background-position: 0 -40px;
}
#mediaNav
{
	display: block;
	width: 100px;
	height: 40px;
	background: url("assets/btnMedia2.png") no-repeat 0 0;
	float: left;
	margin: 0px 5px 0px 5px;
}

#mediaNav:hover
{
	background-position: 0 -40px;
}

#mediaNav span
{
	display: none;
}
#calendarNav span
{
	display: none;
}
#contactNav span
{
	display: none;
}
#aboutNav span
{
	display: none;
}
#ministriesNav span
{
	display: none;
}
.imgPastor
{
	background-image: url("Assets/btnStaff.png");
	width: 200px;
	height: 40px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.imgPastor:hover
{
	background-image: url("Assets/btnStaff_over.png");
}
.imgWhy
{
	background-image: url("Assets/btnWhy.png");
	width: 200px;
	height: 40px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.imgWhy:hover
{
	background-image: url("Assets/btnWhy_over.png");
}
.imgWhat
{
	background-image: url("Assets/btnWhat.png");
	width: 200px;
	height: 40px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.imgWhat:hover
{
	background-image: url("Assets/btnWhat_over.png");
}
.imgFaith
{
	background-image: url("Assets/btnFaith.png");
	width: 200px;
	height: 40px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.imgFaith:hover
{
	background-image: url("Assets/btnFaith_over.png");
}
.hiddenpic
{
	visibility: hidden;
}

#UpdateProgress1
{
	background-color: #CF4342;
	color: #fff;
	top: 0px;
	right: 0px;
	position: fixed;
}
#calDiv
{
	padding: 20px 0px 0px 0px;
}

#UpdateProgress1 img
{
	vertical-align: middle;
	margin: 2px;
}
.imgWomen
{
	display: block;
	margin: 0px 0px 0px 0px;
	background-image: url("Assets/btnWomen.png");
	background-repeat: no-repeat;
	width: 200px;
	height: 40px;
	margin-left: auto;
	margin-right: auto;
}
.imgWomen:hover
{
	background-image: url("Assets/btnWomen_over.png");
}
.imgMen
{
	display: block;
	margin: 0px 0px 0px 0px;
	background-image: url("Assets/btnMen.png");
	background-repeat: no-repeat;
	width: 200px;
	height: 40px;
	margin-left: auto;
	margin-right: auto;
}
.imgMen:hover
{
	background-image: url("Assets/btnMen_over.png");
}
.imgChildren
{
	display: block;
	margin: 0px 0px 0px 0px;
	background-image: url("Assets/btnChildren.png");
	background-repeat: no-repeat;
	width: 200px;
	height: 40px;
	margin-left: auto;
	margin-right: auto;
}
.imgChildren:hover
{
	background-image: url("Assets/btnChildren_over.png");
}
.imgStudent
{
	display: block;
	margin: 0px 0px 0px 0px;
	background-image: url("Assets/btnStudent.png");
	background-repeat: no-repeat;
	width: 200px;
	height: 40px;
	margin-left: auto;
	margin-right: auto;
}
.imgStudent:hover
{
	background-image: url("Assets/btnStudent_over.png");
}
.imgEducation
{
	display: block;
	margin: 0px 0px 0px 0px;
	background-image: url("Assets/btnEducation.png");
	background-repeat: no-repeat;
	width: 200px;
	height: 40px;
	margin-left: auto;
	margin-right: auto;
}
.imgEducation:hover
{
	background-image: url("Assets/btnEducation_over.png");
}
/* For AJAX Update panel div's added by LiteralControls only:*/
.literalDiv
{
	padding: 10px 15px 10px 15px;
}
#returnWomen
{
	display: block;
	width: 384px;
	height: 40px;
	background: url("assets/WomenReturn.png") no-repeat 0 0;
	padding: 5px 0px 5px 0px;
}
#returnWomen span
{
	display: none;
}


