/* #Global# */
/* #Global/Reset# */
html { }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,hr,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
li { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
q:before,q:after { content: ''; }
abbr,acronym { border: 0; font-variant: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input,textarea,select { font-family: inherit; font-size: inherit; font-weight: inherit; }
input,textarea,select {*font-size: 100%; }
legend { color: #000000; }
a img { vertical-align: middle; }
td { vertical-align: top; }
hr { border: 0; width: 100%; }


/* #Global/Typography# */
body { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 14px; color: #353535;}
em { font-style: italic; }
p { padding: 0.75em 0; line-height: 1.5; }
a { color: #087ab0; text-decoration: underline; }
strong { font-weight: bold; color: #2c2718; }
h1, h2, h3, h4, h5 .BlockTitle { color: #001d2a; font-weight: bold; }
h1 { padding: 0.5em 0; font-size: 1.55em; } 
h2, .BlockTitle { padding: 0 0 .5em; margin: 0 0 .25em; font-size: 1.2em; }
h3 { padding: 0; font-size: 1em; }
ul { padding: 8px 8px 8px 20px; list-style-type: square; }
li { list-style: square; }
hr { height: 1px; background: #978f77; margin: 1em 0; }
.white { color: #FFFFFF; }
.black { color: #000000; }
.pointer { cursor: pointer; }
.small { font-size: 0.75em; font-family: Verdana, Arial, Helvetica, Sans-Serif; }

/* #Master# */
/* #Master/Structure# */
.LTR { padding: 0; margin: 0; background: #c0c0c0; }
.outerWrapper { position: relative; width: 975px; padding: 0 0 30px; margin: 0 auto; background: #FFFFFF url(/Images/hsp-wrapper-bg.aspx) repeat-x left bottom; }
.colLT { width: 220px; padding: 110px 10px 10px; border-right: 1px solid #565656; }
.colRT { width: 714px; padding: 0 10px 10px;}
.right { float: right; }
.left { float: left; }
.clear { clear: both; }


/* #Master/Header# */
.header { height: 140px; background: url(/Images/hsp-header-bg.aspx) no-repeat; position: relative;}
.logo { width: 240px; height: 80px; position: absolute; top: 60px; left: 0px; text-align: center; }
.headerSwooshBtm { width: 975px; height: 100px; position: absolute; top: 140px; left: 0px; z-index: 5; background: url(/Images/swoosh-btm.aspx) no-repeat; }
.DesignMode .headerSwooshBtm,
.EditMode .headerSwooshBtm { display: none; }
.headerTop a { padding: 0; margin: 0; }
.headerMid { height: 60px; padding: 0 0 0 765px; background: url(/Images/MasterPage/header-reformed-fellowship-logo.aspx) no-repeat 20px 10px; }
.txtLeftInput { 
	width: 165px;
	padding: 2px 4px; 
	margin: 0;
	border-style: solid; 
	border-width: 1px 0 1px 1px; 
	border-color: #b1ab99; 
	font-size: 12px;
}
.btnSiteSearch, .btnNewsletter { 
	width: 19px;
	padding: 0px;
	height: 20px;
	margin: 0;
	border-style: solid; 
	border-width: 1px 1px 1px 0; 
	border-color: #b1ab99; 
	background: #FFFFFF url(/Images/MasterPage/btn-search-icon.aspx) no-repeat center center; 
	cursor: pointer;
	vertical-align: bottom;
	*vertical-align: bottom;
	text-indent: -99999px;
	line-height: 0;
	font-size: 0;
}





/* #Master/Footer# */
.footer { padding: 30px 15px 5px; color: #004f75; font-size: .80em;}
.footer a { color: #004f75; }


/* #Master/Navigation# */
/* #Master/Navigation/Top# */
.mainNav { height: 70px; padding: 2px 0 0 350px; }
.mainNav ul { padding: 0; margin: 0; list-style-type: none; }
.mainNav ul li { float: left; position: relative; list-style: none; }

.mainNav ul li a, .mainNav ul li a:visited {
	display: block;
	font-size: 1.1em !important;
	color: #FFFFFF;
	text-decoration: none;
	padding: 8px 18px 18px;
	font-weight: bold;
}

.mainNav ul li ul {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	overflow: hidden;
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.mainNav ul li:hover a,
.mainNav ul li a:hover {
	color: #aeff00;
	background: url(/Images/mainnv-over.aspx) no-repeat center bottom;
}
.mainNav ul li:hover ul,
.mainNav ul li a:hover ul {
	z-index: 500;
	visibility: visible;
	width: 140px;
	height: auto;
	position: absolute;
	top: 25px;
	left: -2px;
	padding: 1px;
	background: #ded7d6;
	overflow: visible;
	border-color: #6b6563;
	border-style: solid;
	border-width: 0 1px 1px;
}
.mainNav ul li:hover ul li,
.mainNav ul li a:hover ul li {
	clear: both;
	display: block;
	width: 140px;
	text-align: left;
}
.mainNav ul li:hover ul li a,
.mainNav ul li a:hover ul li a {
	display: block;
	padding: 4px 6px;
	text-decoration: none;
	color: #434343;
	font-family: Arial, Helvetica, sans-serif !important;
	background: #FFFFFF;
	font-size: 11px !important;
	font-weight: normal;
	border: none;
	width: 128px;
	text-align: left;
	font-weight: bold;
	border-bottom: 1px solid #ffffff;
}

.mainNav ul li:hover ul li ul,
.mainNav ul li a:hover ul li a ul {
	visibility: hidden;
	position: absolute;
	top:0;
	left:0;
	height:0;
	overflow:hidden;
}
.mainNav ul li:hover ul li a:hover,
.mainNav ul li a:hover ul li a:hover {
	color: #FFFFFF;
	background: #f7be29;
	border-bottom: 1px solid #423c39;
}

/* #Master/Navigation/Sub# */
.subNav { height: 25px; padding: 2px 3px; margin: 0 0 1.5em; background: #FFFFFF; border-bottom: 1px solid #b4b4b4; }
.subNav ul { padding: 0; margin: 0; list-style-type: none; background: none; }
.subNav ul li { float: left; position: relative; list-style: none; padding: 0;}

.subNav ul li a, .subNav ul li a:visited {
	display: block;
	font-size: 12px !important;
	color: #33290a;
	text-decoration: none;
	padding: 6px;
	margin: 0 1px 0 0;
	font-weight: bold;
	text-align: center;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #b4b4b4;
	background: #fff;
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.subNav ul li:hover a,
.subNav ul li a:hover {
	background: url(/Images/MasterPage/red-pattern-bg.aspx) center center;
	color: #FFFFFF;
}



/* #Pages# */

/* #Pages/Contact# */
.contactWrapper { padding: 100px 0 0; }



/* #Pages/Home# */


/* #Pages/Home/SlideShow# */
.slideShow { float: right; width: 650px; height: 382px; position: relative; }
.rTop, .rBtm {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 650px;
	height: 352px;
}
.rBtm {
	display: none;
	z-index: 9;
}
.rTop { }
.itemMenu{
	position: absolute;
	width: 630px;
	height: 30px;
	padding: 5px 10px;
	top: 352px;
	left: 0;
	z-index: 15;
}
.item, .itemCurrent {
	float: right;
	padding: 1px 4px;
	border: 1px solid #FFFFFF;
	text-align: center;
	margin: 1px 1px 1px 0;
	color: #c8c4b7;
	cursor: pointer;
	font-size: 9px;
	font-weight: normal;
	background: #c8c4b7;
}
.itemCurrent {
	background: #bb2c04;
	color: #bb2c04;
}

/* #Forms# */
.formWrapper { padding: 10px; margin: 10px; }
.EditingFormValueCell { padding: 2px; }
.EditingFormLabelCell { font-weight: bold; vertical-align: top; padding: 2px 10px 2px 2px; }
.TextBoxField { padding: 3px; width: 300px; }
.TextAreaField { padding: 3px; width: 300px; height: 200px; }
.FormButton { padding: 5px; }
.ErrorLabel { display: none; }
.EditingFormErrorLabel { font-size: 10px; padding: 5px 5px 0; font-weight: bold; text-align: left; color: #810707;}
label { padding: 2px; }

/* #Pager# */
.PagerNumberArea { font-size: 12px; margin-top: 10px; }
.PagerNumberArea span.SelectedPage { padding: 2px 7px; background: #bb2c04; color: #FFFFFF; }
.PagerNumberArea a.UnselectedPage { padding: 2px 7px; background: #c8c4b7; text-decoration: none;}


/* #Pages/Gallery# */

.galleryWrapper { padding: 100px 0 0; }
.galleryPhoto { border: 1px solid #b4b4b4; padding: 10px; display: inline; margin: 10px; }}