/* Start of CMSMS style sheet 'grovely' */
html {
	background-color: #FFF;
}
body {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a img {
	border: none;
}
/* custom YUI doc width */
#grovely-doc {
	margin: auto; text-align: left; /* leave unchanged */
	width: 766px; /* non-IE */
	*width: 766px; /* IE */
	min-width: 766px;/* optional but recommended */
}
.yui-t5 #yui-main .yui-b {
	margin-right: 23.5em;
}
.yui-t5 .yui-b {
	width: 21em;
}
.yui-t5 #home #yui-main .yui-b {
	margin-right: 30em;
}
.yui-t5 #home .yui-b {
	width: 28em;
}
#home #yui-main .yui-b {
	width: auto;
}
.yui-t5 #home #yui-main {
	margin-right: -32em;
}

#home-text .content-s {
	padding: 16px 0;
}
#home-text .yui-gb .yui-u {
	width: 27%;
	padding: 0 0 0 30px;
}

#hd {
	background-color: #FFF;
}
#header {
	padding: 0 10px;
}
#header h1 {
	font-size: 1px;
}

.btn-more {
	position: relative;
	width: 104px;
}
.btn-more a {
	display: block;
	font-size: 8px;
}
.btn-more span {
	position:absolute;
	top: 0;
	left:0;
	height: 19px;
	width:104px;
	background: transparent url(/uploads/images/template/btn-read.gif) no-repeat 0 0;
}
.btn-more a:hover span,
.btn-more a:active span,
.btn-more a.selected span {
	background: url(/uploads/images/template/btn-read.gif) no-repeat 0 -19px;
}
#nav {
	margin: 0 10px;
	background-color: #fff;
	height: 36px;
}
#nav li {
	display: block;
	float: left;
	position: relative;
	width: 124px;
}
#nav a {
	display: block;
	padding: 5px;
	font-weight: bold;
	font-size: 9px;
	color: #FFF;
}
#nav span {
	position: absolute;
	top: 0;
	left: 0;
	height: 36px;
	width: 124px;
	background: transparent url(/uploads/images/template/nav.gif) no-repeat 0 0;
}
#nav a:hover span,
#nav a:active span,
#nav a.selected span {
	background: url(/uploads/images/template/nav.gif) no-repeat 0 -36px;
}
/* 1. community */
li#navitem1 {
	width: 125px;
}
li#navitem1 a:link span,
li#navitem1 a:visited span {
	background: url(/uploads/images/template/nav.gif) no-repeat 0 0;
}
/* 2. what we do */
li#navitem2 {
	width: 124px;
}
li#navitem2 span {
	background-position: -126px 0;
}
li#navitem2 a:link span,
li#navitem2 a:visted span {
	background: url(/uploads/images/template/nav.gif) no-repeat -126px 0;
}
li#navitem2 a:hover span,
li#navitem2 a:active span,
li#navitem2 a.selected span {
	background: url(/uploads/images/template/nav.gif) no-repeat -126px -36px;
}
/* 3. baptisms */
li#navitem3 {
	width: 124px;
}
li#navitem3 span {
	background-position: -250px 0;
}
li#navitem3 a:link span,
li#navitem3 a:visited span {
	background: url(/uploads/images/template/nav.gif) no-repeat -250px 0;
}
li#navitem3 a:hover span,
li#navitem3 a:active span,
li#navitem3 a.selected span {
	background: url(/uploads/images/template/nav.gif) no-repeat -250px -36px;
}
/* 4. baptisms */
li#navitem4 {
	width: 124px;
}
li#navitem4 span {
	background-position: -374px 0;
}
li#navitem4 a:link span,
li#navitem4 a:visited span {
	background: url(/uploads/images/template/nav.gif) no-repeat -374px 0;
}
li#navitem4 a:hover span,
li#navitem4 a:active span,
li#navitem4 a.selected span {
	background: url(/uploads/images/template/nav.gif) no-repeat -374px -36px;
}
/* 5. weddings */
li#navitem5 {
	width: 125px;
}
li#navitem5 span {
	background-position: -498px 0;
}
li#navitem5 a:link span,
li#navitem5 a:visited span {
	background: url(/uploads/images/template/nav.gif) no-repeat -498px 0;
}
li#navitem5 a:hover span,
li#navitem5 a:active span,
li#navitem5 a.selected span {
	background: url(/uploads/images/template/nav.gif) no-repeat -498px -36px;
}
/* 6. contact us */
li#navitem6 {
	width: 123px;
}
li#navitem6 span {
	background-position: -623px 0;
}
li#navitem6 a:link span,
li#navitem6 a:visited span {
	background: url(/uploads/images/template/nav.gif) no-repeat -623px 0;
}
li#navitem6 a:hover span,
li#navitem6 a:active span,
li#navitem6 a.selected span {
	background: url(/uploads/images/template/nav.gif) no-repeat -623px -36px;
}

#bd {
	background-color: #FFF;
	padding: 0 10px 15px;
}
#breadcrumb {
	padding: 5px 0 7px;
	clear: both;
}
#home {
	margin-top: 1em;
}
#home-photos {
	text-align: center;
}
#home-photos img {
	border-left: 1px solid #FFF;
}
#home-photos img.first {
	border: none;
}

#ft {
	background: #fff url(/uploads/images/template/bg-main.png) repeat-y center top;
	width: 766px; /* fixed pixel alignment with body */
	margin: 0 auto;
	text-align: center;
}
#footer {
	background: transparent url(/uploads/images/template/footer.png) no-repeat center top;
	color: #FFFFFF;
	padding: 30px 0 50px;
}
#footer a:link,
#footer a:visited {
	color: #FFF;
}
#footer a:hover,
#footer a:active {
	color: #CCC;
}

/* base body fonts styles */

#body h1,
#body h2,
#body #home-text .content-bd h2 {
	font-size: 14px; 
	font-family:"AvantGarde Bk BT","Trebuchet MS",sans-serif;
	text-transform:uppercase;
	color: #000;
}
#body .content-bd h2 {
	font-size: 14px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #060;
	text-transform:none;
}
#body .feature h2 {
	font-size: 14px;
	font-family: "AvantGarde Bk BT","Trebuchet MS",sans-serif;
	text-transform: uppercase;
}
#body h3 {
	font-size: 12px;
}
#body .feature h3 {
	color: #060;
}
#body a:link,
#body a:visited {
	color: #009900;
}
#body a:hover,
#body a:active {
	color: #137e14;
}

#body h1,
#body h2 {
	margin-bottom: 1em;
}
#body h3,
#body h4,
#body h5,
#body h6 {
	margin-bottom: 0.2em;
}
#body h1,
#body h2,
#body h3,
#body h4,
#body h5,
#body h6,
#body strong,
#body legend{font-weight:bold;}
#body abbr,acronym{border-bottom:1px dotted #000;cursor:help;} 
em{font-style:italic;}
#body ul,
#body ol,
#body dl{margin:1em 1em 1em 2em;}
#body blockquote {margin:1em; }
#body ul ul,
#body ul ol,
#body ol ol,
#body ol ul {margin:0.3em 1em 0.3em 2em;}

#body ol li{list-style:decimal outside;}
#body ul.col2 {
	float: left;
	width: 40%;
}
#body div.col2 {
	float: left;
	width:auto; 
	margin-right:5px;
}
#body div.columns {
	clear: both;
}
#body ul li{
	list-style:disc outside;
	list-style-image: url(/uploads/images/template/bullet.gif);
}
#body ul li li {
	list-style-image: none;
}
#body dl dd{margin-left:1em;}
#body th,
#body td{border:1px solid #000;padding:.5em;}
#body th{font-weight:bold;text-align:center;}
#body caption{margin-bottom:.5em;text-align:center;}
#body p,
#body fieldset,
#body table,
#body pre{margin-bottom:1em;}

/* news items list */
#body .newsitems {
	margin: 0;
}
#body .newsitems li {
	list-style: none;
	list-style-image: none;
}

div.newssummary {
	margin: 1em 0;
}
.newsitems .newsheadline {
	color: #FFF;
	font-size: 10px;
	display: block;
	background-color: #137e14;
		overflow:hidden;
		padding: 5px 0;
		}
.newsitems .newsdate {
	background-color: #000;
	padding: 5px;
}
#body .newsitems .newsheadline a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	background-color: #137e14;
	padding: 5px;
}
#body .newsitems .newsheadline a:hover,
#body .newsitems .newsheadline a:active {
	text-decoration: underline;
}
#body h2.newstitle {
	margin-bottom: 0;
}
p.newsdate {
	color: #666;
}
.newsfeed {
	position: relative;
	display: block;
	padding-left: 42px;
	width: 110px;
	line-height: 1.4;
	padding-bottom: 1em;
}
#body .newsfeed img {
	border: none;
	text-decoration: none;
	position: absolute;
	top: 0;
	left: 0;
}

/* grey content box */
.content {
	margin: 0 auto;
}
.content-hd .content-c,
.content-ft .content-c {
	font-size:1px; /* ensure minimum height */
	height:7px;
}
.content-hd {
	background:transparent url(/uploads/images/template/greybox-tl.gif) no-repeat left top;
}
.content-hd .content-c {
	background:transparent url(/uploads/images/template/greybox-tr.gif) no-repeat right top;
}
.content-bd {
	background: transparent url(/uploads/images/template/greybox-ml.gif) repeat-y left top;
}
.content-bd .content-c {
	background:transparent url(/uploads/images/template/greybox-mr.gif) repeat-y right top;
}
.content-s {
	padding: 16px 0 16px 30px;
}
.content-bd .content-c .content-s {
	background: #ececec url(/uploads/images/template/greybox-ms.gif) repeat-x left top;
	padding: 16px 30px;
}
.content-ft {
	background:transparent url(/uploads/images/template/greybox-bl.gif) no-repeat left top;
}
.content-ft .content-c {
	background:transparent url(/uploads/images/template/greybox-br.gif) no-repeat right top;
}

/* feature box */
.feature {
	margin: 0 auto 10px;
}
.feature-hd .feature-c,
.feature-ft .feature-c {
	font-size:1px; /* ensure minimum height */
	height:7px;
}
.feature-hd {
	background:transparent url(/uploads/images/template/border-tl.gif) no-repeat left top;
}
.feature-hd .feature-c {
	background:transparent url(/uploads/images/template/border-tr.gif) no-repeat right top;
}
.feature-bd {
	background: transparent url(/uploads/images/template/border-ml.gif) repeat-y left top;
}
.feature-bd .feature-c {
	background:transparent url(/uploads/images/template/border-mr.gif) repeat-y right top;
}
.feature-bd .feature-c .feature-s {
	padding: 16px;
}
.feature-ft {
	background:transparent url(/uploads/images/template/border-bl.gif) no-repeat left top;
}
.feature-ft .feature-c {
	background:transparent url(/uploads/images/template/border-br.gif) no-repeat right top;
}
.content img {
	border: 1px solid #fff;
}
.content-bd img,
.feature img {
	border: 1px solid #ccc;
}

/* forms */
.reqd {
	font-style:normal;
	color:#f00;
}
#body form {
	color: #4a5054;
}
#body form ol {
	margin: 0;
}
#body form li {
	display: block;
	list-style: none;
	padding: 0 0 1em 0;
	clear: both;
}
label {
	width: 9em;
	float: left;
	margin-right: 0.5em;
	display: block;
}
#body form p {
	clear: left;
}

#body .field-name input,
#body .field-email input {
	width: 20em;
}
#body .field-phone input {
	width: 10em;
}
#body .field-memo textarea {
	width: 20em;
	height: 10em;
}

.msg-error {
	background:#FDDFE2 url(/uploads/images/template/icon_error.gif) no-repeat scroll 4px 5px;
	border:1px solid #F9838E;
	color:#000000;
	margin:0pt 0pt 0.5em;
	padding:5px 5px 5px 25px;
}
.msg-success {
	background:#CEF5CB url(/uploads/images/template/icon_success.gif) no-repeat scroll 4px 5px;
	border:1px solid #80B071;
	color:#000000;
	margin:0pt 0pt 0.5em;
	padding:5px 5px 5px 25px;
}
#body .msg-error li {
	list-style-image: none;
}
#body .msg-success p {
	margin: 0;
}
.error label {
	color:#CC0000;
}
.error input, .error textarea {
	background-color:#FFCCCC;
}

#footer {
position: relative;
}
a#wp span {
height:1px;
left:0;
overflow:hidden;
position:absolute;
top:0;
width:1px;
}
a#wp:link, a#wp:visited {
background:transparent url(/uploads/images/template/webporter.gif) no-repeat scroll right top;
height:40px;
position:absolute;
right:15px;
bottom:3px;
width:70px;
}
a#wp:hover, a#wp:active {
background:transparent url(/uploads/images/template/webporter.gif) no-repeat scroll 0pt -40px;
}
/* End of 'grovely' */

