/*LAYOUT FOR YCP WEBSITE STYLING
 used for structual layouts not ie width hight ect. */
 
 /*HEADER*/
 .header{
 	width: 100%;
 	height: 286px;
 }
 .greenArrow{
 	vertical-align: top;
 	padding: 0 0 0 7px
 }
 .vmiddle{
 	vertical-align: middle;
 	margin: 0 8px 0 8px;
 }
 /*NAV*/
 .navBar{
	width: 100%;
	background: transparent url(/images/navRepeat.png) repeat-x;
	height: 89px;
	position: relative;
	z-index: 90;
}
.navHolder{
	width: 970px;
	background: transparent url(/images/navBg.png) no-repeat;
	height: 89px;
	margin: 0 auto;
	z-index: 90;
}
.nav1,.nav2,.nav3,.nav4,.nav5,.nav6,.nav7,.nav8,.navOver1,.navOver2,.navOver3,.navOver4,.navOver5,.navOver6,.navOver7,.navOver8{
	height: 29px;
	float: left;
	margin: 17px 3px 0 0;
	padding: 10px 0;
} 
.nav1 {
	width:75px;
	background: url(/images/navHome.gif) no-repeat;
}

.navOver1 {
	width:75px;
	background: url(/images/hoverHome.gif) no-repeat;
	cursor: pointer;
}
.nav2 {
	width:100px;
	background:url(/images/navAbout.gif) no-repeat;
	cursor: pointer;
}
.navOver2 {
	width:100px;
	background:url(/images/HoverAbout.gif) no-repeat;
	cursor: pointer;
}
.nav3 {
	width:104px;
	background:url(/images/navMinistries.gif) no-repeat;
}

.navOver3 {
	width:104px;
	background:url(/images/hoverMinistries.gif) no-repeat;
	cursor: pointer;
}
.nav4 {
	width:97px;
	background:url(/images/navSermons.gif) no-repeat;
}

.navOver4 {
	width:97px;
	background:url(/images/hoverSermons.gif) no-repeat;
	cursor: pointer;
}
.nav5 {
	width:127px;
	background:url(/images/navSmallGroups.gif) no-repeat;
}
.navOver5 {
	width:127px;
	background:url(/images/hoverSmallGroups.gif) no-repeat;
	cursor: pointer;
}
.nav6 {
	width:148px;
	background:url(/images/navChildren.gif) no-repeat;
}
.navOver6 {
	width:148px;
	background:url(/images/hoverChildren.gif) no-repeat;
	cursor: pointer;
}
.nav7 {
	width:171px;
	background:url(/images/navMissions.gif) no-repeat;
}
.navOver7 {
	width:171px;
	background:url(/images/hoverMissions.gif) no-repeat;
	cursor: pointer;
}
.nav8 {
	width:82px;
	background:url(/images/navEvents.gif) no-repeat;
}
.navOver8 {
	width:82px;
	background:url(/images/hoverEvents.gif) no-repeat;
	cursor: pointer;
}

/*subnav*/
.subnav{
	background: transparent url(/images/repeat-pattern.jpg) repeat-x;
	width: 100%;
	height: 186px;
	position: relative;
	z-index: 2;
	margin: -23px 0 0 0;
	.position:absolute;
}
.subnavWrap{
	width: 970px;
	margin: 0 auto;
}
.flashMovie{
	position: absolute; 
	float: left;
}
.staticImage{
	position:absolute;
	float: left;
	width: 606px;
	height:330px;
	background: url(/images/mbBg.png) 0 0 no-repeat;
}
.staticImageImg{
	position: relative;
	margin-left: 56px;
}
.logo{
	float: right;
	margin: 32px 71px 0 0;
}
/*intnav*/
.intNav{
	width: 100%;
	height: 34px;
	background: #313023;
	.position: absolute;
	.top: 252px;
}
.intNav1,.intNav2,.intNav3{
	padding: 0 26px 0 26px;
	float: right;
	border-right: 1px solid #59594e;
	height: 34px;
	cursor: pointer;
	position: relative;
}
.intNav1 p,.intNav2 p,.intNav3 p{
	padding: 6px 0 0 0;
	color: #fff;
	font-family:Helvetica,arial,san-serif;
}
.intNavHolder{
	width: 970px;
	margin: 0 auto;
}
#profile{
	cursor: pointer;
}
#intSubNavWrap{
	position:absolute;
	background:#10406f;
	width: 100px;
	right: 0;
	top: 34px;
	height: 70px;
	display: none;
}
.intSubNav{
	cursor: pointer;
}
.intSubNav p{
	float: right;
	padding: 6px 10px 4px 0;
	color: #fff;
	font-weight: normal;
	font-size: 12px;
	cursor: pointer;		
}
/*dropdown*/
#menus {
	float:none;
	position:absolute;
	top:66px;
	.top: 67px;
	z-index: 999;
	_top: 0px;
}
#menus a {
	color:#333;
}
#menus:hover {
	color:#FFF;
	text-decoration:none;
	_background: purple;
}
.menus {
	float:none;
	border: none;
	width:189px;
	display:none;
	position:absolute;
	padding-top:1px;
	background: #10406f;
	z-index: 1000;
	_top: 0px;
	_background: red;
}
#menu2 {left:80px;}
#menu3 {left:180px;}
#menu5 {left: 390px;}
#menu6 {left: 520px;}
#menu7 {left: 670px;}

.navItem{
	padding: 7px 0 7px 18px;
	color: #fff;
	font-weight: bold;
	border-top: 1px solid #1b4c7c;
	font-size: 12px;
	position:relative;
	font-family:Helvetica,arial,san-serif;		
}
.navItemOver { 
	padding: 7px 0 7px 18px;
	color: #313023;
	font-weight: bold;
	border-top: 1px solid #1b4c7c;
	font-size: 12px;
	position:relative;
	background: #7bb9f3;
	cursor: pointer;
	font-family:Helvetica,arial,san-serif;			
}

/*CONTENT*/
.main{
	background: transparent url(/images/fadedRoundCorner.png) no-repeat 0 0 scroll;
	width: 605px;
	min-height: 600px;
	float: left;
	margin: 87px 0 0 0;
}
.mainHolder{
	padding: 25px 0 0 33px;
}
.fBoxes{
	margin: 50px 0 0 0;
}
.homeBoxes{
	float: left;
	margin: 0 13px 17px 0;
	border:5px solid #F0F0EC;
	height: 90px;
}
.homeBoxes img{
	margin: 0;
	padding: 0;
}
/*side*/
.side{
	width: 272px;
	float: right;
}
.sideTitle{
	
}
.sidePod{
	margin: 25px 0 0 0;
	border: 5px solid #f0f0ec;
	width: 272px;		
}
.sideHolder{
	border: 1px solid #c7c6c2;
	border-top: none;
	padding: 14px;
}
.sideHolderHover{
	background: #eee;
	cursor: pointer; 
}
.sideHolderAll{
	border: 1px solid #c7c6c2;
	border-top: none;
	padding: 14px;
}
.sideHolderAll{
	border: 1px solid #c7c6c2;
	border-top: none;
	padding: 14px;
}
.sideBottom{
	border: 1px solid #c7c6c2;
	border-top: none;
	padding: 6px 0 8px 0; 
	background: #d2d0b6; 
}
.sideDate{
	color: #313023;
	font-family:Helvetica,arial,san-serif;
	font-size:12px;
	font-weight:normal;
}
.sideArrow{
	margin: 0px 14px 0 12px;
	float: left;
}
.content{
	margin: 0 auto;
	width: 970px;
}
.footer{
	position:relative;
	width: 100%;
	height: 97px;
	background: #e3e3e1;
	margin-top: 50px;
	padding-top:20px;
	border-top: 1px solid #aeaeac;
}
.footerContent ul{
	text-align: center;
}
.footerContent ul li{
	display: inline;
	margin:0 2px;
	font-family: Helvetica, verdana;
	font-size: 12px;
	.font-size: 11px;
	color: #313023;
	line-height: 28px;
}
.footerContent ul li a{
	.font-size:11px;
}
ul.signature li a{
	color: #313023;
}

.footerContent{
	position:relative;
	width:970px;
	height:97px;
	margin:0 auto;
}
/*CONTACT US*/
.formFieldExtend{
	position: relative;
	width: 540px;
	height:30px;
	margin: 15px 0 0 0;
	float: left;
	display: inline;	
}
.formFieldsExtendInput{
	width: 540px;
	border: 5px solid #F0F0EC;
	padding:5px 0px 5px 3px;
	color: #333;
	font-family: inherit;
}
.formFieldSmall{
	position: relative;
	width: 120px;
	height:30px;
	margin: 15px 0 0 10px;
	float: left;
	display: inline;
}
.formFieldSmallInput{
	width: 110px;
	border: 5px solid #F0F0EC;
	padding:5px 0px 5px 3px;
	margin: 0 0 0 30px;
	color: #333;
	font-family: inherit;
}
.formField1{
	position: relative;
	float: left;
	width: 260px;
	height:30px;
	margin: 15px 0 0 0;
	display: inline;
	_margin: 15px 0 0 0;
	_width: 100px;		
}
.formField2{
	position: relative;
	float: left;
	width: 260px;
	height:30px;
	margin: 15px 0 0 25px;
	display: inline;
	_margin: 15px 0 0 0;
}
.validator{
	background: purple;
	margin: 0;
	padding: 0;
	float: right;
}
.formField3{
	position: relative;
	float: left;
	width: 545px;
	height:97px;
	margin: 15px 0 0 0;
	font-family: Georgia, serif;
}

.formField4{
	position: relative;
	float: left;
	width: 545px;
	margin: 20px 0;	
}
.formFields{
	width: 255px;
	border: 5px solid #F0F0EC;
	padding:5px 0px 5px 3px;
	_padding: 5px 0 5px 0;
	_float: left;
	color: #333;
	font-family: inherit;
	background: transparent url(/images/gradient.png)0 0 repeat-x;
}
.formText{
	padding: 5px 10px 0px 0px;
	text-align: right;
	font-family: inherit;
}
.Message{
	width: 540px;
	height: 100px;
	border: 5px solid #F0F0EC;
	padding-top: 3px;
	padding-left: 3px;
	color: #333;
	font-family: Georgia, serif;
	font-size:12px !important;
	font-size: inherit;
	background: #fff url(/images/gradient.png)0 0 repeat-x;
	.margin: 0 0 0 -20px;
}
#contactMsg{
	.margin: 0;
}
#select,.select{
	margin: 7px 0 0 4px;
}
.formFields:hover,.Message:hover, textarea:hover,.formFieldsExtendInput:hover,.formFieldSmallInput:hover{
	border:5px solid #237CB4;
}
#btnSubmit{
	background: transparent(/images/submitBtn.gif) no-repeat;
	width:100px;
	padding: 10px 0 0 0;
}
/*MEMBERS PAGES*/
.formDiv{
	width: 260px;
	margin: 10px 0 0 20px;
	float: left;
}
#btnErasePhoto{
	.margin: 10px 10px 0 0;
	margin: 10px 0 0 0;
}
.formDiv input{
	.margin: 0 0 0 -20px;
}
.formContent{
	width: 605px;
}
#lblMsgPassLeaveBlank2, #lblMsgPassLeaveBlank{
	font-size: 12px;
	.font-size: 10px;
}
/*Special Bottom styles*/
.bottomStyle{
	background: #d2d0b6;
	border: 6px solid #f0f0ec;
	padding: 10px;
}
.bottomStyle .borderRight{
	border-left: 1px solid #C7C6C2;
}